/* Services use the portfolio grid, type, spacing and accent tokens. */
.services-head{padding-bottom:var(--s16)}
.services-hero-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--s16);align-items:end;margin-top:var(--s8)}
.services-head h1{font-size:clamp(40px,5.6vw,76px);line-height:1.04;letter-spacing:-.045em;font-weight:600;margin:0 0 var(--s8)}
.services-head .services-lead{font-size:18px;line-height:1.7;max-width:48ch;color:var(--fg-2);margin:0}
.services-brief{border-left:2px solid var(--red);padding-left:var(--s8);padding-bottom:var(--s2)}
.services-brief h2{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.025em;margin:var(--s6) 0 var(--s4)}
.services-brief p{font-size:14px;line-height:1.75;max-width:40ch;color:var(--fg-3)}
.services-brief .btn{margin-top:var(--s8)}
.services-list{padding-bottom:var(--s16)}
.services-list .section-top{margin-bottom:var(--s8)}
.service-item{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,2fr);gap:var(--s8);padding:var(--s12) 0;border-top:1px solid var(--line)}
.service-item[hidden]{display:none}
.service-name{display:flex;gap:var(--s6);align-items:baseline}
.service-number{font-family:var(--f-mono);font-size:11px;color:var(--red-bright);flex-shrink:0}
.service-name h3{font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.025em;font-weight:500}
.service-description>p:first-child{font-size:16px;line-height:1.8;max-width:48ch;color:var(--fg-2)}
.service-description .service-tags{font-family:var(--f-mono);font-size:10px;color:var(--fg-3);letter-spacing:.04em;margin:var(--s6) 0}
.service-description .text-link{font-size:12px}
.service-quote{font-family:var(--f-mono);font-size:11px;line-height:1.6;color:var(--fg-3);text-align:right}
.service-price{font-family:var(--f-display);font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-.03em;text-align:right}
.services-contact{padding-top:var(--s12);padding-bottom:var(--s24);border-top:1px solid var(--line)}
.services-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s16);margin-top:var(--s8)}
.services-contact h2{font-weight:500;letter-spacing:-.03em;font-size:clamp(28px,3.1vw,42px);line-height:1.15;max-width:17ch;margin-bottom:var(--s6)}
.services-contact p{font-size:15px;color:var(--fg-3);line-height:1.8;max-width:48ch}
.services-email{display:inline-block;font-size:clamp(16px,2vw,24px);font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere;border-bottom:1px solid var(--line);padding-bottom:var(--s2)}
.services-email:hover{color:var(--red-bright);border-color:var(--red-bright)}
.services-contact-actions{align-self:center;min-width:0}
.services-contact-actions .resource-actions{margin-top:var(--s8);gap:var(--s6)}
.services-contact-actions button{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--fg-2);font:inherit;cursor:pointer;padding:var(--s2) 0}
.services-contact-actions button:hover{color:var(--fg);border-color:var(--red-bright)}
.services-contact-actions button:active,.services-email:active{opacity:.65}
.prompt-projects{margin-top:var(--s8)}
.prompt-project{padding:var(--s8) 0;border-top:1px solid var(--line)}
.prompt-project h3{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.02em;margin-bottom:var(--s4)}
.prompt-project .resource-intro{margin-bottom:var(--s6);max-width:72ch}
.prompt-project .resource-actions{margin-top:0;gap:var(--s6)}
.prompt-sources{margin-top:var(--s6);max-width:80ch}
.prompt-sources summary{cursor:pointer;color:var(--fg-3);font-size:12px;width:fit-content;padding:var(--s2) 0;list-style:revert}
.prompt-sources summary:hover{color:var(--fg)}
.prompt-sources summary:active{opacity:.65}
.prompt-sources ul{list-style:none;padding-top:var(--s4)}
.prompt-sources li+li{margin-top:var(--s2)}
.prompt-sources li a{display:inline-flex;gap:var(--s4);align-items:baseline;max-width:100%;overflow-wrap:anywhere;color:var(--fg-2);font-size:12px;padding:var(--s2) 0}
.prompt-sources li a:hover{color:var(--fg);text-decoration:underline;text-decoration-color:var(--red-bright);text-underline-offset:4px}
.prompt-sources li [data-icon]{flex-shrink:0}
@media(max-width:1000px){.services-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s8)}.services-brief{padding-left:var(--s6)}.service-item{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s6)}.service-quote,.service-price{grid-column:2;text-align:left}.services-contact-grid{gap:var(--s8)}}
@media(max-width:700px){.services-head{padding-bottom:var(--s12)}.services-hero-grid{grid-template-columns:1fr;gap:var(--s12);margin-top:var(--s6)}.services-head h1{font-size:clamp(40px,10.4vw,64px);margin-bottom:var(--s6)}.services-head .services-lead{font-size:16px}.services-brief{padding-left:var(--s6)}.services-brief h2{margin-top:var(--s4)}.services-brief .btn{margin-top:var(--s6)}.services-list .section-top{align-items:flex-start;gap:var(--s3);flex-direction:column}.service-item{grid-template-columns:1fr;padding:var(--s8) 0;gap:var(--s6)}.service-name{gap:var(--s4)}.service-description{padding-left:var(--s8)}.service-quote,.service-price{grid-column:auto;padding-left:var(--s8)}.service-description>p:first-child{font-size:15px}.service-quote{order:3}.services-contact{padding-bottom:var(--s16)}.services-contact-grid{grid-template-columns:1fr;gap:var(--s8)}.services-contact h2{max-width:22ch}.services-contact-actions .resource-actions{gap:var(--s6);flex-wrap:wrap}.prompt-project .resource-actions{align-items:flex-start;flex-direction:column;gap:var(--s4)}.prompt-project h3{font-size:22px}}

