/* Network landing (main site only). */
.net-hero { position: relative; min-height: min(78vh, 720px); display: grid; align-items: end; color: #fff; overflow: hidden; }
.net-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.net-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 22, 38, .72), rgba(8, 22, 38, .15) 65%), linear-gradient(180deg, transparent 40%, rgba(8, 22, 38, .6)); }
.net-hero__copy { position: relative; z-index: 1; padding-block: 80px clamp(40px, 6vw, 88px); }
.net-hero__title { font-size: var(--fs-hero); line-height: 1; max-width: 13ch; font-weight: 340; }
.net-hero__intro { margin: 20px 0 28px; max-width: 54ch; font-size: var(--fs-md); opacity: .92; }
.net-sites { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap: 24px; }
.net-site__link { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 24px; align-items: center; padding: 16px; background: var(--surface); border-radius: var(--radius); box-shadow: var(--card-shadow); text-decoration: none; transition: transform .25s var(--ease); }
.net-site__link:hover { transform: translateY(-3px); color: inherit; }
.net-site__media { aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--radius-sm); }
.net-site--dental .net-site__media { border-radius: 999px 999px 10px 10px; }
.net-site__media img { width: 100%; height: 100%; object-fit: cover; }
.net-site__body { display: grid; gap: 8px; }
.net-site__wm { font-size: 1.5rem; line-height: 1.1; overflow-wrap: anywhere; }
.net-site--dental .net-site__wm .wm-a { font-style: italic; }
.net-site--dental .net-site__wm .wm-b { color: #0E6B67; }
.net-site--electronics .net-site__wm .wm-a { font-family: "Archivo", sans-serif; font-style: normal; font-weight: 800; font-stretch: 125%; letter-spacing: -.045em; font-size: .9em; }
.net-site--electronics .net-site__wm .wm-b { font-family: "Archivo", sans-serif; font-weight: 300; font-stretch: 125%; font-size: .9em; }
.net-site--electronics .net-site__wm .wm-b { color: #2430F0; }
.net-site--veterinary .net-site__wm .wm-b { color: #3C6B2C; }
.net-site--veterinary .net-site__media { border-radius: 58% 42% 46% 54% / 44% 50% 50% 56%; }
.net-site--realestate .net-site__wm .wm-a, .net-site--legal .net-site__wm .wm-b, .net-site--restaurants .net-site__wm .wm-a { font-style: italic; }
.net-site--realestate .net-site__wm .wm-b { color: #1D4C69; }
.net-site--realestate .net-site__media, .net-site--legal .net-site__media, .net-site--accounting .net-site__media { border-radius: 0; }
.net-site--legal .net-site__wm .wm-b { color: #7A1E2A; }
.net-site--accounting .net-site__wm .wm-b { color: #C5221A; }
.net-site--garages .net-site__wm .wm-b { color: #B13A0A; }
.net-site--restaurants .net-site__wm .wm-b { color: #B3371B; }
.net-site--restaurants .net-site__media { aspect-ratio: 1; border-radius: 50%; }
.net-site__label { font-weight: 600; }
.net-site__stats { font-size: var(--fs-sm); color: var(--ink-soft); }
.how__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 32px; }
.how__grid h3 { font-family: var(--font-display); font-size: var(--fs-lg); font-weight: 400; margin-bottom: 8px; }
.how__grid p { color: var(--ink-soft); }
.section--how { background: var(--surface); }
@media (max-width: 800px) { .how__grid { grid-template-columns: 1fr; } .net-site__link { grid-template-columns: 110px minmax(0, 1fr); gap: 16px; } }