:root{--ink:#163d37;--muted:#66736b;--paper:#faf9f3;--lime:#e7f1c3;--accent:#f27947;--line:#dce2d4;--red:#ac302f;font-family:Inter,Arial,"PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--ink);border-radius:8px;padding:12px 19px;background:var(--ink);color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650}button:hover,.button:hover{background:#2a594d}button:disabled{opacity:.5;cursor:wait}.quiet{color:var(--ink);background:transparent;border-color:var(--line)}.quiet:hover{background:var(--lime)}.large{padding:18px 26px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-head{max-width:1320px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-head nav,nav{display:flex;align-items:center;gap:28px;font-size:14px}.hero{max-width:1320px;margin:auto;padding:65px 48px 80px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.eyebrow{font:600 11px/1.5 monospace;letter-spacing:2px}.hero h1{font-size:clamp(48px,6.4vw,90px);line-height:1.02;letter-spacing:-4px;font-weight:650;margin:30px 0}.hero em{font-style:normal;color:var(--accent)}.lede{font-size:18px;line-height:1.75;color:var(--muted);max-width:475px}.fine{font-size:12px;line-height:1.6;color:var(--muted)}.hero-art{background:var(--lime);border-radius:100px 16px 16px 16px;padding:36px 16px 22px;transform:rotate(2deg)}.hero-art svg{width:100%;display:block}.hero-art .fine{text-align:center}.art-tag{display:block;text-align:right;font:10px monospace;letter-spacing:2px;margin:10px 25px}.upload-band{max-width:1224px;margin:0 auto 60px;background:#fff;border:2px dashed #b9c6af;border-radius:16px;padding:34px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.upload-band h2{font-size:28px;margin:10px 0}.upload-band p{color:var(--muted);font-size:13px}.upload-band.drag{background:var(--lime);border-color:var(--ink)}.section{max-width:1320px;margin:auto;padding:60px 48px 90px}.section h2,.services h2,.about h2{font-size:48px;letter-spacing:-1.8px;line-height:1.13;margin:20px 0 40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps b{font:14px monospace;display:block;border-top:1px solid var(--line);padding-top:22px;color:var(--accent)}h3{font-size:22px;line-height:1.4}.steps p,.service-list p{line-height:1.75;color:var(--muted);font-size:15px}.services{background:#e9ede4;padding:80px max(48px,calc((100vw - 1224px)/2));display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.service-list article{display:flex;gap:35px;border-bottom:1px solid #c8d2c2;padding:0 0 15px;margin-bottom:20px}.service-list article>span{padding-top:27px;color:var(--muted);font:12px monospace}.about{text-align:center;padding:90px 25px}.about p{max-width:620px;margin:0 auto 35px;line-height:1.8;color:var(--muted)}.site-footer{max-width:1320px;margin:auto;padding:35px 48px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;flex-wrap:wrap}.site-footer p{font-size:12px;color:var(--muted)}.site-footer nav{margin-left:auto;gap:20px;font-size:12px}.portal{max-width:1160px;padding:20px 35px 80px;margin:auto}.portal h1{font-size:40px;letter-spacing:-1px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;margin:20px 0}.card h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label.field{display:flex;flex-direction:column;gap:8px;font-size:13px;margin-bottom:14px}.field input,.field select,.field textarea,td input{width:100%;background:#fff;border:1px solid #bcc8bf;border-radius:6px;padding:11px;color:var(--ink)}textarea{min-height:85px;resize:vertical}.field small{font-size:11px;color:var(--muted)}.missing{border-color:var(--red)!important;background:#fff6f2!important}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.notice{padding:15px;border-radius:8px;background:var(--lime);line-height:1.6}.error{background:#fff0eb;color:var(--red)}#notice:empty{display:none}.stepper{display:flex;gap:10px;padding:18px 0;flex-wrap:wrap}.stepper span{padding:10px 15px;border-radius:20px;background:#e8ece3;color:var(--muted);font-size:13px}.stepper .active{background:var(--ink);color:white}.table-wrap{overflow:auto;max-height:650px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}td,th{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eef2e9;position:sticky;top:0;z-index:1}td input{min-width:95px}td input[data-key="ref"]{min-width:150px}.badge{display:inline-block;background:var(--lime);border-radius:20px;padding:7px 12px;font-size:12px}.split{display:flex;justify-content:space-between;gap:20px;align-items:center}.preview{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview img{width:100%;max-height:300px;object-fit:contain}.thread{max-height:400px;overflow:auto}.message{border-left:3px solid var(--line);margin:15px 0;padding:0 15px;white-space:pre-wrap;overflow-wrap:anywhere}.message.staff{border-color:var(--accent)}.message small{display:block;color:var(--muted);margin-bottom:6px}.muted{color:var(--muted)}.quote-total{font-size:27px;font-weight:650}.login{max-width:500px;margin:35px auto}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6}.check input{margin-top:5px}details>summary{cursor:pointer;font-weight:650;padding:14px 0}iframe{width:100%;height:750px;border:1px solid var(--line)}.legal{max-width:800px;line-height:1.8}.legal h2{margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){.site-head{padding:20px}.site-head nav{gap:14px}.site-head nav a[href="#how"]{display:none}.hero{grid-template-columns:1fr;padding:25px 24px 50px}.hero h1{letter-spacing:-2px}.hero-art{max-width:530px}.upload-band{margin:0 20px 30px;padding:25px;flex-direction:column;align-items:flex-start}.section{padding:40px 24px}.steps{grid-template-columns:1fr;gap:10px}.services{grid-template-columns:1fr;padding:50px 24px;gap:0}.section h2,.services h2,.about h2{font-size:38px}.site-footer{padding:25px;gap:12px}.site-footer nav{margin-left:0;flex-wrap:wrap}.portal{padding:15px}.grid,.grid.three{grid-template-columns:1fr}.card{padding:20px}.split{align-items:flex-start;flex-direction:column}.site-head img{width:155px}.site-head nav .button{display:none}}

.public-bom tr.bom-changed>td{background:#fff4cc}.public-bom .bom-changed-field{color:#b42318;font-weight:600}.bom-change-legend{font-size:14px;color:#765317}

/* Keep the approved SVG lockup proportional on desktop and mobile. */
.site-head img,.site-footer img{display:block;height:auto;max-width:100%}
.site-head>a{flex-shrink:0}