.service-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; padding-block: 18px; font-size: .8rem; color: #526b78; }
.service-breadcrumb a { text-underline-offset: 4px; }
.offer-detail-hero { padding: 72px 0; }
.offer-detail-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 60px; align-items: center; }
.offer-detail-hero h1 { font-size: clamp(2.35rem, 4.6vw, 4.2rem); line-height: 1.1; hyphens: none; overflow-wrap: break-word; }
.offer-detail-hero .intro { font-size: 1.05rem; }
.offer-detail-hero .button { margin-top: 28px; color: #fff; }
.offer-fit { padding: 30px; background: #fff; border-top: 4px solid #84b7aa; }
.offer-fit h2 { margin: 0 0 20px; font-size: 1.35rem; line-height: 1.3; }
.offer-fit ul { margin: 0; padding-left: 20px; }
.offer-fit li + li { margin-top: 14px; }
.offer-story { max-width: 820px; }
.offer-story h2, .offer-boundary h2 { font-size: clamp(1.85rem, 3.5vw, 3rem); line-height: 1.15; }
.offer-story p { max-width: none; }
.offer-deliverables { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 48px; }
.offer-deliverables article { padding: 28px; border: 1px solid #cfdee2; background: #f7fafa; }
.offer-step { display: block; color: #286348; font-size: .8rem; font-weight: 700; margin-bottom: 24px; }
.offer-deliverables h3 { margin: 0 0 16px; font-size: 1.3rem; line-height: 1.3; }
.offer-deliverables p { margin: 0; font-size: .95rem; }
.offer-process { padding: 80px 0; background: var(--prime-blue); color: var(--prime-light); }
.offer-process .eyebrow { color: var(--prime-green); }
.offer-process h2 { max-width: 850px; font-size: clamp(1.9rem, 3.5vw, 3rem); line-height: 1.15; }
.offer-process ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; padding-left: 22px; margin-top: 40px; }
.offer-process li { padding-left: 4px; }
.offer-process h3 { margin: 0 0 12px; font-size: 1.25rem; }
.offer-process p { margin: 0; }
.offer-boundary { max-width: 820px; padding-left: 28px; border-left: 4px solid #84b7aa; }
.offer-boundary p:last-child { margin-bottom: 0; }
.offer-questions { padding: 65px 0 80px; background: #f1f6f6; }
.offer-questions .shell { max-width: 820px; }
.offer-questions h2 { font-size: clamp(1.9rem, 3.5vw, 3rem); line-height: 1.15; margin-bottom: 32px; }
.offer-questions details { border-top: 1px solid #b8cbd2; padding-block: 17px; }
.offer-questions details:last-child { border-bottom: 1px solid #b8cbd2; }
.offer-questions summary { cursor: pointer; padding: 6px 0; font-weight: 600; }
.offer-questions details p { margin-bottom: 4px; }
.offer-related { padding-block: 60px; }
.offer-related h2 { font-size: 1.5rem; line-height: 1.3; }
.offer-related ul { display: grid; gap: 14px; padding-left: 20px; }
.offer-related a { text-underline-offset: 4px; }
.service-cta small { display: block; max-width: 580px; margin-top: 20px; }
.service-directory { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; padding-block: 76px; }
.service-directory article { display: flex; flex-direction: column; border: 1px solid #cfdee2; border-top: 4px solid #84b7aa; padding: 30px; }
.service-directory h2 { margin: 0; font-size: 1.7rem; line-height: 1.2; hyphens: auto; }
.service-directory h2 a { text-decoration: none; }
.service-directory .text-link { margin-top: auto; padding-top: 16px; }
.service-directory article:hover { background: #f1f6f6; }
@media (max-width: 1000px) { .offer-detail-grid { gap: 32px; } .service-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 800px) { .offer-detail-grid { grid-template-columns: minmax(0, 1fr); } .offer-deliverables { grid-template-columns: minmax(0, 1fr); } .offer-process ol { grid-template-columns: minmax(0, 1fr); gap: 28px; } }
@media (max-width: 560px) { .service-directory { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-block: 50px; } .offer-detail-hero { padding: 48px 0; } .offer-fit, .offer-deliverables article { padding: 24px; } .offer-process { padding: 60px 0; } .offer-boundary { padding-left: 18px; } }