/* Monthly recharge options, with consistent label and price alignment. */
.service-rates{margin:0;display:grid;gap:var(--s4);min-width:0}
.service-rates>div{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--s4)}
.service-rates dt{font-family:var(--f-mono);font-size:11px;font-weight:400;white-space:nowrap;color:var(--fg-3)}
.service-rates dd{margin:0;font-size:24px;line-height:1.25;white-space:nowrap;font-weight:500}
.service-rates small{font-family:var(--f-ui);font-size:12px;font-weight:400;letter-spacing:0;color:var(--fg-3);margin-left:var(--s1)}
@media(max-width:1000px){.service-rates{width:fit-content}.service-rates>div{justify-content:space-between}.service-rates dt{min-width:64px}}

/* Actual workflow graph sits alongside the download and hardware details. */
.workflow-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s12);align-items:center}
.workflow-copy{min-width:0}
.workflow-copy .resource-intro{max-width:54ch;margin-bottom:var(--s6)}
.workflow-hardware{font-size:14px;line-height:1.7;font-weight:500;color:var(--fg-2);margin-bottom:var(--s8)}
.workflow-copy .resource-actions{gap:var(--s4) var(--s6);flex-wrap:wrap}
.workflow-visual{min-width:0;margin:0}
.workflow-visual a{display:block;padding:var(--s6) var(--s4);background:#121212;transition:opacity .2s var(--ease)}
.workflow-visual img{display:block;width:100%;height:auto}
.workflow-visual figcaption{font-family:var(--f-mono);font-size:11px;line-height:1.6;color:var(--fg-3);margin-top:var(--s3)}
.workflow-visual a:hover{outline:1px solid var(--red-bright)}
.workflow-visual a:active{opacity:.7}
@media(max-width:1000px){.workflow-layout{grid-template-columns:1fr;gap:var(--s8)}.workflow-visual{max-width:800px}}
@media(prefers-reduced-motion:reduce){.workflow-visual a{transition:none}}