.data-partnership-page { color: #0c3441; }
.dsp-shell { max-width: 1180px; }
.dsp-eyebrow { display: block; margin-bottom: 15px; color: #11846d; font-size: .75rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.dsp-hero { padding: clamp(105px, 12vw, 175px) 0 95px; background: #eef6ef; }
.dsp-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(45px, 6vw, 90px); align-items: center; }
.dsp-hero h1 { max-width: 650px; margin: 0 0 23px; font-size: clamp(2.7rem, 5vw, 5rem); font-weight: 800; line-height: 1.04; letter-spacing: -.055em; }
.dsp-hero p { max-width: 610px; margin: 0 0 31px; color: #46616a; font-size: 1.15rem; line-height: 1.7; }
.dsp-button { display: inline-flex; align-items: center; gap: 15px; padding: 14px 22px; border-radius: 9px; background: #16846e; color: #fff; font-weight: 800; text-decoration: none; }
.dsp-button:hover,.dsp-button:focus { background: #0e6756; color: #fff; }
.dsp-hero-panel { padding: clamp(30px, 4vw, 54px); border-radius: 26px; background: #0c3441; color: #fff; box-shadow: 0 28px 55px rgba(12,52,65,.18); }
.dsp-panel-label { display: block; margin-bottom: 22px; color: #97dfc4; font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.dsp-hero-panel strong { display: block; max-width: 410px; margin-bottom: 25px; color: #fff; font-size: clamp(1.8rem, 2.7vw, 2.8rem); line-height: 1.17; letter-spacing: -.04em; }
.dsp-channel-list { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 28px; }
.dsp-channel-list span { padding: 8px 13px; border: 1px solid #688e91; border-radius: 99px; font-size: .83rem; font-weight: 700; }
.dsp-hero-panel p { margin: 0; padding-top: 24px; border-top: 1px solid #456a72; color: #d0e0e0; font-size: .97rem; }
.dsp-section { padding: clamp(75px, 8vw, 115px) 0; }
.dsp-section--soft { background: #f4f8fa; }
.dsp-heading { max-width: 760px; margin-bottom: 36px; }
.dsp-section h2,.dsp-cta h2 { margin: 0 0 19px; font-size: clamp(2.2rem, 3.4vw, 3.7rem); line-height: 1.13; font-weight: 800; letter-spacing: -.045em; }
.dsp-section p { color: #48616a; font-size: 1.08rem; line-height: 1.7; }
.dsp-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.dsp-grid article { padding: 32px 28px; border: 1px solid #d7e8e4; border-radius: 20px; background: #fff; }
.dsp-grid i { color: #15836d; font-size: 2rem; }
.dsp-grid h3 { margin: 25px 0 11px; font-size: 1.3rem; font-weight: 800; }
.dsp-grid p { margin: 0; font-size: .96rem; }
.dsp-split { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(45px,7vw,100px); }
.dsp-text-link { color: #0b755f; font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }
.dsp-package-list { display: grid; gap: 14px; }
.dsp-package-list div { display: grid; gap: 6px; padding: 23px 26px; border: 1px solid #d8e7e8; border-radius: 16px; background: #fff; }
.dsp-package-list strong { color: #0c3441; font-size: 1.1rem; }
.dsp-package-list span { color: #536c72; }
.dsp-promise { max-width: 850px; text-align: center; }
.dsp-cta { padding: 75px 0; background: #0c3441; color: #fff; text-align: center; }
.dsp-cta h2 { color: #fff; }
.dsp-cta p { margin-bottom: 25px; color: #d1e1e1; }
@media (max-width: 800px) { .dsp-hero-grid,.dsp-split { grid-template-columns: 1fr; }.dsp-grid { grid-template-columns: 1fr; }.dsp-hero { padding-bottom: 70px; } }