.service-detail { width: 100%; background: #fff; color: #163300; font-family: "Albert Sans", sans-serif; overflow: hidden; }.detail-wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }.detail-hero { background: #f4f7f1; border-bottom: 1px solid #d8dfd4; }.detail-hero-grid { align-items: center; display: grid; grid-template-columns: 1fr 340px; gap: 90px; min-height: 590px; }.detail-hero-grid > div:first-child { padding: 75px 0; }.detail-back { color: #536052; display: inline-block; font-size: 14px; font-weight: 700; margin-bottom: 70px; text-decoration: underline; text-underline-offset: 5px; }.detail-kicker { color: #4b6940; font-size: 12px; font-weight: 700; letter-spacing: .08em; margin: 0 0 22px; text-transform: uppercase; }.detail-hero h1, .detail-section h2, .detail-cta h2 { color: #163300; font-family: "Poppins", sans-serif; font-weight: 600; letter-spacing: -.04em; line-height: 1.06; }.detail-hero h1 { font-size: clamp(48px, 6vw, 76px); margin: 0 0 26px; max-width: 700px; }.detail-lede { color: #33452f; font-size: 21px; line-height: 1.5; margin: 0 0 34px; max-width: 610px; }.detail-button { align-items: center; background: #9fe870; color: #163300; display: inline-flex; font-size: 15px; font-weight: 700; gap: 18px; padding: 16px 20px; }.detail-button:hover { background: #c2f59e; color: #163300; transform: translateY(-2px); }.detail-button--dark { background: #163300; color: #fff; }.detail-button--dark:hover { background: #28520e; color: #fff; }.detail-index { align-items: start; border-left: 1px solid #9ab593; display: flex; flex-direction: column; min-height: 300px; padding: 30px; position: relative; }.detail-index:before { background: #9fe870; content: ""; height: 72px; left: -1px; position: absolute; top: 0; width: 4px; }.detail-index span { color: #536052; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.detail-index strong { color: #163300; font-family: "Poppins", sans-serif; font-size: 104px; font-weight: 600; letter-spacing: -.08em; line-height: 1; margin: 38px 0 auto; }.detail-index small { color: #536052; font-size: 14px; line-height: 1.4; }
.detail-section { padding: 115px 0; }.detail-content-grid, .detail-dark-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; }.detail-section h2 { font-size: clamp(38px, 4.5vw, 58px); margin: 0; max-width: 540px; }.detail-intro, .detail-dark-grid > div:last-child p { color: #536052; font-size: 19px; line-height: 1.55; margin: 0 0 28px; max-width: 500px; }.detail-list { border-top: 1px solid #d8dfd4; list-style: none; margin: 0; padding: 0; }.detail-list li { align-items: center; border-bottom: 1px solid #d8dfd4; display: flex; font-size: 17px; gap: 16px; min-height: 66px; }.detail-list li span { align-items: center; border: 1px solid #163300; border-radius: 50%; display: flex; flex: 0 0 22px; font-size: 17px; height: 22px; justify-content: center; width: 22px; }.detail-dark { background: #163300; color: #fff; }.detail-dark h2 { color: #9fe870; }.detail-kicker--light { color: #b5d3a7; }.detail-dark-grid > div:last-child p { color: #e2eadf; }.detail-cta { background: #9fe870; padding: 70px 0; }.detail-cta-inner { align-items: center; display: flex; justify-content: space-between; gap: 30px; }.detail-cta h2 { margin: 0; }.detail-cta .detail-button { background: #163300; color: #fff; }.detail-cta .detail-button:hover { background: #28520e; color: #fff; }
@media (max-width: 800px) { .detail-hero-grid, .detail-content-grid, .detail-dark-grid { grid-template-columns: 1fr; gap: 30px; }.detail-hero-grid > div:first-child { padding: 55px 0 20px; }.detail-back { margin-bottom: 45px; }.detail-index { min-height: 220px; }.detail-index strong { margin: 26px 0 auto; }.detail-section { padding: 75px 0; } }
@media (max-width: 600px) { .detail-wrap { width: min(100% - 32px, 1180px); }.detail-hero h1 { font-size: 48px; }.detail-lede { font-size: 18px; }.detail-index { min-height: 180px; padding: 22px; }.detail-index strong { font-size: 78px; }.detail-cta-inner { align-items: start; flex-direction: column; } }

/* Sharper logo-blue contrast */
.detail-kicker { color: #2f75b5; }.detail-button { background: #2f75b5; color: #fff; }.detail-button:hover { background: #245d91; color: #fff; }
.detail-button--dark, .detail-cta .detail-button, .detail-dark { background: #0b3157; }.detail-button--dark:hover, .detail-cta .detail-button:hover { background: #174d7e; }
.detail-dark h2 { color: #55a7e8; }.detail-dark-grid > div:last-child p { color: #fff; }.detail-cta { background: #2f75b5; }.detail-cta h2, .detail-cta .detail-kicker { color: #fff; }

/* Logo-aligned blue palette */
.service-detail { color: #123b67; }.detail-hero { background: #eef5fb; border-color: #cbdceb; }.detail-back, .detail-intro, .detail-hero h1, .detail-section h2, .detail-cta h2 { color: #123b67; }.detail-kicker { color: #2f6fae; }.detail-lede { color: #304d68; }.detail-button { background: #79b7ed; color: #123b67; }.detail-button:hover { background: #a7d1f3; color: #123b67; }.detail-button--dark, .detail-cta .detail-button { background: #123b67; color: #fff; }.detail-button--dark:hover, .detail-cta .detail-button:hover { background: #1d578d; color: #fff; }.detail-index { border-color: #9bbbd6; }.detail-index:before { background: #79b7ed; }.detail-index span, .detail-index small { color: #53677a; }.detail-index strong { color: #123b67; }.detail-list, .detail-list li { border-color: #cbdceb; }.detail-list li span { border-color: #123b67; }.detail-dark { background: #123b67; }.detail-dark h2 { color: #79b7ed; }.detail-kicker--light { color: #b9d7f0; }.detail-dark-grid > div:last-child p { color: #e2edf7; }.detail-cta { background: #79b7ed; }

/* Final contrast pass */
.detail-button { background: #2f75b5; color: #fff; }.detail-button:hover { background: #245d91; color: #fff; }.detail-button--dark, .detail-cta .detail-button, .detail-dark { background: #0b3157; }.detail-button--dark:hover, .detail-cta .detail-button:hover { background: #174d7e; }.detail-dark h2 { color: #55a7e8; }.detail-dark-grid > div:last-child p { color: #fff; }.detail-cta { background: #2f75b5; }.detail-cta h2, .detail-cta .detail-kicker { color: #fff; }