/* Space Coast Co-Hosts — Services page styles */

/* =========================================================
   SERVICES PAGE REDESIGN — v1.19
   Editorial, owner-focused and intentionally hero-free.
   ========================================================= */
.page--services .service-redesign-intro { position: relative; overflow: clip; padding: clamp(66px, 7vw, 104px) 0 clamp(72px, 7vw, 108px); background: var(--color-white);
}
.page--services .service-redesign-intro::after { content: ""; position: absolute; z-index: 0; width: 430px; height: 430px; right: -250px; top: 42px; border: 1px solid rgba(var(--rgb-brand), .12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(var(--rgb-brand), .025), 0 0 0 140px rgba(var(--rgb-brand), .018); pointer-events: none;
}
.page--services .service-redesign-intro__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .98fr) minmax(420px, .82fr); gap: clamp(52px, 7vw, 96px); align-items: start;
}
.page--services .service-redesign-intro__copy { max-width: 690px; }
.page--services .service-redesign-title { max-width: 680px; margin-top: 13px; line-height: 1.02; letter-spacing: -1.5px;
}
.page--services .service-redesign-lead { max-width: 660px; margin: 30px 0 0; color: var(--color-ink-soft); line-height: 1.65;
}
.page--services .service-redesign-copy { max-width: 650px; margin: 16px 0 0; color: var(--color-muted); line-height: 1.75;
}
.page--services .service-redesign-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 29px;
}
.page--services .service-redesign-primary { margin-top: 0; gap: 10px; padding: 16px 23px;
}
.page--services .service-redesign-primary i,
.page--services .service-redesign-text-link i,
.page--services .service-redesign-card__link i,
.page--services .service-redesign-process__intro a i { line-height: 1; }
.page--services .service-redesign-text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--color-ink-soft); font-weight: 600;
}
.page--services .service-redesign-text-link:hover { color: var(--color-brand); }
.page--services .service-redesign-trust { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--color-border-soft);
}
.page--services .service-redesign-trust span { display: inline-flex; align-items: center; gap: 7px; color: var(--color-muted); font-weight: 600; letter-spacing: .01em;
}
.page--services .service-redesign-trust i { color: var(--color-brand); }
.page--services .service-redesign-media { position: sticky; top: 124px; align-self: start; min-height: 590px; overflow: hidden; border-radius: 26px; background: var(--color-surface-media); box-shadow: 0 24px 64px rgba(var(--rgb-shadow), .14);
}
.page--services .service-redesign-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 48%, rgba(var(--rgb-overlay), .58) 100%); pointer-events: none;
}
.page--services .service-redesign-media > img { width: 100%; height: 100%; min-height: 590px; position: absolute; inset: 0; object-fit: cover;
}
.page--services .service-redesign-media__card { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 24px; padding: 22px 24px 20px; border: 1px solid rgba(var(--rgb-white), .3); border-radius: 18px; background: rgba(var(--rgb-brand-deep), .82); color: var(--color-white); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.page--services .service-redesign-media__eyebrow { display: block; margin-bottom: 8px; color: var(--color-accent); font-weight: 600; text-transform: uppercase; letter-spacing: .14em;
}
.page--services .service-redesign-media__card strong { display: block; max-width: 430px; font-family: var(--font-heading); line-height: 1.25; font-weight: 400;
}
.page--services .service-redesign-media__mini-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 18px;
}
.page--services .service-redesign-media__mini-grid span { padding-top: 10px; border-top: 1px solid rgba(var(--rgb-white), .2); color: rgba(var(--rgb-white), .78); font-weight: 600; text-transform: uppercase; letter-spacing: .08em;
}

.page--services .service-redesign-services { padding: clamp(74px, 7.2vw, 108px) 0; background: var(--color-surface-soft);
}
.page--services .service-redesign-services__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; justify-items: center; width: 100%; margin-bottom: 46px; text-align: center;
}
.page--services .service-redesign-services__head h2 { margin-top: 11px; max-width: none; }
.page--services .service-redesign-services__head > p { margin: 0; width: 100%; color: var(--color-muted); line-height: 1.75;
}
.page--services .service-redesign-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
}
.page--services .service-redesign-card { position: relative; min-height: 350px; padding: 28px 28px 26px; border: 1px solid var(--color-border-soft); border-radius: 18px; background: var(--color-white); box-shadow: 0 7px 24px rgba(var(--rgb-shadow), .035); transition: transform var(--duration-medium) var(--ease-standard), border-color var(--duration-medium) ease, box-shadow var(--duration-medium) ease;
}
.page--services .service-redesign-card:hover { transform: translateY(-4px); border-color: var(--color-brand-soft-border); box-shadow: 0 16px 34px rgba(var(--rgb-shadow), .08);
}
.page--services .service-redesign-card--accent { border-top: 3px solid var(--color-brand); padding-top: 26px;
}
.page--services .service-redesign-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px;
}
.page--services .service-redesign-number { color: var(--color-muted-light); font-weight: 600; letter-spacing: .12em;
}
.page--services .service-redesign-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--color-surface-icon); color: var(--color-brand);
}
.page--services .service-redesign-icon i { display: grid; place-items: center; line-height: 1; }
.page--services .service-redesign-card h3 { margin: 0 0 12px; color: var(--color-ink-soft); line-height: 1.3; font-weight: 600;
}
.page--services .service-redesign-card p { margin: 0; color: var(--color-muted); line-height: 1.72;
}
.page--services .service-redesign-card__link { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: var(--color-brand); line-height: 1.4; font-weight: 600;
}
.page--services .service-redesign-card__link:hover { color: var(--color-brand-hover); }

.page--services .service-redesign-process { padding: 0 0 clamp(74px, 7vw, 108px); background: var(--color-surface-soft);
}
.page--services .service-redesign-process__shell { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); gap: 62px; padding: clamp(38px, 5vw, 62px); border-radius: 24px; background: var(--color-brand-deep); color: var(--color-white);
}
.page--services .service-redesign-process__intro .section-kicker { color: var(--color-accent); }
.page--services .service-redesign-process__intro h2 { margin-top: 12px; color: var(--color-white);
}
.page--services .service-redesign-process__intro a { display: inline-flex; align-items: center; gap: 9px; margin-top: 27px; color: var(--color-accent); font-weight: 600;
}
.page--services .service-redesign-process__steps { display: grid; align-content: center; }
.page--services .service-redesign-process__steps article { display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid rgba(var(--rgb-white), .13);
}
.page--services .service-redesign-process__steps article:first-child { padding-top: 0; }
.page--services .service-redesign-process__steps article:last-child { padding-bottom: 0; border-bottom: 0; }
.page--services .service-redesign-process__steps article > span { padding-top: 4px; color: var(--color-accent); font-weight: 600; letter-spacing: .12em;
}
.page--services .service-redesign-process__steps h3 { margin: 0; color: var(--color-white); font-family: var(--font-heading); line-height: 1.2; font-weight: 400;
}
.page--services .service-redesign-process__steps p { max-width: 580px; margin: 7px 0 0; color: rgba(var(--rgb-white), .68); line-height: 1.65;
}

/* Refine the lower sections specifically on Services. */
.page--services .partners-section { padding-top: clamp(72px, 7vw, 96px); padding-bottom: clamp(72px, 7vw, 96px); }
.page--services .partners-heading { margin-bottom: 28px; }
.page--services .partner-card { box-shadow: none; border: 1px solid var(--color-border-soft); }
.page--services .faq-section { padding-top: clamp(74px, 7vw, 104px); }
.page--services .faq-head { max-width: 690px; }