.network-services {
  --services-dark: #192025;
  --services-text: #41474b;
  --services-line: #e4ddd4;
  --services-accent: #914600;
  max-width: 78rem;
  margin: 1.4rem auto 3.2rem;
}
.network-services h2 { font-size: clamp(1.35rem, 2.5vw, 2rem); line-height: 1.45; }
.nav a[aria-current="page"] { color: #914600; font-weight: 800; }
.network-services h3 { font-size: 1.02rem; line-height: 1.55; }
.network-services p, .network-services li { line-height: 1.95; }
.network-services [id] { scroll-margin-top: 11rem; }
.services-hero {
  display: grid;
  grid-template-columns: 1fr minmax(0, .9fr);
  overflow: hidden;
  border-radius: 1.35rem;
  background: var(--services-dark);
  color: #fff9f1;
}
.services-hero-copy { padding: clamp(1.5rem, 4.2vw, 3.6rem); }
.services-hero h1 { font-size: clamp(1.85rem, 3.7vw, 3.45rem); line-height: 1.28; font-weight: 900; margin-block: .55rem .9rem; }
.services-hero h1 span { display: block; color: #ffad57; }
.services-kicker { color: var(--services-accent); font-size: .84rem; font-weight: 800; }
.services-hero .services-kicker, .services-callout .services-kicker { color: #ffc282; }
.services-lead { color: #e1e2e2; max-width: 38rem; }
.services-hero-photo { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center; }
.services-actions, .services-platforms, .services-jumps { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; }
.services-actions { margin-block: 1.2rem; }
.services-primary, .services-secondary, .services-jumps a { display: inline-flex; align-items: center; gap: .55rem; min-height: 44px; padding: .48rem .95rem; border-radius: .65rem; font-size: .88rem; font-weight: 750; }
.services-primary { background: #ff922b; color: #1d160e; }
.services-primary:hover { background: #ffac58; color: #1d160e; }
.services-secondary { border: 1px solid #ffffff5e; color: #fff; }
.services-secondary:hover { background: #ffffff14; color: #fff; }
.services-platforms { margin: 0; padding: 0; list-style: none; }
.services-platforms li { color: #f4e6d6; border: 1px solid #ffffff38; border-radius: 2rem; padding: .1rem .6rem; font-size: .76rem; }
.services-jumps { margin-block: 1rem 1.8rem; }
.services-jumps a { background: #fff; border: 1px solid var(--services-line); color: #433326; }
.services-jumps a:hover { background: #fff1e2; border-color: #e9ae75; color: #643204; }
.services-section, .services-pair { margin-block: 1.65rem; }
.services-heading { display: grid; gap: .25rem; margin-bottom: .9rem; }
.services-heading > p:last-child { max-width: 64rem; color: var(--services-text); }
.services-tech-grid, .services-pair, .services-model-grid, .services-steps { display: grid; gap: .9rem; }
.services-tech-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.services-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.services-card { border: 1px solid var(--services-line); border-radius: .95rem; background: #fff; padding: clamp(1rem, 2.2vw, 1.55rem); }
.services-card h3 { margin-bottom: .45rem; }
.services-card h2 { margin-block: .2rem .5rem; }
.services-card > p:not(.services-kicker), .services-card div > p:not(.services-kicker), .services-card li { color: var(--services-text); }
.services-photo-card { padding: 0; overflow: hidden; }
.services-photo-card > img { display: block; width: 100%; height: auto; aspect-ratio: 2.2; object-fit: cover; }
.services-photo-card > div { padding: clamp(1rem, 2.2vw, 1.55rem); }
.services-checklist { list-style: none; padding: 0; margin-block: .7rem 0; }
.services-checklist li { position: relative; padding-inline-start: 1.2rem; margin-block: .32rem; }
.services-checklist li::before { content: ""; position: absolute; inset-inline-start: .16rem; top: .72em; width: .42rem; height: .42rem; border-radius: 50%; background: #b85b10; }
.services-text-link { display: inline-flex; gap: .55rem; margin-top: .65rem; font-weight: 750; color: #79400c; text-decoration: underline; text-underline-offset: .22em; }
.services-models { background: #f4ede4; border: 1px solid #e8dccd; border-radius: 1rem; padding: clamp(1rem, 2.6vw, 1.65rem); }
.services-model-grid, .services-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.services-model-grid > section, .services-steps > li { border: 1px solid var(--services-line); background: #fff; border-radius: .7rem; padding: .85rem 1rem; }
.services-model-grid p, .services-steps span { color: var(--services-text); font-size: .9rem; }
.services-steps { list-style: none; padding: 0; margin: 0; counter-reset: service-step; }
.services-steps li { counter-increment: service-step; }
.services-steps li::before { content: counter(service-step, persian); display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; margin-bottom: .4rem; background: #ffe8ce; color: #743700; font-weight: 800; }
.services-steps strong, .services-steps span { display: block; }
.services-callout { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; border-radius: 1rem; padding: clamp(1rem, 3vw, 2rem); background: var(--services-dark); color: #fff9f1; }
.services-callout > div { max-width: 55rem; }
.services-callout h2 { margin-block: .25rem; }
.services-callout p:not(.services-kicker) { color: #e1e2e2; }
.services-consultation { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1fr); align-items: start; gap: 1rem; margin-top: .8rem; }
.services-consultation-intro, .services-consultation-card { border-radius: 1rem; padding: clamp(1rem, 3vw, 2rem); }
.services-consultation-intro { background: var(--services-dark); color: #fff9f1; }
.services-consultation-intro .services-kicker { color: #ffc282; }
.services-consultation-intro h1 { font-size: clamp(1.5rem, 3.5vw, 2.5rem); line-height: 1.45; margin-block: .45rem; }
.services-consultation-intro li::before { background: #ffad57; }
.services-consultation-card { background: #fff; border: 1px solid var(--services-line); min-width: 0; }
.services-consultation-card h2 { margin-top: 0; }
.services-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; margin-block: 1rem; }
.services-form-fields label { display: grid; gap: .3rem; align-content: start; font-weight: 700; }
.services-full-field { grid-column: 1 / -1; }
.services-form-fields input, .services-form-fields textarea { width: 100%; min-width: 0; padding: .55rem .65rem; font: inherit; font-weight: 400; background: #fffdfb; color: #202326; border: 1px solid #c4b7ab; border-radius: .5rem; }
.services-form-fields textarea { resize: vertical; }
.services-form-fields :is(input, textarea):focus-visible { outline: 2px solid #914600; outline-offset: 2px; }
.services-form-errors { color: #932619; background: #fff0ed; padding: .65rem 1.9rem .65rem .75rem; border-radius: .5rem; }
.services-form-note { font-size: .88rem; color: var(--services-text); }
.services-consultation-card button { border: 0; font: inherit; font-weight: 800; cursor: pointer; }
.services-reference { display: inline-block; direction: ltr; overflow-wrap: anywhere; max-width: 100%; font-weight: 700; }
@media (max-width: 960px) {
  .services-model-grid, .services-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 690px) {
  .network-services { margin-top: .8rem; }
  .services-hero, .services-tech-grid, .services-pair, .services-consultation { grid-template-columns: minmax(0, 1fr); }
  .services-hero-photo { height: auto; aspect-ratio: 2.2; }
  .services-jumps { gap: .35rem; margin-bottom: 1.25rem; }
  .services-jumps a { padding-inline: .65rem; }
}
@media (max-width: 410px) {
  .services-model-grid, .services-steps, .services-form-fields { grid-template-columns: minmax(0, 1fr); }
}