.engagement-page { color: var(--ink); }
.engagement-hero { padding: 34px 0 28px; overflow: hidden; background: radial-gradient(circle at 72% 30%, #eef3ff 0, transparent 34%), linear-gradient(135deg, #fff 20%, #f7f9ff 100%); }
.engagement-hero-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 32px; align-items: center; }
.engagement-copy h1 { max-width: 500px; margin: 10px 0 14px; font-size: clamp(36px, 3.6vw, 50px); line-height: 1.08; }
.engagement-copy h1 em, .section-head em { color: var(--red); font-style: normal; }
.engagement-copy .lead { max-width: 470px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.engagement-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 20px; }
.engagement-benefits span { min-height: 92px; display: grid; place-items: center; align-content: center; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 10px 24px rgba(16,22,41,.07); text-align: center; font-size: 11px; line-height: 1.25; }
.engagement-benefits img { width: 26px; height: 26px; }
.engagement-visual { position: relative; min-height: 430px; display: grid; place-items: center; }
.engagement-visual::before { content: ""; position: absolute; top: 10px; left: 53%; width: 38px; height: 8px; border-radius: 999px; background: var(--red); transform: rotate(18deg); }
.engagement-image { width: min(430px, 78%); aspect-ratio: 1; overflow: hidden; border-radius: 46% 54% 55% 45% / 46% 40% 60% 54%; border: 8px solid #fff; outline: 1px solid #dfe5f3; box-shadow: 0 25px 65px rgba(10,27,68,.2); }
.engagement-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.visual-tag { position: absolute; right: 2%; display: flex; align-items: center; gap: 9px; padding: 7px 11px 7px 7px; border-radius: 999px; background: rgba(255,255,255,.96); box-shadow: 0 10px 26px rgba(13,31,73,.13); font-size: 11px; font-weight: 800; }
.visual-tag img { width: 32px; height: 32px; padding: 7px; border-radius: 50%; background: #fff0f2; }
.tag-two img { background: #edf1ff; }
.tag-one { top: 20%; }.tag-two { top: 45%; }.tag-three { top: 70%; }
.centered { max-width: 760px; margin-inline: auto; text-align: center; }
.model-section { padding-top: 48px; padding-bottom: 28px; }
.model-section .section-head h2, .choose-section .section-head h2 { text-transform: uppercase; font-size: 25px; }
.model-section .section-head p { position: relative; display: inline-block; margin-top: 7px; padding: 0 38px; font-size: 13px; }
.model-section .section-head p::before, .model-section .section-head p::after { content: ""; position: absolute; top: 50%; width: 25px; height: 1px; background: var(--red); }
.model-section .section-head p::before { left: 0; }.model-section .section-head p::after { right: 0; }
.model-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 24px; }
.model-grid article { padding: 20px 20px 18px; border: 1px solid #ffd3d8; border-bottom: 3px solid var(--red); border-radius: 12px; background: linear-gradient(145deg,#fff,#fff8f8); box-shadow: 0 12px 28px rgba(16,22,41,.08); }
.model-grid article.blue { border-color: #d8e0ff; border-bottom-color: #3154d7; background: linear-gradient(145deg,#fff,#f6f8ff); }
.model-grid article > span, .choose-grid span { width: 56px; height: 56px; display: grid; place-items: center; border: 1px solid #ffd2d7; border-radius: 50%; background: #fff1f3; color: #f0182c; }
.model-grid .blue > span { background: #edf1ff; }
.model-grid .blue > span { border-color: #d8e0ff; color: #2448d8; }
.model-grid img, .choose-grid img { width: 29px; height: 29px; filter: invert(17%) sepia(96%) saturate(4828%) hue-rotate(348deg) brightness(104%) contrast(93%); }
.model-grid .blue img, .choose-grid article:nth-child(even) img { filter: invert(27%) sepia(99%) saturate(3191%) hue-rotate(229deg) brightness(83%) contrast(98%); }
.model-grid h3 { margin: 14px 0 8px; font-size: 18px; }
.model-grid p, .model-grid li { color: var(--muted); font-size: 13px; line-height: 1.6; }
.model-grid ul { margin: 18px 0 0; padding: 0; list-style: none; }
.model-grid li { position: relative; padding: 5px 0 5px 21px; }
.model-grid li::before { content: "✓"; position: absolute; left: 0; color: var(--red); font-weight: 800; }
.model-grid .blue li::before { color: #3154d7; }
.work-section { position: relative; padding: 18px 30px 22px; border-radius: 16px; overflow: hidden; background: radial-gradient(circle at 92% 20%,#16447f,transparent 34%),linear-gradient(135deg,#03173b,#06295e); color: #fff; }
.work-section::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22; background: radial-gradient(circle at 12% 78%, transparent 0 90px, #2874bd 91px 92px, transparent 93px), radial-gradient(circle at 95% 80%, transparent 0 130px, #2874bd 131px 132px, transparent 133px); }
.section-head.light h2 { color: #fff; font-size: 16px; font-weight: 500; }
.section-head.light .eyebrow { color: #fff; font-size: 24px; text-transform: uppercase; }
.work-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5,1fr); gap: 18px; margin-top: 18px; text-align: center; }
.work-grid::before { content: ""; position: absolute; top: 38px; left: 9%; right: 9%; border-top: 2px dashed rgba(255,255,255,.55); z-index: -1; }
.work-grid article { position: relative; }
.work-grid article:not(:last-child)::after { content: "›"; position: absolute; right: -14px; top: 30px; width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; background: #082657; color: #fff; font-size: 15px; }
.work-grid b { position: absolute; left: calc(50% - 34px); top: -8px; z-index: 2; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--red); font-size: 10px; }
.work-grid span { width: 72px; height: 72px; display: grid; place-items: center; margin: auto; border: 7px solid rgba(255,255,255,.16); border-radius: 50%; background: #fff; }
.work-grid img { width: 31px; height: 31px; filter: invert(18%) sepia(95%) saturate(5011%) hue-rotate(349deg) brightness(102%) contrast(91%); }
.work-grid article:nth-child(even) img { filter: invert(27%) sepia(99%) saturate(3191%) hue-rotate(229deg) brightness(83%) contrast(98%); }
.work-grid article:nth-child(even) b { background: #2751dc; }
.work-grid h3 { margin: 14px 0 8px; font-size: 16px; }.work-grid p { color: rgba(255,255,255,.72); font-size: 11px; line-height: 1.6; }
.choose-section { max-width: none; padding: 18px max(24px, calc((100vw - 1180px)/2)) 28px; background: linear-gradient(180deg,#f7f9ff,#fff); }
.choose-section .section-head h2::after { content: ""; display: block; width: 28px; height: 2px; margin: 8px auto 0; background: var(--red); }
.choose-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 0; margin-top: 18px; }
.choose-grid article { padding: 0 18px; border-right: 1px solid var(--line); text-align: center; }.choose-grid article:last-child { border: 0; }
.choose-grid span { margin: auto; }.choose-grid article:nth-child(even) span { border-color: #d8e0ff; background: #edf1ff; color: #2448d8; }.choose-grid h3 { margin: 12px 0 5px; font-size: 13px; }.choose-grid p { color: var(--muted); font-size: 10px; line-height: 1.45; }
.engagement-cta { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 42px; padding: 28px 40px; border-radius: 16px; background: linear-gradient(100deg,#071b43 62%,#d90c25); color: #fff; }
.engagement-cta > div { display: flex; align-items: center; gap: 18px; }.engagement-cta img { width: 42px; height: 42px; }.engagement-cta h2 { margin: 0 0 5px; font-size: 23px; }.engagement-cta p { margin: 0; color: rgba(255,255,255,.75); }
.footer-primary-link { font-weight: 800; }
@media(max-width:1180px){.engagement-hero-grid{grid-template-columns:1fr}.engagement-visual{min-height:440px}.model-grid{grid-template-columns:repeat(2,1fr)}.choose-grid{grid-template-columns:repeat(3,1fr);gap:26px}.choose-grid article{border:0}.work-grid{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:12px}}
@media(max-width:640px){.engagement-hero{padding-top:34px}.engagement-benefits{grid-template-columns:repeat(2,1fr)}.engagement-visual{min-height:350px}.engagement-image{width:82%}.visual-tag{right:0;font-size:10px;padding:7px}.visual-tag img{width:28px;height:28px}.model-section .section-head h2,.choose-section .section-head h2{font-size:21px}.model-grid,.choose-grid{grid-template-columns:1fr}.work-section{padding:26px 18px}.work-grid{grid-template-columns:1fr;overflow:visible}.work-grid::before{display:none}.work-grid article:not(:last-child)::after{content:"↓";right:auto;left:calc(50% - 9px);top:auto;bottom:-8px}.work-grid article{padding-bottom:28px}.choose-grid article{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.engagement-cta{flex-direction:column;align-items:flex-start;padding:24px 20px}}