/* Local IT content only; all site chrome uses layout.css. */
main.local-it-page { padding-block: 0; font-size: 17px; line-height: 1.65; }
.local-it-page a { text-decoration: underline; }
.local-it-page .hero {padding:64px 0 56px;max-width:76ch}
.local-it-page .eyebrow {font-size:12px;letter-spacing:1.6px;font-weight:800;text-transform:uppercase;color:var(--accent)}
.local-it-page h1, .local-it-page h2, .local-it-page h3, .local-it-page p {margin:0}
.local-it-page h1 {font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-.04em;margin:20px 0 24px}
.local-it-page h2 {font-size:clamp(29px,3.2vw,44px);line-height:1.12;letter-spacing:-.035em}
.local-it-page h3 {font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:14px 0}
.local-it-page .intro {font-size:20px;color:var(--muted);max-width:700px}
.local-it-page .actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.local-it-page .cta {display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg);padding:14px 21px;font-weight:700;text-decoration:none;font-size:15px;border:1px solid var(--ink)}
.local-it-page .cta:hover {background:var(--accent);border-color:var(--accent);color:white}
.local-it-page .cta.secondary {background:transparent;color:var(--ink)}
.local-it-page .small {font-size:13px;color:var(--muted);margin-top:14px}
.local-it-page .jump {display:flex;flex-wrap:wrap;gap:20px;padding:18px 0;border-block:1px solid var(--line);font-size:14px}
.local-it-page .section {padding:64px 0;border-bottom:1px solid var(--line)}
.local-it-page .section-head {display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:32px}
.local-it-page .section-head p {max-width:440px;color:var(--muted)}
.local-it-page .grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.local-it-page .card {display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-top:2px solid var(--ink);background:var(--surface);padding:24px;scroll-margin-top:25px}
.local-it-page .card p, .local-it-page .card li {color:var(--muted)}
.local-it-page .card > .text-link {margin-top:auto;padding-top:8px;align-self:flex-start}
.local-it-page .card li + li {margin-top:6px}
.local-it-page .studio-support {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;margin-top:24px;padding:24px;border:1px solid var(--line);background:var(--surface)}
.local-it-page .studio-support h3 {font-size:23px;line-height:1.25;margin:0}
.local-it-page .studio-support p {max-width:76ch;color:var(--muted)}
.local-it-page .studio-support .text-link {margin-top:16px}
.local-it-page ul {padding-left:20px;margin:20px 0}
.local-it-page .text-link {font-weight:700;text-underline-offset:5px;font-size:15px}
.local-it-page .split {display:grid;grid-template-columns:1fr 1fr;gap:70px}
.local-it-page .split p {color:var(--muted);margin:18px 0}
.local-it-page .steps {counter-reset:steps;display:grid;gap:22px}
.local-it-page .step {border-bottom:1px solid var(--line);padding-bottom:20px}
.local-it-page .step h3 {font-size:20px}
.local-it-page .step p {color:var(--muted)}
.local-it-page .areas {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;list-style:none;padding:0}
.local-it-page .areas li {border:1px solid var(--line);padding:6px 12px;font-size:14px}
.local-it-page .faq details {padding:21px 0;border-bottom:1px solid var(--line)}
.local-it-page summary {cursor:pointer;font-weight:700}
.local-it-page .faq p {max-width:850px;color:var(--muted);margin-top:12px}
.local-it-page .contact {background:var(--surface);padding:45px;margin:64px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}
.local-it-page .contact p {color:var(--muted);margin-top:14px}
.local-it-page .contact .actions {margin:0}
@media (max-width:800px) {
.local-it-page .hero {padding:40px 0}
.local-it-page .grid, .local-it-page .split {grid-template-columns:1fr;gap:35px}
.local-it-page .studio-support {grid-template-columns:1fr;gap:16px}
.local-it-page .section-head, .local-it-page .contact {display:block}
.local-it-page .section-head p {margin-top:18px}
.local-it-page .contact {padding:28px}
.local-it-page .contact .actions {margin-top:24px}
.local-it-page .section {padding:44px 0}
}
@media (max-width:450px) {
.local-it-page .actions {flex-direction:column}
.local-it-page .cta {width:100%}
.local-it-page .intro {font-size:18px}
}