:root{--paper:#f5f3ed;--ink:#232622;--muted:#686e64;--line:#d8dbd0;--green:#dbe6c9;--orange:#ee7244;--white:#fffefa}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}.topbar{max-width:1320px;margin:auto;min-height:100px;padding:24px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:1px;font-size:18px}.brand small{font-size:8px;display:block;letter-spacing:2px}.brand-icon{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:43px;height:43px;border-radius:50%;font-size:28px;letter-spacing:-4px;padding-right:5px}.topbar nav{display:flex;gap:24px;align-items:center;font-size:13px}.topbar nav form{margin:0}.text-button{border:0;background:none;padding:0}main{max-width:1200px;margin:0 auto;padding:0 24px 70px}.hero{display:flex;align-items:center;justify-content:space-between;padding:64px 0 52px;gap:50px}.hero>div:first-child{max-width:700px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--muted);margin:0 0 15px}h1{font-size:clamp(32px,4.6vw,62px);line-height:1.04;letter-spacing:-2.7px;font-weight:600;margin:0 0 20px}h2{font-size:25px;letter-spacing:-.8px;margin:4px 0 14px}h3{font-size:18px}.lead{font-size:17px;color:var(--muted);max-width:610px;margin:0;line-height:1.65}.record{flex-shrink:0;width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle,#242722 0 2px,#363a32 3px,#242722 4px);display:grid;place-items:center;transform:rotate(-14deg);box-shadow:14px 18px 0 #e4e4d9}.record>span{position:relative;background:var(--orange);width:102px;height:102px;border-radius:50%;display:flex;justify-content:center;flex-direction:column;text-align:center;font-size:19px;font-weight:bold;line-height:1;letter-spacing:-1px}.record small{font-size:7px;letter-spacing:1px;margin-top:8px}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.card{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:28px;margin:0 0 20px;min-width:0}fieldset.card{padding-top:18px}legend{font-size:21px;letter-spacing:-.5px;font-weight:600;background:var(--white);padding:0 9px;margin-left:-9px;border-radius:8px}.step{font-size:11px;color:var(--muted);letter-spacing:0;margin-right:15px;vertical-align:middle}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:600;margin-bottom:2px}input:not([type=checkbox]),select,textarea{display:block;width:100%;min-width:0;background:#fff;border:1px solid #cdd0c6;border-radius:6px;padding:11px 12px;color:var(--ink);margin-top:7px;font-size:14px;min-height:45px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #889878;border-color:transparent}input[type=checkbox]{accent-color:#34472d;width:17px;height:17px;flex-shrink:0}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks label,.check-label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:400}.summary{position:sticky;top:24px;background:var(--green);border-color:#c2cdb1;padding:26px}.summary h2{font-size:31px}.summary-qty{font-size:18px;margin-top:-4px}.summary-rule{height:1px;background:#bfc9b1;margin:25px 0}.hint{font-size:12px;color:var(--muted);line-height:1.6;font-weight:400}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 20px;min-height:45px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none!important;border:1px solid var(--ink);text-align:center}.button.primary{background:var(--ink);color:white}.button.primary:hover{background:#42503b}.button.secondary{background:transparent}.button.secondary:hover{background:#e5e9df}.button.small{font-size:12px;padding:9px 12px;min-height:36px}.summary .button{width:100%;margin:10px 0}.contact-link{display:block;font-size:12px;text-decoration:underline;margin-top:26px}.notice{padding:16px 20px;border:1px solid #b3c3a3;border-radius:8px;background:#e7efdf;margin:20px 0;font-size:13px}.notice.muted{background:#eaece5;border-color:#d5d9cb}.notice.error{background:#fff0e6;border-color:#e4a77e}.notice ul{padding-left:20px;margin-bottom:0}.footer{max-width:1248px;border-top:1px solid var(--line);padding:26px 24px;margin:auto;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:50px 0 30px;gap:20px}.page-heading h1{font-size:44px;margin-bottom:12px}.toolbar{display:flex;justify-content:space-between;gap:20px;margin:22px 0}.toolbar form{display:flex;gap:8px;flex:1;max-width:440px}.toolbar input{margin:0}.toolbar>div{display:flex;gap:8px;align-items:center}.table-wrap{overflow:auto;padding:0}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{background:#e9ece3;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}td,th{padding:17px 20px;border-bottom:1px solid #e6e8df}td small{display:block;font-size:11px;color:var(--muted);margin-top:4px}tr:last-child td{border-bottom:0}.badge{display:inline-block;border-radius:20px;background:#eceee8;padding:5px 10px;font-size:11px;white-space:nowrap}.badge.review{background:#f8dfc9}.badge.accepted{background:#dbe9c9}.badge.issued{background:#dce5ee}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.two-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;align-items:start}.specs{display:grid;grid-template-columns:140px 1fr;gap:8px;font-size:13px}.specs dt{color:var(--muted)}.specs dd{margin:0}.amount{text-align:right;white-space:nowrap}.total{font-size:42px;letter-spacing:-2px}.actions{display:grid;gap:10px;margin:20px 0}.actions .button{width:100%}.history{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.history span{font-size:11px;color:var(--muted)}.login{max-width:500px;margin:70px auto;padding:40px}.login h1{font-size:39px}.login form{display:grid;gap:20px;margin-top:28px}.empty-state{margin:70px auto;max-width:750px}.empty-state h1{font-size:44px}.empty-state .button{margin-top:25px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;left:-9999px}.pager{display:flex;justify-content:center;gap:25px;font-size:12px}details{margin-top:22px}summary{cursor:pointer;font-size:13px;font-weight:bold}#custom-lines .field-grid{margin-bottom:16px}#add-line{margin-bottom:25px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}hr{border:0;border-top:1px solid var(--line);margin:22px 0}@media(max-width:800px){.topbar{padding:20px 24px}.topbar nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.topbar nav a{font-size:11px}.hero{padding:42px 0;gap:20px}.record{width:150px;height:150px}.record>span{width:74px;height:74px;font-size:15px}.quote-layout{grid-template-columns:1fr}.summary{position:static}.two-columns{grid-template-columns:1fr}.toolbar{flex-direction:column}.page-heading{align-items:flex-start;flex-direction:column}.hero h1{font-size:43px;letter-spacing:-2px}.hero .lead{font-size:15px}.checks{grid-template-columns:1fr}.footer{gap:15px}}@media(max-width:500px){main{padding:0 16px 35px}.topbar{padding:16px;align-items:flex-start}.brand{font-size:14px;gap:8px}.brand small{font-size:6px}.brand-icon{width:35px;height:35px;font-size:23px}.topbar nav{max-width:150px}.hero{padding:38px 0 30px}.hero h1{font-size:39px;letter-spacing:-1.7px}.record{display:none}.card{padding:20px}.field-grid{grid-template-columns:1fr;gap:16px}.full{grid-column:auto}.footer{flex-direction:column}.page-heading h1{font-size:36px}.toolbar>div{flex-wrap:wrap}.specs{grid-template-columns:110px 1fr}.total{font-size:35px}.login{margin:35px auto}.login h1{font-size:34px}.empty-state h1{font-size:34px}}

.record{position:relative;background:#242722}.record-tracks{position:absolute;inset:0;width:100%;height:100%}.record>span img{width:80%;height:auto;margin:0 auto}.brand-logo{width:160px;height:auto}.topbar nav{flex-wrap:wrap;justify-content:flex-end}

.brand-logo{width:104px}@media(max-width:500px){.brand-logo{width:76px}.topbar{align-items:center}.topbar nav{max-width:225px}.language-navigation{font-size:12px}}

.toolbar form{min-width:0;width:100%;flex-wrap:wrap;align-items:flex-end}.toolbar form input{min-width:0}.toolbar form>input[name=q]{flex:1 1 230px}.toolbar form label{flex:1 1 145px;min-width:0}.toolbar form select{flex:0 1 160px;max-width:100%}.card{overflow-wrap:anywhere}

.record{position:relative;display:block;aspect-ratio:1;height:auto;background:#232622;transform:none}.record-tracks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.record>span.record-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32.8084%;height:auto;aspect-ratio:1;background:#fff;display:grid;place-items:center;overflow:hidden;border-radius:50%;padding:0}.record>span.record-label>img{display:block;width:100%;height:100%;object-fit:contain;margin:0}.record-spindle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7.24%;aspect-ratio:1;border-radius:50%;background:#232622;border:1px solid #b7b7b0}

@media(max-width:500px){.record{display:none}}

#quote-form[data-admin="1"] .summary{position:static}#creation-breakdown table{width:100%}#creation-breakdown .amount{white-space:nowrap}

.acceptance-summary{border-left:5px solid #667c45;background:#edf3e5;margin-bottom:24px}