/* Commercial pages use the site's type, surface and signal tokens. */
.commercial { background: var(--canvas); }
.commercial main { padding-top: 110px; }
.language-row { display:flex; justify-content:flex-end; font-size:var(--text-caption); }
.buyer-hero { padding:40px 0 64px; }
.buyer-hero .display { max-width:17ch; margin:20px 0 24px; font-size:clamp(36px,5.4vw,72px); overflow-wrap:break-word; }
.buyer-hero .lede { max-width:65ch; font-size:clamp(18px,2vw,22px); }
.buyer-hero .link-row,.buyer-close .link-row { margin-top:28px; gap:16px; align-items:center; }
.buyer-section { padding:56px 0; border-top:1px solid var(--hair); scroll-margin-top:110px; }
.buyer-section h2 { font-family:var(--font-display);font-size:clamp(28px,3.4vw,44px);font-weight:var(--fw-display);line-height:1.12;letter-spacing:var(--tracking-heading);max-width:26ch;margin:16px 0 28px; }
.buyer-section h3 { font-size:20px;line-height:1.3;margin:0 0 14px; }
.buyer-section p { max-width:72ch;line-height:1.65; }
.buyer-section p+p { margin-top:16px; }
.buyer-section a:not(.btn),.language-row a { text-decoration:underline;text-underline-offset:4px; }
.buyer-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }
.buyer-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.buyer-grid.evidence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.buyer-card { min-width:0;border:1px solid var(--hair);padding:26px;background:var(--surface);border-radius:var(--radius-sm); }
.buyer-card dl { margin-top:20px; }
.buyer-card dt,.service-brief dt { font-family:var(--font-mono);font-size:var(--text-caption);color:var(--fg-3);margin:18px 0 6px; }
.buyer-card dd,.service-brief dd { margin:0;line-height:1.6; }
.evidence-status { font-family:var(--font-mono);font-size:12px;color:var(--orange);margin-bottom:16px;text-transform:uppercase;letter-spacing:.03em; }
.evidence-date { font-size:12px;color:var(--fg-3); }
.buyer-steps { list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0; }
.buyer-steps li { counter-increment:step;min-width:0; }
.buyer-steps li:before { content:'0' counter(step);display:block;font-family:var(--font-mono);color:var(--orange);padding-bottom:18px;border-bottom:1px solid var(--hair);margin-bottom:18px; }
.scope-note { padding:18px 20px;border-left:3px solid var(--orange);background:var(--lift);margin-top:28px; }
.buyer-faq { max-width:850px; }
.buyer-faq details,.service-catalog details { border-top:1px solid var(--hair);padding:18px 0; }
.buyer-faq summary,.service-catalog summary { cursor:pointer;font-weight:600;min-height:30px;line-height:1.5; }
.buyer-faq details p { padding:16px 0 0; }
.service-brief { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px;max-width:1000px; }
.service-catalog { margin:28px 0; }
.catalog-list { list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0; }
.catalog-list li { border-left:2px solid var(--hair);padding:12px 20px; }
.catalog-list h3 { font-size:18px; }
.buyer-close { background:var(--lift); }
.contact-layout { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px; }
.inquiry-form { display:grid;gap:20px; }
.inquiry-form label { display:block;font-weight:600;margin-bottom:8px; }
.inquiry-form input,.inquiry-form textarea,.inquiry-form select { display:block;width:100%;box-sizing:border-box;padding:13px;border:1px solid var(--hair-active);border-radius:var(--radius-sm);background:var(--canvas);color:var(--fg);font:inherit; }
.inquiry-form textarea { min-height:130px;resize:vertical; }
.inquiry-form [aria-invalid=true] { border-color:var(--orange); }
.field-error { color:var(--orange);font-size:14px;display:block;margin-top:6px; }
.inquiry-form[hidden],.inquiry-form [hidden] { display:none; }
.inquiry-form button { justify-self:start; }
.inquiry-form .honeypot { position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden; }
.form-status { border-left:3px solid var(--orange);padding:12px 16px; }
.form-status:empty { display:none; }
.workflow-controls { display:flex;flex-wrap:wrap;gap:12px;margin:20px 0; }
.workflow-controls button { min-height:44px; }
.workflow-panel { padding:24px;border:1px solid var(--hair);background:var(--lift); }
.workflow-source { scroll-margin-top:120px;padding:20px 0;border-top:1px solid var(--hair); }
.archive-links { display:flex;flex-wrap:wrap;gap:16px; }
.archive-links a { scroll-margin-top:120px; }
.commercial :focus-visible { outline:3px solid var(--orange);outline-offset:4px; }
@media(max-width:1000px) { .buyer-steps {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:700px) { .commercial main{padding-top:100px;} .buyer-hero{padding-top:24px;} .buyer-grid,.buyer-grid.two,.buyer-grid.evidence-grid,.contact-layout,.service-brief,.catalog-list{grid-template-columns:minmax(0,1fr);} .buyer-section{padding:40px 0;} .buyer-card{padding:22px;} .contact-layout{gap:28px;} }
@media(max-width:430px) { .buyer-steps{grid-template-columns:minmax(0,1fr);} .buyer-hero .link-row,.buyer-close .link-row{align-items:stretch;flex-direction:column;} }
@media(prefers-reduced-motion:reduce) { .commercial *, .commercial *:before, .commercial *:after {animation:none!important;scroll-behavior:auto!important;transition:none!important;} }
/* Homepage proof strip: one line per built thing, the full cards live on /work. */
.proof-list { list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px; }
.proof-list li { min-width:0;border-top:1px solid var(--hair);padding-top:20px; }
.proof-list h3 { margin-bottom:10px; }
.proof-list .evidence-status { margin-bottom:10px; }
@media(max-width:700px) { .proof-list{grid-template-columns:minmax(0,1fr);} }