:root { --dpd-story-ink: #11161b; --dpd-story-ink-soft: #5a6570; --dpd-story-border: rgba(18, 26, 34, 0.12); --dpd-story-yellow: #fff200; --dpd-story-shadow: 0 28px 80px rgba(12, 16, 22, 0.12); --dpd-story-shadow-dark: 0 32px 86px rgba(0, 0, 0, 0.28); }
.dpd-storytelling [data-dpd-reveal] { opacity: 0; transform: translateY(26px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; }
.dpd-storytelling [data-dpd-reveal].is-visible { opacity: 1; transform: translateY(0); }
.dpd-storytelling .dpd-story-telemetry { inset: 0; opacity: 0.74; overflow: hidden; pointer-events: none; position: absolute; z-index: 0; }
.dpd-storytelling .dpd-story-telemetry canvas { display: block; height: 100%; width: 100%; }
.dpd-story-page, .dpd-launch-home { position: relative; }
.dpd-story-page__chapters, .dpd-launch-chapters, .dpd-member-login-page__chapters { position: sticky; top: 92px; z-index: 25; }
.dpd-member-login-page__chapters { margin-bottom: 18px; top: 24px; }
.dpd-story-page__chapters, .dpd-member-login-page__chapters { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 0 auto; padding: 20px min(4vw, 24px) 0; }
.dpd-story-page__chapters a, .dpd-member-login-page__chapters a, .dpd-launch-chapters__link { align-items: center; background: rgba(255, 255, 255, 0.82); border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 999px; color: var(--dpd-story-ink); display: inline-flex; font-size: 11px; font-weight: 700; letter-spacing: 0.28em; min-height: 40px; padding: 0 18px; text-decoration: none; text-transform: uppercase; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; }
.dpd-story-page__chapters a.is-active, .dpd-member-login-page__chapters a.is-active, .dpd-launch-chapters__link.is-active, .dpd-story-page__chapters a:hover, .dpd-member-login-page__chapters a:hover, .dpd-launch-chapters__link:hover { background: #10161c; border-color: #10161c; color: #fff; transform: translateY(-1px); }
.dpd-launch-chapters { margin: 0; padding: 20px 0 0; }
.dpd-launch-chapters__inner { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }
.dpd-launch-hero, .dpd-member-login-page__hero, .dpd-story-shell__stage-sticky, .dpd-register-process-shell__requirements, .video-header-content, .bg-header-main { overflow: hidden; }
.dpd-launch-hero .dpd-launch-shell, .dpd-launch-stats .dpd-launch-shell, .dpd-launch-platform .dpd-launch-shell, .dpd-launch-stories .dpd-launch-shell, .dpd-launch-proof .dpd-launch-shell, .dpd-launch-testimonials .dpd-launch-shell, .dpd-launch-cta .dpd-launch-shell { position: relative; }
.dpd-launch-hero-copy, .dpd-launch-hero-visual, .dpd-member-login-page__hero > *, .dpd-story-shell__stage-sticky > *, .dpd-register-process-shell__requirements > *, .dpd-register-process-shell__application > *, .video-header-content > *, .bg-header-main > * { position: relative; z-index: 1; }
.dpd-launch-command-strip { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 32px 0 0; max-width: 46rem; }
.dpd-launch-command-strip__card { backdrop-filter: blur(12px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04)); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 22px; min-height: 160px; padding: 20px 18px 18px; }
.dpd-launch-command-strip__card strong, .dpd-member-login-page__proof-card strong, .dpd-story-shell__proof-card strong, .dpd-register-process-shell__proof-card strong, .dpd-v2-route-proof__card strong { color: #fff; display: block; font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(40px, 4vw, 58px); font-weight: 700; letter-spacing: 0.03em; line-height: 0.9; margin-bottom: 6px; }
.dpd-launch-command-strip__card span, .dpd-member-login-page__proof-card span, .dpd-story-shell__proof-card span, .dpd-register-process-shell__proof-card span, .dpd-v2-route-proof__card span { color: var(--dpd-story-yellow); display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.28em; margin-bottom: 10px; text-transform: uppercase; }
.dpd-launch-command-strip__card p, .dpd-member-login-page__proof-card p, .dpd-story-shell__proof-card p, .dpd-register-process-shell__proof-card p, .dpd-v2-route-proof__card p { color: rgba(255, 255, 255, 0.72); font-size: 14px; line-height: 1.65; margin: 0; }
.dpd-launch-hero-visual { position: relative; }
.dpd-launch-hero-card[data-dpd-parallax] { transform: translate3d(var(--dpd-parallax-x, 0px), var(--dpd-parallax-y, 0px), 0); transition: transform 0.25s ease; }
.dpd-launch-hero-card::after, .dpd-story-card::after, .dpd-story-panel::after { border: 1px solid rgba(255, 242, 0, 0.34); content: ''; height: 32px; position: absolute; right: 18px; top: 18px; width: 32px; }
.dpd-v2-route-story-strip__card::after { content: none; display: none; }
.dpd-launch-hero-card::before, .dpd-story-card::before, .dpd-story-panel::before { background: linear-gradient(90deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)) no-repeat, linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)) no-repeat; background-position: left 24px top 24px, left 24px top 24px; background-size: calc(100% - 48px) 1px, 1px calc(100% - 48px); content: ''; inset: 0; opacity: 0.26; pointer-events: none; position: absolute; }
.dpd-v2-route-story-strip__card::before { content: none; display: none; }
.dpd-launch-stat-card, .dpd-launch-feature-card, .dpd-launch-story, .dpd-launch-testimonial-card, .dpd-launch-segment-card, .dpd-launch-cta-panel { position: relative; }
.dpd-launch-story-copy { position: relative; }
.dpd-launch-scene-label { color: rgba(17, 22, 27, 0.42); display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.28em; margin-bottom: 12px; text-transform: uppercase; }
.dpd-launch-stats, .dpd-launch-platform, .dpd-launch-stories, .dpd-launch-proof, .dpd-launch-testimonials, .dpd-launch-cta { position: relative; }
.dpd-launch-stats::before, .dpd-launch-stories::before, .dpd-launch-proof::before, .dpd-launch-cta::before { background: linear-gradient(180deg, rgba(11, 16, 19, 0.06), rgba(11, 16, 19, 0)); content: ''; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; }
.dpd-member-login-page__shell { margin-top: 18px; }
.dpd-member-login-page__hero-proof { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 34px; }
.dpd-member-login-page__proof-card { backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 22px; min-height: 150px; padding: 18px; }
.dpd-member-login-page__hero-quote { border-top: 1px solid rgba(255, 255, 255, 0.08); margin-top: 28px; padding-top: 22px; text-align: center;}
.dpd-member-login-page__hero-quote p { color: #fff; font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(24px, 3vw, 34px); letter-spacing: 0.03em; line-height: 1.06; margin: 0 0 16px;  text-transform: uppercase; }
.dpd-member-login-page__hero-quote strong, .dpd-story-shell__quote strong { color: #fff; display: block; font-size: 13px; font-weight: 700; letter-spacing: 0.26em; margin-bottom: 4px; text-transform: uppercase; }
.dpd-member-login-page__hero-quote span, .dpd-story-shell__quote span { color: rgba(255, 255, 255, 0.62); display: block; font-size: 13px; line-height: 1.6; }
.dpd-member-login-page__journey { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 22px; }
.dpd-member-login-page__journey-card { background: #fff; border: 1px solid var(--dpd-story-border); border-radius: 28px; box-shadow: var(--dpd-story-shadow); padding: 28px 24px; position: relative; }
.dpd-member-login-page__journey-scene, .dpd-story-card__scene, .dpd-v2-route-story-strip__scene { color: rgba(17, 22, 27, 0.38); display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.32em; margin-bottom: 12px; text-transform: uppercase; }
.dpd-member-login-page__journey-kicker, .dpd-story-card__kicker { color: #6f7b87; font-size: 11px; font-weight: 700; letter-spacing: 0.28em; margin: 0 0 10px; text-transform: uppercase; }
.dpd-member-login-page__journey-card h3, .dpd-story-card h3, .dpd-v2-route-story-strip__card h3 { color: var(--dpd-story-ink); font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(24px, 2.8vw, 34px); letter-spacing: 0.04em; line-height: 1.02; margin: 0 0 14px; text-transform: uppercase; }
.dpd-member-login-page__journey-card p:last-of-type, .dpd-story-card p:last-of-type, .dpd-v2-route-story-strip__card p:last-of-type { color: var(--dpd-story-ink-soft); font-size: 15px; line-height: 1.75; margin: 0; }
.dpd-member-login-page__journey-card a { color: var(--dpd-story-ink); display: inline-flex; font-size: 12px; font-weight: 700; letter-spacing: 0.24em; margin-top: 18px; text-decoration: none; text-transform: uppercase; }
.dpd-member-login-page__support-band { align-items: center; background: linear-gradient(135deg, #11161b 0%, #1b222a 100%); border-radius: 30px; box-shadow: var(--dpd-story-shadow-dark); display: grid; gap: 28px; grid-template-columns: minmax(0, 1fr) auto; margin-top: 18px; padding: 34px 32px; }
.dpd-member-login-page__support-kicker { color: var(--dpd-story-yellow); font-size: 11px; font-weight: 700; letter-spacing: 0.28em; margin: 0 0 12px; text-transform: uppercase; }
.dpd-member-login-page__support-band h2 { color: #fff; font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(28px, 4vw, 40px); letter-spacing: 0.04em; line-height: 1.02; margin: 0 0 12px; max-width: 16ch; text-transform: uppercase; }
.dpd-member-login-page__support-band p { color: rgba(255, 255, 255, 0.74); margin: 0; }
.dpd-member-login-page__support-actions { align-items: center; display: flex; flex-direction: column; gap: 14px; }
.dpd-member-login-page__support-actions .dpd-member-login-page__hero-secondary { color: rgba(255, 255, 255, 0.74); }
.dpd-story-page { min-height: 100vh; padding-bottom: 80px; }
.dpd-story-shell { display: grid; gap: 28px; grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.08fr); margin: 0 auto; padding: 18px 24px 0; width: min(1360px, calc(100vw - 32px)); }
.dpd-story-shell__stage-sticky { background: linear-gradient(145deg, rgba(12, 17, 21, 0.96), rgba(18, 24, 31, 0.92)), url(images2/home-login-popup-bg.webp) no-repeat 50% 50%; background-size: cover; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 34px; box-shadow: var(--dpd-story-shadow-dark); color: #fff; min-height: calc(100vh - 152px); padding: clamp(28px, 5vw, 52px); position: sticky; top: 148px; }
.dpd-story-shell__kicker, .dpd-story-panel__kicker { color: var(--dpd-story-yellow); display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.34em; margin-bottom: 18px; text-transform: uppercase; }
.dpd-story-shell__stage-sticky h1, .dpd-story-panel h2, .dpd-register-process-shell__requirements h1, .dpd-register-process-shell__application h2 { font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(42px, 5.2vw, 72px); letter-spacing: 0.05em; line-height: 0.94; margin: 0 0 18px; text-transform: uppercase; }
.dpd-story-shell__lead { color: rgba(255, 255, 255, 0.76); font-size: 18px; line-height: 1.8; margin: 0; max-width: 32rem; }
.dpd-story-shell__proof, .dpd-register-process-shell__proof, .dpd-v2-route-proof { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 28px; }
.dpd-story-shell__proof-card, .dpd-register-process-shell__proof-card, .dpd-v2-route-proof__card { backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; min-height: 150px; padding: 18px; position: relative; }
.dpd-story-shell__quote { border-top: 1px solid rgba(255, 255, 255, 0.08); margin-top: 28px; padding-top: 24px; }
.dpd-story-shell__quote p { color: #fff; font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(24px, 3vw, 36px); letter-spacing: 0.04em; line-height: 1.04; margin: 0 0 14px; max-width: 16ch; text-transform: uppercase; }
.dpd-story-shell__content { display: grid; gap: 24px; }
.dpd-story-panel { background: rgba(255, 255, 255, 0.96); border: 1px solid var(--dpd-story-border); border-radius: 32px; box-shadow: var(--dpd-story-shadow); min-height: 120px; overflow: hidden; padding: 0; position: relative; }
.dpd-story-panel--dark { background: linear-gradient(145deg, rgba(13, 17, 22, 0.98), rgba(22, 29, 36, 0.96)); border-color: transparent; box-shadow: var(--dpd-story-shadow-dark); }
.dpd-story-panel__topbar { align-items: center; border-bottom: 1px solid rgba(17, 22, 27, 0.08); display: flex; gap: 16px; justify-content: flex-end; padding: 20px 28px; }
.dpd-story-panel__topbar h6 { color: #222a32; font-size: 15px; font-weight: 700; margin: 0; }
.dpd-story-panel__topbar a { align-items: center; background: #fff; border: 1px solid rgba(17, 22, 27, 0.12); border-radius: 999px; color: var(--dpd-story-ink); display: inline-flex; font-size: 11px; font-weight: 700; letter-spacing: 0.28em; min-height: 42px; padding: 0 18px; text-decoration: none; text-transform: uppercase; }
.dpd-story-panel__intro, .dpd-story-panel__content, .dpd-story-panel__actions, .dpd-story-card-grid { position: relative; z-index: 1; }
.dpd-story-panel__intro { padding: 32px 32px 0; }
.dpd-story-panel__intro p:last-child { color: var(--dpd-story-ink-soft); font-size: 17px; line-height: 1.8; margin: 0; max-width: 40rem; }
.dpd-story-panel--dark .dpd-story-panel__intro p:last-child, .dpd-story-panel--dark .dpd-story-card p:last-of-type, .dpd-story-panel--dark .dpd-story-card__kicker, .dpd-story-panel--dark .dpd-story-card__scene { color: rgba(255, 255, 255, 0.72); }
.dpd-story-panel--dark h2, .dpd-story-panel--dark h3 { color: #fff; }
.dpd-story-panel--dark .dpd-story-panel__actions .dpd-story-link { color: rgba(255, 255, 255, 0.74); }
.dpd-story-panel__content { padding: 28px 32px 32px; }
.dpd-story-panel__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; padding: 0 32px 32px; }
.dpd-story-button, .dpd-story-link, .dpd-story-form button[type="submit"] { align-items: center; border-radius: 999px; display: inline-flex; font-size: 12px; font-weight: 700; justify-content: center; letter-spacing: 0.28em; min-height: 54px; padding: 0 22px; text-decoration: none; text-transform: uppercase; }
.dpd-story-button, .dpd-story-form button[type="submit"] { background: var(--dpd-story-yellow); border: 1px solid var(--dpd-story-yellow); color: #11161b; }
.dpd-story-link { color: var(--dpd-story-ink); }
.dpd-story-card-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0 32px 24px; }
.dpd-story-card { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; min-height: 220px; padding: 24px 22px; position: relative; }
.dpd-story-panel--dark .dpd-story-card { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.08); }
.dpd-story-form { display: grid; gap: 18px; }
.dpd-story-form label { display: grid; gap: 10px; }
.dpd-story-form label > span, .dpd-story-panel__content .gform_wrapper .top_label .gfield_label { color: var(--dpd-story-ink); font-size: 12px; font-weight: 700; letter-spacing: 0.24em; margin: 0; text-transform: uppercase; }
.dpd-story-form input, .dpd-story-panel__content input[type="text"], .dpd-story-panel__content input[type="email"], .dpd-story-panel__content input[type="password"], .dpd-story-panel__content input[type="tel"], .dpd-story-panel__content input[type="number"], .dpd-story-panel__content select, .dpd-story-panel__content textarea, .dpd-story-panel__content .gform_wrapper .ginput_container input, .dpd-story-panel__content .gform_wrapper .ginput_container select, .dpd-story-panel__content .gform_wrapper .ginput_container textarea { appearance: none; background: #f4f6f8; border: 1px solid rgba(17, 22, 27, 0.12); border-radius: 18px; box-shadow: none; color: var(--dpd-story-ink); font-size: 16px; font-weight: 600; letter-spacing: 0.03em; line-height: 1.4; min-height: 58px; padding: 14px 18px !important; width: 100%; }
.dpd-story-panel__content textarea, .dpd-story-panel__content .gform_wrapper .ginput_container textarea { border-radius: 20px; min-height: 170px; }
.dpd-story-form input:focus, .dpd-story-panel__content input:focus, .dpd-story-panel__content select:focus, .dpd-story-panel__content textarea:focus, .dpd-story-panel__content .gform_wrapper .ginput_container input:focus, .dpd-story-panel__content .gform_wrapper .ginput_container select:focus, .dpd-story-panel__content .gform_wrapper .ginput_container textarea:focus { background: #fff; border-color: rgba(255, 242, 0, 0.96); box-shadow: 0 0 0 4px rgba(255, 242, 0, 0.16); outline: none; }
.dpd-story-panel__content .gform_wrapper, .dpd-story-panel__content .gform_wrapper ul.gform_fields { margin: 0; }
.dpd-story-panel__content .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; }
.dpd-story-panel__content .gform_wrapper .gform_footer { margin: 0; padding: 20px 0 0; }
.dpd-story-panel__content .gform_wrapper .gform_footer .gform_button { background: var(--dpd-story-yellow); border: 1px solid var(--dpd-story-yellow); border-radius: 999px; color: #11161b; font-size: 12px; font-weight: 700; letter-spacing: 0.28em; min-height: 56px; text-transform: uppercase; width: 100%; }
.dpd-story-panel__alert { border-radius: 18px; font-size: 15px; font-weight: 600; line-height: 1.6; margin: 18px 32px 0; padding: 16px 18px; }
.dpd-story-panel__alert--error { background: rgba(194, 28, 53, 0.08); border: 1px solid rgba(194, 28, 53, 0.18); color: #90223c; }
.dpd-story-panel__alert--success { background: rgba(39, 220, 177, 0.1); border: 1px solid rgba(39, 220, 177, 0.2); color: #145844; }
.dpd-register-process-shell { margin: 0 auto; padding: 24px 0 0; width: min(1480px, calc(100vw - 32px)); }
.dpd-register-process-shell__inner { display: grid; gap: 28px; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); }
.dpd-register-process-shell__requirements, .dpd-register-process-shell__application { background: rgba(255, 255, 255, 0.96); border: 1px solid var(--dpd-story-border); border-radius: 32px; box-shadow: var(--dpd-story-shadow); padding: clamp(28px, 4vw, 44px); position: relative; }
.dpd-register-process-shell__requirements { background: linear-gradient(145deg, rgba(11, 16, 19, 0.98), rgba(19, 25, 31, 0.94)); border-color: rgba(255, 255, 255, 0.08); box-shadow: var(--dpd-story-shadow-dark); }
.dpd-register-process-shell__eyebrow { color: #8d98a4; display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.34em; margin-bottom: 18px; text-transform: uppercase; }
.dpd-register-process-shell__requirements .dpd-register-process-shell__eyebrow { color: var(--dpd-story-yellow); }
.dpd-register-process-shell__requirements h1 { color: #fff; }
.dpd-register-process-shell__application h2 { color: var(--dpd-story-ink); }
.dpd-register-process-shell__requirements p, .dpd-register-process-shell__requirements li { color: rgba(255, 255, 255, 0.76); }
.dpd-register-process-shell__application p, .dpd-register-process-shell__application li, .dpd-register-account-shell__intro p, .dpd-register-account-shell__intro li, .dpd-register-account-shell__form p, .dpd-register-account-shell__form li { color: var(--dpd-story-ink-soft); line-height: 1.8; }
.dpd-register-process-shell__requirements ol { margin: 26px 0 0; padding-left: 20px; }
.dpd-register-process-shell__requirements li + li { margin-top: 14px; }
.dpd-register-process-shell__mark { align-items: center; background: var(--dpd-story-yellow); border-radius: 28px; box-shadow: 0 24px 60px rgba(255, 242, 0, 0.16); display: flex; height: 104px; justify-content: center; margin-bottom: 24px; width: 104px; }
.dpd-register-process-shell__mark img { height: auto; width: 58px; }
.dpd-register-process-shell__actions, .dpd-register-account-shell__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.dpd-register-process-shell__cta, .dpd-register-account-shell__cta, .dpd-register-process-shell__link, .dpd-register-account-shell__link { align-items: center; border-radius: 999px; display: inline-flex; font-size: 12px; font-weight: 700; justify-content: center; letter-spacing: 0.28em; min-height: 54px; padding: 0 22px; text-decoration: none; text-transform: uppercase; }
.dpd-register-process-shell__cta, .dpd-register-account-shell__cta { background: var(--dpd-story-yellow); border: 1px solid var(--dpd-story-yellow); color: #11161b; }
.dpd-register-process-shell__link, .dpd-register-account-shell__link { color: var(--dpd-story-ink); }
.dpd-register-account-shell { margin: 0 auto; padding: 0; width: min(1480px, calc(100vw - 98px)); }
.dpd-register-account-shell__inner { display: grid; gap: 28px; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); }
.dpd-register-account-shell__intro, .dpd-register-account-shell__form { background: rgba(255, 255, 255, 0.96); border: 1px solid var(--dpd-story-border); border-radius: 32px; box-shadow: var(--dpd-story-shadow); position: relative; }
.dpd-register-account-shell__intro { background: linear-gradient(145deg, rgba(11, 16, 19, 0.98), rgba(19, 25, 31, 0.94)); border-color: rgba(255, 255, 255, 0.08); box-shadow: var(--dpd-story-shadow-dark); overflow: hidden; padding: clamp(28px, 4vw, 44px); }
.dpd-register-account-shell__eyebrow { color: var(--dpd-story-yellow); display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.34em; margin-bottom: 18px; text-transform: uppercase; }
.dpd-register-account-shell__intro h1 { color: #fff; font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(42px, 5.2vw, 72px); letter-spacing: 0.05em; line-height: 0.94; margin: 0 0 18px; text-transform: uppercase; }
.dpd-register-account-shell__steps { display: grid; gap: 14px; list-style: none; margin: 24px 0 0; padding: 0; }
.dpd-register-account-shell__steps li { border-top: 1px solid rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.74); padding-top: 14px; }
.dpd-register-account-shell__steps strong { color: #fff; display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.28em; margin-bottom: 4px; text-transform: uppercase; }
.dpd-register-account-shell__form { padding: 28px; }
.dpd-story-page--register-account .register-account-sec { background: linear-gradient(180deg, rgba(243, 246, 248, 0.86), rgba(255, 255, 255, 0.98)); border-radius: 34px; box-shadow: var(--dpd-story-shadow); margin: 24px auto 0; overflow: hidden; width: min(1360px, calc(100vw - 32px)); }
.dpd-story-page--register-account .register-account-sec-right-in .sign-up-main-right-top { background: rgba(255, 255, 255, 0.88); border-bottom: 1px solid rgba(17, 22, 27, 0.08); }
.dpd-v2-route-proof { margin-top: 28px; }
.dpd-storytelling--portal .dpd-v2-route-proof__card { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.08); }
.dpd-storytelling--portal .dpd-v2-route-proof__card strong { color: #fff; }
.dpd-storytelling--portal .video-header-content .dpd-v2-route-proof__card p, .dpd-storytelling--portal .bg-header-main .dpd-v2-route-proof__card p { color: rgba(255, 255, 255, 0.72); }
.dpd-v2-route-proof--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 24px; }
.dpd-v2-route-proof--compact .dpd-v2-route-proof__card { min-height: 0; }
.dpd-v2-route-story-strip { margin-top: 18px; }
.dpd-v2-route-story-strip__grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dpd-v2-route-story-strip__card { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 28px; box-shadow: var(--dpd-story-shadow); min-height: 220px; padding: 24px 22px; position: relative; }
.dpd-v2-route-story-strip__card p:last-of-type { color: var(--dpd-story-ink-soft); line-height: 1.75; margin: 0; }
.dpd-training-v2-page .training-portal-table-in { background: rgba(255, 255, 255, 0.78); border: 1px solid rgba(17, 22, 27, 0.06); border-radius: 28px; box-shadow: 0 24px 60px rgba(17, 22, 27, 0.06); overflow: hidden; }
.dpd-training-v2-page .training-portal-table table thead th { background: linear-gradient(180deg, rgba(255, 248, 217, 0.92), rgba(250, 250, 244, 0.92)); border-bottom: 1px solid rgba(17, 22, 27, 0.06); font-size: 13px; letter-spacing: 0.18em; }
.dpd-training-v2-page .training-portal-table table tbody tr { background: rgba(255, 255, 255, 0.92); transition: background-color 0.2s ease; }
.dpd-training-v2-page .training-portal-table table tbody tr:nth-child(1), .dpd-training-v2-page .training-portal-table table tbody tr:nth-child(2) { background: linear-gradient(90deg, rgba(255, 242, 0, 0.08), rgba(255, 242, 0, 0.16)), rgba(255, 255, 255, 0.94); }
.dpd-training-v2-page .training-portal-table table tbody tr:hover { background-color: rgba(243, 247, 250, 0.96); }
.dpd-training-v2-page .training-portal-table table td, .dpd-training-v2-page .training-portal-table table th { border-top: 1px solid rgba(17, 22, 27, 0.06); }
.dpd-storytelling--portal .video-header-content, .dpd-storytelling--portal .bg-header-main { position: relative; }
.dpd-storytelling--portal .video-header-content::after, .dpd-storytelling--portal .bg-header-main::after { background: linear-gradient(90deg, rgba(122, 139, 160, 0.26), rgba(122, 139, 160, 0.26)) no-repeat, linear-gradient(180deg, rgba(122, 139, 160, 0.26), rgba(122, 139, 160, 0.26)) no-repeat; background-position: left 38px top 38px, left 38px top 38px; background-size: calc(100% - 76px) 1px, 1px calc(100% - 76px); content: ''; inset: 0; opacity: 0.16; pointer-events: none; position: absolute; }
.dpd-storytelling--portal .dpd-v2-guided-route--tire-finder .video-header-content::before, .dpd-storytelling--portal .dpd-training-v2-page .video-header-content::before, .dpd-storytelling--portal .dpd-rewards-store-shell .bg-header-main::before { border: 1px solid rgba(255, 242, 0, 0.28); content: ''; height: 94px; left: 38px; pointer-events: none; position: absolute; top: 38px; width: 94px; }
.dpd-storytelling--public footer#kill, .dpd-storytelling--public .dpd-launch-safe-footer { margin-top: 72px; }
@media (max-width: 1180px) {
.dpd-story-shell, .dpd-register-process-shell__inner, .dpd-register-account-shell__inner, .dpd-member-login-page__journey, .dpd-v2-route-story-strip__grid, .dpd-story-card-grid, .dpd-story-shell__proof, .dpd-register-process-shell__proof, .dpd-v2-route-proof, .dpd-launch-command-strip, .dpd-member-login-page__hero-proof { grid-template-columns: 1fr 1fr; }
.dpd-story-shell { grid-template-columns: 1fr; }
.dpd-story-shell__stage-sticky { min-height: 0; position: relative; top: 0; }
.dpd-member-login-page__support-band { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
.dpd-launch-command-strip, .dpd-member-login-page__hero-proof, .dpd-register-process-shell__inner, .dpd-story-shell__proof, .dpd-register-process-shell__proof, .dpd-v2-route-proof, .dpd-v2-route-proof--compact, .dpd-v2-route-story-strip__grid, .dpd-story-card-grid, .dpd-member-login-page__journey { grid-template-columns: 1fr; }
.dpd-story-page__chapters, .dpd-member-login-page__chapters, .dpd-launch-chapters__inner { justify-content: flex-start; }
.dpd-story-page__chapters, .dpd-member-login-page__chapters, .dpd-launch-chapters { overflow-x: auto; padding-left: 16px; padding-right: 16px; }
.dpd-story-shell, .dpd-register-process-shell, .dpd-register-account-shell { padding-left: 16px; padding-right: 16px; width: min(1360px, calc(100vw - 16px)); }
.dpd-story-panel__topbar, .dpd-story-panel__intro, .dpd-story-panel__content, .dpd-story-panel__actions, .dpd-story-card-grid { padding-left: 22px; padding-right: 22px; }
.dpd-story-panel__topbar { align-items: flex-start; flex-direction: column; justify-content: flex-start; }
}
@media (max-width: 767px) {
.dpd-story-page, .dpd-member-login-page-wrap.home-login-popup, .dpd-member-login-page-wrap.home-login-popup-open.home-login-popup { padding-bottom: 48px; }
.dpd-register-process-shell { padding-left: 8px; padding-right: 8px; }
.dpd-register-process-shell__inner { gap: 18px; }
.dpd-register-process-shell__requirements, .dpd-register-process-shell__application { padding: 24px; }
.dpd-story-shell__stage-sticky, .dpd-register-process-shell__requirements, .dpd-register-process-shell__application, .dpd-register-account-shell__intro, .dpd-register-account-shell__form, .dpd-story-panel, .dpd-member-login-page__journey-card, .dpd-member-login-page__support-band, .dpd-v2-route-story-strip__card { border-radius: 24px; }
.dpd-story-shell__stage-sticky h1, .dpd-story-panel h2, .dpd-register-process-shell__requirements h1, .dpd-register-process-shell__application h2, .dpd-register-account-shell__intro h1 { font-size: 34px; max-width: 100%; overflow-wrap: normal; word-break: normal; }
.dpd-register-process-shell__requirements ol { padding-left: 18px; }
.dpd-register-process-shell__actions { align-items: stretch; flex-direction: column; gap: 10px; }
.dpd-register-process-shell__cta, .dpd-register-process-shell__link { box-sizing: border-box; min-height: 48px; padding-left: 18px; padding-right: 18px; text-align: center; width: 100%; }
.dpd-member-login-page__support-band h2 { max-width: none; }
.dpd-launch-command-strip__card strong, .dpd-member-login-page__proof-card strong, .dpd-story-shell__proof-card strong, .dpd-register-process-shell__proof-card strong, .dpd-v2-route-proof__card strong { font-size: 40px; }
}
@media (prefers-reduced-motion: reduce) {
.dpd-storytelling [data-dpd-reveal] { opacity: 1; transform: none; transition: none; }
.dpd-launch-hero-card[data-dpd-parallax] { transform: none; transition: none; }
}
/* Public shell normalization 2026-04-29b: tighten chapter spacing */
body.home .dpd-launch-chapters, body.page-template-template-home .dpd-launch-chapters, body.page-template-templates-frontend-template-home .dpd-launch-chapters { margin: 0 !important; }
body.home .dpd-launch-chapters__inner, body.page-template-template-home .dpd-launch-chapters__inner, body.page-template-templates-frontend-template-home .dpd-launch-chapters__inner { padding-bottom: 6px !important; }
body.home .dpd-launch-hero, body.page-template-template-home .dpd-launch-hero, body.page-template-templates-frontend-template-home .dpd-launch-hero { padding-top: 152px !important; }
@media (max-width: 860px) {
body.home .dpd-launch-hero, body.page-template-template-home .dpd-launch-hero, body.page-template-templates-frontend-template-home .dpd-launch-hero { padding-top: 136px !important; }
}
.dpd-storytelling--public .dpd-story-page__chapters a, .dpd-storytelling--public .dpd-member-login-page__chapters a, .dpd-storytelling--public .dpd-launch-chapters__link { background: rgba(244, 246, 248, 0.94) !important; border-color: rgba(17, 22, 27, 0.08) !important; color: #121820 !important; }
.dpd-storytelling--public .dpd-story-page__chapters a.is-active, .dpd-storytelling--public .dpd-story-page__chapters a:hover, .dpd-storytelling--public .dpd-member-login-page__chapters a.is-active, .dpd-storytelling--public .dpd-member-login-page__chapters a:hover, .dpd-storytelling--public .dpd-launch-chapters__link.is-active, .dpd-storytelling--public .dpd-launch-chapters__link:hover { background: #11161b !important; border-color: #11161b !important; color: #ffffff !important; }
@media (max-width: 1017px) {
.dpd-storytelling--public .dpd-story-page__chapters, .dpd-storytelling--public .dpd-launch-chapters, .dpd-storytelling--public .dpd-member-login-page__chapters { top: 82px !important; }
}
/* Public app-mark authority 2026-04-30: keep the homepage/header mark on the same square icon treatment */
.dpd-storytelling--public .dpd-launch-hero-mark { overflow: hidden !important; padding: 0 !important; }
.dpd-storytelling--public .dpd-launch-hero-mark img { display: block !important; height: 100% !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; width: 100% !important; }
/* Public homepage Instagram band/feed 2026-04-30 */
.dpd-storytelling--public .dpd-launch-instagram { background: #050709 !important; overflow: hidden !important; }
.dpd-storytelling--public .dpd-launch-instagram__banner { background: #fff200 !important; border-top: 1px solid rgba(0, 0, 0, 0.08) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
.dpd-storytelling--public .dpd-launch-instagram__banner-shell { align-items: center !important; color: #10151a !important; display: flex !important; flex-wrap: wrap !important; gap: 14px !important; justify-content: center !important; letter-spacing: 0.18em !important; margin: 0 auto !important; max-width: 1480px !important; padding: 20px 24px !important; text-transform: uppercase !important; }
.dpd-storytelling--public .dpd-launch-instagram__banner-kicker, .dpd-storytelling--public .dpd-launch-instagram__banner-copy, .dpd-storytelling--public .dpd-launch-instagram__banner-link { font-size: 14px !important; font-weight: 700 !important; }
.dpd-storytelling--public .dpd-launch-instagram__banner-link { align-items: center !important; color: #10151a !important; display: inline-flex !important; gap: 10px !important; text-decoration: none !important; }
.dpd-storytelling--public .dpd-launch-instagram__banner-link i { font-size: 24px !important; }
.dpd-storytelling--public .dpd-launch-instagram__grid-shell { background: #050709 !important; }
.dpd-storytelling--public .dpd-launch-instagram__grid { display: grid !important; gap: 0 !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.dpd-storytelling--public .dpd-launch-instagram__item { color: inherit !important; display: block !important; text-decoration: none !important; }
.dpd-storytelling--public .dpd-launch-instagram__image { aspect-ratio: 1 / 1 !important; overflow: hidden !important; position: relative !important; }
.dpd-storytelling--public .dpd-launch-instagram__image img { display: block !important; height: 100% !important; object-fit: cover !important; transition: transform 280ms ease, filter 280ms ease !important; width: 100% !important; }
.dpd-storytelling--public .dpd-launch-instagram__overlay { align-items: center !important; background: rgba(0, 0, 0, 0.34) !important; color: #ffffff !important; display: inline-flex !important; height: 54px !important; justify-content: center !important; left: 50% !important; opacity: 0 !important; position: absolute !important; top: 50% !important; transform: translate(-50%, -50%) scale(0.86) !important; transition: opacity 220ms ease, transform 220ms ease !important; width: 54px !important; z-index: 2 !important; }
.dpd-storytelling--public .dpd-launch-instagram__overlay i { font-size: 26px !important; }
.dpd-storytelling--public .dpd-launch-instagram__item:hover .dpd-launch-instagram__image img, .dpd-storytelling--public .dpd-launch-instagram__item:focus-visible .dpd-launch-instagram__image img { filter: brightness(0.52) !important; transform: scale(1.06) !important; }
.dpd-storytelling--public .dpd-launch-instagram__item:hover .dpd-launch-instagram__overlay, .dpd-storytelling--public .dpd-launch-instagram__item:focus-visible .dpd-launch-instagram__overlay { opacity: 1 !important; transform: translate(-50%, -50%) scale(1) !important; }
.dpd-storytelling--public .dpd-launch-instagram__follow { background: #050709 !important; padding: 24px 20px 34px !important; text-align: center !important; }
.dpd-storytelling--public .dpd-launch-instagram__follow-btn { align-items: center !important; border: 1px solid rgba(255, 255, 255, 0.26) !important; color: #ffffff !important; display: inline-flex !important; gap: 12px !important; letter-spacing: 0.18em !important; min-height: 48px !important; padding: 0 28px !important; text-decoration: none !important; text-transform: uppercase !important; transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease !important; }
.dpd-storytelling--public .dpd-launch-instagram__follow-btn:hover, .dpd-storytelling--public .dpd-launch-instagram__follow-btn:focus-visible { background: #fff200 !important; border-color: #fff200 !important; color: #10151a !important; transform: translateY(-2px) !important; }
@media (max-width: 1080px) {
.dpd-storytelling--public .dpd-launch-instagram__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 720px) {
.dpd-storytelling--public .dpd-launch-instagram__banner-shell { gap: 8px !important; letter-spacing: 0.14em !important; padding: 16px 18px !important; }
.dpd-storytelling--public .dpd-launch-instagram__banner-kicker, .dpd-storytelling--public .dpd-launch-instagram__banner-copy, .dpd-storytelling--public .dpd-launch-instagram__banner-link { font-size: 11px !important; }
.dpd-storytelling--public .dpd-launch-instagram__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* Public auth closeout 2026-05-04: keep login/recovery pages on the same designed system. */
.dpd-storytelling--public .dpd-member-login-page-wrap.home-login-popup, .dpd-storytelling--public .dpd-member-login-page-wrap.home-login-popup-open.home-login-popup { background: radial-gradient(circle at 11% 10%, rgba(255, 242, 0, 0.18), transparent 24%), radial-gradient(circle at 92% 8%, rgba(255, 242, 0, 0.08), transparent 20%), linear-gradient(135deg, rgba(12, 17, 20, 0.98), rgba(9, 14, 18, 0.96)) !important; min-height: 100vh !important; padding-bottom: 72px !important; }
.dpd-storytelling--public .dpd-member-login-page__hero-brand img, .dpd-storytelling--public .dpd-member-login-page__panel-icon img { filter: none !important; mix-blend-mode: normal !important; opacity: 1 !important; visibility: visible !important; }
.dpd-storytelling--public .dpd-member-login-page__hero-brand img { height: 46px !important; object-fit: contain !important; width: auto !important; }
.dpd-storytelling--public .dpd-member-login-page__panel { align-self: start !important; display: grid !important; gap: 24px !important; justify-content: stretch !important; min-height: 0 !important; padding: clamp(34px, 4vw, 50px) !important; }
.dpd-storytelling--public .dpd-member-login-page__panel-top { align-items: center !important; display: grid !important; gap: 20px !important; grid-template-columns: 88px minmax(0, 1fr) !important; margin: 0 !important; }
.dpd-storytelling--public .dpd-member-login-page__panel-icon { background: #fff200 !important; border-radius: 24px !important; box-shadow: 0 18px 34px rgba(255, 242, 0, 0.18) !important; display: grid !important; height: 88px !important; overflow: hidden !important; place-items: center !important; width: 88px !important; }
.dpd-storytelling--public .dpd-member-login-page__panel-icon img { display: block !important; height: auto !important; max-height: 76% !important; max-width: 76% !important; object-fit: contain !important; width: 76% !important; }
.dpd-storytelling--public .dpd-member-login-page__panel-copy h2 { font-size: clamp(44px, 4.4vw, 64px) !important; margin-bottom: 10px !important; }
.dpd-storytelling--public .dpd-member-login-page__form { margin: 0 !important; }
.dpd-storytelling--public .dpd-member-login-page__form .login-username label, .dpd-storytelling--public .dpd-member-login-page__form .login-password label { color: #11161b !important; margin-bottom: 8px !important; position: static !important; }
.dpd-storytelling--public .dpd-member-login-page__form .login-username input, .dpd-storytelling--public .dpd-member-login-page__form .login-password input { background: #f3f6fa !important; border-color: #d6dde5 !important; height: 58px !important; }
.dpd-storytelling--public .dpd-member-login-page__panel-footer { margin-top: 4px !important; padding-top: 24px !important; }
.dpd-storytelling--public .dpd-story-page--lost-password { background: radial-gradient(circle at 10% 8%, rgba(255, 242, 0, 0.12), transparent 24%), radial-gradient(circle at 94% 12%, rgba(255, 242, 0, 0.08), transparent 24%), linear-gradient(135deg, #eef2f5 0%, #f8fafb 52%, #eef2f5 100%) !important; min-height: 100vh !important; padding: clamp(128px, 13vw, 156px) 0 72px !important; }
.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell { align-items: start !important; grid-template-columns: minmax(0, 0.92fr) minmax(420px, 0.8fr) !important; padding-top: 12px !important; }
.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__stage-sticky { display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: clamp(520px, 62vh, 700px) !important; }
.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel { align-self: start !important; }
.dpd-storytelling--public .dpd-story-form--account-recovery { padding: 28px 32px 32px !important; }
.dpd-storytelling--public .dpd-story-form--account-recovery .dpd-story-panel__actions { padding: 6px 0 0 !important; }
.dpd-storytelling--public .dpd-story-form--account-recovery input[type="email"], .dpd-storytelling--public .dpd-story-form--account-recovery input[type="password"] { background: #f3f6fa !important; border-color: #d6dde5 !important; min-height: 58px !important; }
@media (max-width: 1180px) {
.dpd-storytelling--public .dpd-member-login-page__shell, .dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell { grid-template-columns: 1fr !important; }
.dpd-storytelling--public .dpd-member-login-page__panel { order: 1 !important; }
.dpd-storytelling--public .dpd-member-login-page__hero { min-height: 0 !important; order: 2 !important; }
}
@media (max-width: 767px) {
.dpd-storytelling--public .dpd-story-page--lost-password { padding-top: 106px !important; }
.dpd-storytelling--public .dpd-story-form--account-recovery { padding-left: 22px !important; padding-right: 22px !important; }
}
/* Auth page hard-stop fixes 2026-05-04: block old popup/floating-label leakage. */
.dpd-storytelling--public .dpd-member-login-page__panel-icon img[src$=".svg"] { height: 58px !important; max-height: 58px !important; max-width: 58px !important; width: 58px !important; }
.dpd-storytelling--public .dpd-member-login-page__form input:-webkit-autofill, .dpd-storytelling--public .dpd-member-login-page__form input:-webkit-autofill:hover, .dpd-storytelling--public .dpd-member-login-page__form input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #e8f0fe inset !important; -webkit-text-fill-color: #11161b !important; }
.dpd-storytelling--public .dpd-member-login-page__form .login-submit input[type="submit"] { margin: 0 !important; max-width: none !important; }
.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__content { align-self: start !important; }
.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__topbar, .dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__intro, .dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-form { max-width: none !important; }
.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__actions { align-items: center !important; display: flex !important; flex-wrap: wrap !important; gap: 14px !important; }
.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-button { border: 0 !important; min-height: 56px !important; }
/* DPD 2.0 lost-password page authority - 2026-07-01 */
body.dpd-storytelling--public .dpd-story-page--lost-password {
  background: #f3f6f7 !important;
  color: #101820 !important;
  min-height: 100vh !important;
  padding: clamp(112px, 9vw, 132px) 0 clamp(56px, 7vw, 78px) !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password *,
body.dpd-storytelling--public .dpd-story-page--lost-password *::before,
body.dpd-storytelling--public .dpd-story-page--lost-password *::after {
  box-sizing: border-box !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell,
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .header-inner,
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .header-inner.left-gap {
  max-width: min(1240px, calc(100vw - 40px)) !important;
  width: min(1240px, calc(100vw - 40px)) !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .dpd-public-header-bar {
  background: #071118 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 38px rgba(7, 17, 24, 0.22) !important;
  min-height: 76px !important;
  overflow: visible !important;
  padding: 14px 18px !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .dpd-public-logo-copy {
  display: grid !important;
  gap: 0 !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .dpd-public-logo-copy span,
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .dpd-public-header-link,
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .main-nav {
  letter-spacing: 0 !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .dpd-public-header-link,
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .main-nav {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .dpd-public-header-link--accent {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #101820 !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .main-nav {
  flex: 0 0 48px !important;
  padding: 0 !important;
  width: 48px !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell {
  align-items: stretch !important;
  gap: clamp(22px, 3vw, 36px) !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.72fr) !important;
  padding: 0 !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__stage-sticky {
  background: #071118 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 58px rgba(7, 17, 24, 0.18) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: clamp(500px, 58vh, 640px) !important;
  padding: clamp(30px, 4vw, 48px) !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__kicker,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__kicker {
  color: #fff200 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__stage-sticky h1,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__intro h2 {
  font-family: 'acumin-pro-condensed', 'Arial Narrow', Arial, sans-serif !important;
  letter-spacing: 0 !important;
  line-height: 0.96 !important;
  margin: 0 0 16px !important;
  text-transform: uppercase !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__stage-sticky h1 {
  color: #ffffff !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  max-width: 10.5ch !important;
  text-shadow: none !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__intro h2 {
  color: #101820 !important;
  font-size: clamp(36px, 4.2vw, 54px) !important;
  max-width: 10.5ch !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__lead,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__intro p,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__quote p,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__proof-card p {
  font-size: 16px !important;
  letter-spacing: 0 !important;
  line-height: 1.55 !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__lead,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__quote p,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__quote strong,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__quote span {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: currentColor !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__proof {
  gap: 12px !important;
  margin-top: 24px !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__proof-card,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__quote {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__proof-card strong {
  color: #ffffff !important;
  font-size: 40px !important;
  letter-spacing: 0 !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__proof-card span {
  color: #fff200 !important;
  letter-spacing: 0 !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel {
  align-self: stretch !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 58px rgba(16, 24, 32, 0.12) !important;
  overflow: hidden !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__topbar {
  align-items: center !important;
  background: #f6f8fa !important;
  border-bottom: 1px solid rgba(16, 24, 32, 0.08) !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  padding: 18px 24px !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__topbar h6,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__topbar a,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-form--account-recovery span,
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-link {
  color: #101820 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__intro {
  padding: clamp(28px, 3vw, 40px) 28px 18px !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__intro p:not(.dpd-story-panel__kicker) {
  color: #516071 !important;
  max-width: 42rem !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-form--account-recovery {
  display: grid !important;
  gap: 18px !important;
  padding: 18px 28px 32px !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-form--account-recovery label {
  display: grid !important;
  gap: 9px !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-form--account-recovery input[type="email"],
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-form--account-recovery input[type="password"] {
  background: #ffffff !important;
  border: 1px solid #cfd8e3 !important;
  border-radius: 8px !important;
  color: #101820 !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  min-height: 56px !important;
  padding: 0 16px !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-button {
  background: #fff200 !important;
  border: 1px solid #fff200 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #101820 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  text-transform: uppercase !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-link {
  align-items: center !important;
  border: 1px solid rgba(16, 24, 32, 0.16) !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 20px !important;
}
body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__alert {
  border-radius: 8px !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  margin: 0 28px 12px !important;
}
@media (max-width: 1180px) {
  body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell {
    grid-template-columns: 1fr !important;
  }
  body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__stage-sticky {
    min-height: 0 !important;
    position: relative !important;
    top: auto !important;
  }
}
@media (max-width: 760px) {
  body.dpd-storytelling--public .dpd-story-page--lost-password {
    padding-top: 92px !important;
  }
  body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell,
  body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .header-inner,
  body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .header-inner.left-gap {
    max-width: calc(100vw - 24px) !important;
    width: calc(100vw - 24px) !important;
  }
  body.dpd-storytelling--public .dpd-story-page--lost-password header.log-out.dpd-public-header .dpd-public-logo-copy {
    display: none !important;
  }
  body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__stage-sticky h1,
  body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__intro h2 {
    font-size: 38px !important;
    max-width: 100% !important;
  }
  body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-shell__stage-sticky,
  body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__intro,
  body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-form--account-recovery,
  body.dpd-storytelling--public .dpd-story-page--lost-password .dpd-story-panel__topbar {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
/* Public homepage parity sections restored from the live acquisition experience. */
.dpd-storytelling--public .dpd-launch-portal-tabs, .dpd-storytelling--public .dpd-launch-selling-tools, .dpd-storytelling--public .dpd-launch-racing-proof, .dpd-storytelling--public .dpd-launch-video-cta { position: relative; }
.dpd-storytelling--public .dpd-launch-portal-tabs .dpd-launch-shell, .dpd-storytelling--public .dpd-launch-selling-tools .dpd-launch-shell, .dpd-storytelling--public .dpd-launch-racing-proof .dpd-launch-shell, .dpd-storytelling--public .dpd-launch-video-cta .dpd-launch-shell { position: relative; }
.dpd-storytelling--public .dpd-launch-portal-tabs__grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dpd-storytelling--public .dpd-launch-portal-panel, .dpd-storytelling--public .dpd-launch-selling-tool, .dpd-storytelling--public .dpd-launch-racing-proof__panel, .dpd-storytelling--public .dpd-launch-video-cta__panel { background: rgba(31, 41, 44, 0.92); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; box-shadow: 0 26px 70px rgba(0, 0, 0, 0.2); color: #f7f9fa; overflow: hidden; }
.dpd-storytelling--public .dpd-launch-portal-panel summary { align-items: center; cursor: pointer; display: flex; gap: 14px; list-style: none; min-height: 86px; padding: 20px; }
.dpd-storytelling--public .dpd-launch-portal-panel summary::-webkit-details-marker { display: none; }
.dpd-storytelling--public .dpd-launch-portal-panel__icon { align-items: center; background: rgba(255, 242, 0, 0.12); border: 1px solid rgba(255, 242, 0, 0.24); border-radius: 18px; display: inline-flex; flex: 0 0 auto; height: 58px; justify-content: center; width: 58px; }
.dpd-storytelling--public .dpd-launch-portal-panel__icon img { height: 28px; width: 28px; }
.dpd-storytelling--public .dpd-launch-portal-panel summary small, .dpd-storytelling--public .dpd-launch-selling-tool__copy li, .dpd-storytelling--public .dpd-launch-portal-panel__copy li { color: var(--dpd-story-yellow); font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
.dpd-storytelling--public .dpd-launch-portal-panel summary strong { color: #fff; display: block; font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(26px, 3vw, 38px); letter-spacing: 0.04em; line-height: 1; margin-top: 3px; text-transform: uppercase; }
.dpd-storytelling--public .dpd-launch-portal-panel__body { border-top: 1px solid rgba(255, 255, 255, 0.08); display: grid; gap: 22px; grid-template-columns: minmax(0, 0.92fr) minmax(220px, 0.72fr); padding: 24px; }
.dpd-storytelling--public .dpd-launch-portal-panel__copy p, .dpd-storytelling--public .dpd-launch-selling-tool__copy p, .dpd-storytelling--public .dpd-launch-racing-proof__copy p, .dpd-storytelling--public .dpd-launch-video-cta__copy p, .dpd-storytelling--public .dpd-launch-testimonial-meta, .dpd-storytelling--public .dpd-launch-testimonial-story p { color: rgba(241, 246, 248, 0.76); font-size: 15px; line-height: 1.7; margin: 0; }
.dpd-storytelling--public .dpd-launch-portal-panel__copy ul, .dpd-storytelling--public .dpd-launch-selling-tool__copy ul { display: grid; gap: 9px; list-style: none; margin: 18px 0 0; padding: 0; }
.dpd-storytelling--public .dpd-launch-portal-panel__copy li, .dpd-storytelling--public .dpd-launch-selling-tool__copy li { color: rgba(255, 242, 0, 0.92); letter-spacing: 0.08em; line-height: 1.45; }
.dpd-storytelling--public .dpd-launch-portal-panel__copy li::before, .dpd-storytelling--public .dpd-launch-selling-tool__copy li::before { content: '+'; margin-right: 8px; }
.dpd-storytelling--public .dpd-launch-portal-panel__media { align-items: center; background: rgba(255, 255, 255, 0.08); border-radius: 18px; display: flex; justify-content: center; min-height: 240px; padding: 18px; }
.dpd-storytelling--public .dpd-launch-portal-panel__media img { filter: drop-shadow(0 20px 34px rgba(0, 0, 0, 0.28)); max-height: 310px; object-fit: contain; width: min(100%, 260px); }
.dpd-storytelling--public .dpd-launch-selling-tools__grid { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dpd-storytelling--public .dpd-launch-selling-tool { display: grid; grid-template-columns: minmax(180px, 0.72fr) minmax(0, 1fr); min-height: 360px; }
.dpd-storytelling--public .dpd-launch-selling-tool__media { background: #10171b; min-height: 100%; }
.dpd-storytelling--public .dpd-launch-selling-tool__media img { filter: saturate(0.28) contrast(1.08); height: 100%; object-fit: cover; width: 100%; }
.dpd-storytelling--public .dpd-launch-selling-tool__copy { align-self: center; padding: clamp(24px, 3vw, 38px); }
.dpd-storytelling--public .dpd-launch-selling-tool__copy h3 { color: #fff; font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(30px, 3.8vw, 48px); letter-spacing: 0.04em; line-height: 0.98; margin: 0 0 14px; text-transform: uppercase; }
.dpd-storytelling--public .dpd-launch-racing-proof__panel { background: linear-gradient(100deg, rgba(7, 10, 12, 0.98) 0%, rgba(7, 10, 12, 0.84) 34%, rgba(7, 10, 12, 0.7) 58%, rgba(7, 10, 12, 0.92) 100%), url(images2/winning-sec-bg2.webp) left center / cover no-repeat; display: grid; gap: clamp(22px, 3vw, 38px); grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr); min-height: clamp(560px, 56vw, 720px); padding: clamp(34px, 5vw, 64px); }
.dpd-storytelling--public .dpd-launch-racing-proof__copy { align-self: center; }
.dpd-storytelling--public .dpd-launch-racing-proof__copy h2, .dpd-storytelling--public .dpd-launch-video-cta__copy h2 { color: #fff; font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(46px, 6vw, 82px); letter-spacing: 0.05em; line-height: 0.92; margin: 0 0 18px; text-transform: uppercase; }
.dpd-storytelling--public .dpd-launch-racing-proof__copy > strong { color: var(--dpd-story-yellow); display: block; font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(30px, 4vw, 52px); letter-spacing: 0.04em; line-height: 1; margin-top: 24px; text-transform: uppercase; }
.dpd-storytelling--public .dpd-launch-racing-proof__stats { align-content: center; display: grid; gap: clamp(12px, 1.6vw, 18px); grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
.dpd-storytelling--public .dpd-launch-racing-proof__stats article { background: rgba(5, 9, 11, 0.58); border: 1px solid rgba(255, 242, 0, 0.24); border-radius: 18px; padding: clamp(18px, 2vw, 24px); }
.dpd-storytelling--public .dpd-launch-racing-proof__stats strong { color: #fff; display: block; font-family: 'acumin-pro-condensed', sans-serif; font-size: clamp(42px, 6vw, 76px); letter-spacing: 0.04em; line-height: 0.88; }
.dpd-storytelling--public .dpd-launch-racing-proof__stats span { color: rgba(255, 255, 255, 0.74); display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; line-height: 1.35; margin-top: 12px; text-transform: uppercase; }
.dpd-storytelling--public .dpd-launch-testimonial-card--dealer { overflow: hidden; padding-top: 0 !important; }
.dpd-storytelling--public .dpd-launch-testimonial-card__image { background: linear-gradient(180deg, rgba(13, 19, 22, 0), rgba(13, 19, 22, 0.62)), var(--dpd-testimonial-image) center/cover no-repeat; height: 210px; margin: -1px -1px 24px; }
.dpd-storytelling--public .dpd-launch-testimonial-meta { font-size: 13px; margin: -6px 0 18px; }
.dpd-storytelling--public .dpd-launch-testimonial-story { border-top: 1px solid rgba(255, 255, 255, 0.08); margin-top: 20px; padding-top: 18px; }
.dpd-storytelling--public .dpd-launch-testimonial-story summary { color: var(--dpd-story-yellow); cursor: pointer; font-size: 12px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; }
.dpd-storytelling--public .dpd-launch-testimonial-story p { margin-top: 14px; }
.dpd-storytelling--public .dpd-launch-video-cta__panel { align-items: center; display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1.14fr); }
.dpd-storytelling--public .dpd-launch-video-cta__copy { padding: clamp(30px, 5vw, 64px); }
.dpd-storytelling--public .dpd-launch-video-cta__copy .dpd-launch-btn { margin-top: 24px; }
.dpd-storytelling--public .dpd-launch-video-cta__media { background: #080d10; height: 100%; min-height: 430px; }
.dpd-storytelling--public .dpd-launch-video-cta__media video { display: block; height: 100%; object-fit: cover; width: 100%; }
@media (max-width: 1180px) {
.dpd-storytelling--public .dpd-launch-portal-tabs__grid, .dpd-storytelling--public .dpd-launch-selling-tools__grid, .dpd-storytelling--public .dpd-launch-racing-proof__panel, .dpd-storytelling--public .dpd-launch-video-cta__panel { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
.dpd-storytelling--public .dpd-launch-portal-panel__body, .dpd-storytelling--public .dpd-launch-selling-tool { grid-template-columns: 1fr; }
.dpd-storytelling--public .dpd-launch-portal-panel summary { min-height: 76px; padding: 16px; }
.dpd-storytelling--public .dpd-launch-portal-panel__body, .dpd-storytelling--public .dpd-launch-selling-tool__copy, .dpd-storytelling--public .dpd-launch-racing-proof__panel, .dpd-storytelling--public .dpd-launch-video-cta__copy { padding: 22px; }
.dpd-storytelling--public .dpd-launch-selling-tool__media { height: 260px; }
.dpd-storytelling--public .dpd-launch-racing-proof__stats { grid-template-columns: 1fr; }
.dpd-storytelling--public .dpd-launch-video-cta__media { min-height: 280px; }
}
/* Member-login layout stabilization 2026-05-07: keep tabs and sign-in card in normal flow. */
.dpd-storytelling--public .dpd-member-login-page-wrap.home-login-popup, .dpd-storytelling--public .dpd-member-login-page-wrap.home-login-popup-open.home-login-popup { --dpd-login-page-gutter: clamp(16px, 3vw, 28px); align-items: stretch !important; display: block !important; min-height: 100dvh !important; overflow-x: clip !important; padding: 0 var(--dpd-login-page-gutter) 72px !important; }
.dpd-storytelling--public .dpd-member-login-page { display: grid !important; gap: clamp(16px, 2vw, 24px) !important; grid-template-columns: minmax(0, 1fr) !important; margin: 0 auto !important; max-width: none !important; position: relative !important; width: min(1360px, 100%) !important; }
.dpd-storytelling--public .dpd-member-login-page__chapters { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; justify-content: flex-start !important; margin: 0 !important; max-width: 100% !important; overflow: visible !important; padding: 0 !important; position: relative !important; top: auto !important; width: 100% !important; z-index: 3 !important; }
.dpd-storytelling--public .dpd-member-login-page__chapters a { background: rgba(255, 255, 255, 0.92) !important; border-color: rgba(255, 255, 255, 0.18) !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.14) !important; color: #11161b !important; flex: 0 0 auto !important; min-height: 42px !important; white-space: nowrap !important; }
.dpd-storytelling--public .dpd-member-login-page__shell { align-items: start !important; display: grid !important; gap: clamp(20px, 2.5vw, 32px) !important; grid-template-columns: minmax(0, 1fr) minmax(360px, 440px) !important; margin: 0 !important; width: 100% !important; }
.dpd-storytelling--public .dpd-member-login-page__hero, .dpd-storytelling--public .dpd-member-login-page__panel { border-radius: clamp(24px, 2.4vw, 34px) !important; min-height: 0 !important; }
.dpd-storytelling--public .dpd-member-login-page__hero { justify-content: flex-start !important; padding: clamp(34px, 5vw, 64px) !important; }
.dpd-storytelling--public .dpd-member-login-page__hero h1 { font-size: clamp(42px, 5vw, 72px) !important; line-height: 0.98 !important; max-inline-size: 12ch !important; }
.dpd-storytelling--public .dpd-member-login-page__hero p { font-size:1.6rem !important; line-height: 1.65 !important; }
.dpd-storytelling--public .dpd-member-login-page__hero-proof { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.dpd-storytelling--public .dpd-member-login-page__panel { align-self: start !important; display: grid !important; gap: 22px !important; grid-template-columns: minmax(0, 1fr) !important; padding: clamp(28px, 3.2vw, 42px) !important; }
.dpd-storytelling--public .dpd-member-login-page__panel-copy h2 { font-size: clamp(38px, 3.8vw, 54px) !important; line-height: 1 !important; }
.dpd-storytelling--public .dpd-member-login-page__journey, .dpd-storytelling--public .dpd-member-login-page__support-band { margin-top: 0 !important; width: 100% !important; }
@media (max-width: 1180px) {
.dpd-storytelling--public .dpd-member-login-page__shell { grid-template-columns: 1fr !important; }
.dpd-storytelling--public .dpd-member-login-page__panel { order: 1 !important; }
.dpd-storytelling--public .dpd-member-login-page__hero { order: 2 !important; }
}
@media (max-width: 860px) {
.dpd-storytelling--public .dpd-member-login-page__chapters { flex-wrap: nowrap !important; margin-left: calc(0px - var(--dpd-login-page-gutter)) !important; margin-right: calc(0px - var(--dpd-login-page-gutter)) !important; overflow-x: auto !important; padding: 0 var(--dpd-login-page-gutter) 4px !important; scrollbar-width: none !important; width: auto !important; }
.dpd-storytelling--public .dpd-member-login-page__chapters::-webkit-scrollbar { display: none !important; }
.dpd-storytelling--public .dpd-member-login-page__hero-proof, .dpd-storytelling--public .dpd-member-login-page__journey { grid-template-columns: 1fr !important; }
}
@media (max-width: 767px) {
.dpd-storytelling--public .dpd-member-login-page { gap: 14px !important; }
.dpd-storytelling--public .dpd-member-login-page__hero, .dpd-storytelling--public .dpd-member-login-page__panel, .dpd-storytelling--public .dpd-member-login-page__journey-card, .dpd-storytelling--public .dpd-member-login-page__support-band { border-radius: 22px !important; }
.dpd-storytelling--public .dpd-member-login-page__hero, .dpd-storytelling--public .dpd-member-login-page__panel { padding: 22px !important; }
.dpd-storytelling--public .dpd-member-login-page__hero h1 { font-size: clamp(36px, 11vw, 44px) !important; max-inline-size: none !important; }
.dpd-storytelling--public .dpd-member-login-page__panel-top { align-items: center !important; grid-template-columns: 64px minmax(0, 1fr) !important; }
.dpd-storytelling--public .dpd-member-login-page__panel-icon { border-radius: 18px !important; height: 64px !important; width: 64px !important; }
}
/* Public login screenshot QA stabilization - 2026-05-07 */
.dpd-storytelling--public, .dpd-storytelling--public body { overflow-x: clip !important; }
.dpd-storytelling--public .dpd-member-login-page, .dpd-storytelling--public .dpd-member-login-page-wrap { box-sizing: border-box !important; max-width: 100% !important; }
.dpd-storytelling--public .dpd-member-login-page__support-band { align-items: center !important; box-sizing: border-box !important; gap: clamp(18px, 3vw, 34px) !important; grid-template-columns: minmax(0, 1fr) minmax(220px, auto) !important; max-width: 100% !important; overflow: hidden !important; padding: clamp(28px, 4vw, 46px) !important; }
.dpd-storytelling--public .dpd-member-login-page__support-band h2 { font-size: clamp(34px, 4vw, 54px) !important; letter-spacing: 0.03em !important; line-height: 1.02 !important; max-inline-size: 20ch !important; max-width: 100% !important; overflow-wrap: normal !important; white-space: normal !important; word-break: normal !important; }
.dpd-storytelling--public .dpd-member-login-page__support-band p { max-width: 84ch !important; }
.dpd-storytelling--public .dpd-member-login-page__support-actions { align-items: stretch !important; justify-self: end !important; min-width: 0 !important; width: min(320px, 100%) !important; }
.dpd-storytelling--public .dpd-member-login-page__support-actions a, .dpd-storytelling--public .dpd-member-login-page__support-actions .dpd-member-login-page__hero-primary, .dpd-storytelling--public .dpd-member-login-page__support-actions .dpd-member-login-page__hero-secondary { box-sizing: border-box !important; justify-content: center !important; max-width: 100% !important; min-width: 0 !important; text-align: center !important; white-space: normal !important; width: 100% !important; }
.dpd-storytelling--public footer#kill, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill, .dpd-storytelling--public .dpd-launch-safe-footer { background: #ffffff !important; box-sizing: border-box !important; margin-top: clamp(46px, 6vw, 78px) !important; max-width: 100vw !important; overflow: hidden !important; padding: clamp(34px, 5vw, 64px) clamp(16px, 4vw, 44px) !important; width: 100% !important; }
.dpd-storytelling--public footer#kill .footer-in, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-in, .dpd-storytelling--public .dpd-launch-safe-footer .footer-in { align-items: start !important; box-sizing: border-box !important; display: grid !important; gap: 22px 30px !important; grid-template-columns: minmax(0, 1fr) auto !important; margin: 0 auto !important; max-width: min(1180px, calc(100vw - 32px)) !important; overflow: visible !important; padding: 0 !important; width: 100% !important; }
.dpd-storytelling--public footer#kill .footer-left, .dpd-storytelling--public footer#kill .footer-nav, .dpd-storytelling--public footer#kill .footer-social-icons, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-left, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-nav, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-social-icons { float: none !important; margin: 0 !important; min-width: 0 !important; }
.dpd-storytelling--public footer#kill .footer-left, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-left { align-items: flex-start !important; display: flex !important; flex-wrap: wrap !important; gap: 18px 24px !important; }
.dpd-storytelling--public footer#kill .footer-nav, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-nav { align-items: center !important; display: flex !important; flex: 1 1 540px !important; flex-wrap: wrap !important; gap: 8px 0 !important; line-height: 1.4 !important; max-width: 100% !important; }
.dpd-storytelling--public footer#kill .footer-nav span, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-nav span { box-sizing: border-box !important; display: inline-flex !important; letter-spacing: 0.09em !important; line-height: 1.4 !important; max-width: 100% !important; padding: 0 10px 0 0 !important; white-space: normal !important; }
.dpd-storytelling--public footer#kill .footer-nav span::after, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-nav span::after { display: none !important; }
.dpd-storytelling--public footer#kill .footer-nav a, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-nav a { display: inline !important; overflow-wrap: normal !important; white-space: normal !important; word-break: normal !important; }
.dpd-storytelling--public footer#kill .footer-social-icons, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-social-icons { justify-self: end !important; }
.dpd-storytelling--public footer#kill .footer-social-icons ul, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-social-icons ul { align-items: center !important; display: flex !important; gap: 24px !important; justify-content: flex-end !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
.dpd-storytelling--public footer#kill .footer-social-icons ul li, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-social-icons ul li { float: none !important; padding: 0 !important; }
.dpd-storytelling--public footer#kill .footer-social-icons ul li a, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-social-icons ul li a { align-items: center !important; color: #101820 !important; display: inline-flex !important; font-size: 28px !important; justify-content: center !important; min-height: 36px !important; min-width: 36px !important; }
@media (max-width: 900px) {
.dpd-storytelling--public .dpd-member-login-page__support-band, .dpd-storytelling--public footer#kill .footer-in, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-in { grid-template-columns: 1fr !important; }
.dpd-storytelling--public .dpd-member-login-page__support-actions, .dpd-storytelling--public footer#kill .footer-social-icons, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-social-icons { justify-self: start !important; }
}
@media (max-width: 620px) {
.dpd-storytelling--public .dpd-member-login-page__support-band { padding: 24px !important; }
.dpd-storytelling--public .dpd-member-login-page__support-band h2 { font-size: clamp(32px, 10vw, 42px) !important; max-inline-size: 100% !important; }
.dpd-storytelling--public footer#kill, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill { padding: 34px 16px 30px !important; }
.dpd-storytelling--public footer#kill .footer-in, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-in { align-items: center !important; gap: 18px !important; justify-items: center !important; max-width: 100% !important; width: 100% !important; }
.dpd-storytelling--public footer#kill .footer-left, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-left { align-items: center !important; display: grid !important; gap: 16px !important; justify-items: center !important; text-align: center !important; width: 100% !important; }
.dpd-storytelling--public footer#kill .footer-logo, .dpd-storytelling--public footer#kill .footer-logo a, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-logo, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-logo a { justify-content: center !important; }
.dpd-storytelling--public footer#kill .footer-logo img, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-logo img { max-width: 214px !important; width: min(214px, 70vw) !important; }
.dpd-storytelling--public footer#kill .footer-nav, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-nav { flex: 0 1 auto !important; gap: 10px 14px !important; justify-content: center !important; width: 100% !important; }
.dpd-storytelling--public footer#kill .footer-nav span, .dpd-storytelling--public footer#kill .footer-nav a, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-nav span, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-nav a { font-size: 11px !important; letter-spacing: 0.08em !important; line-height: 1.3 !important; padding: 0 !important; }
.dpd-storytelling--public footer#kill .footer-social-icons, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-social-icons { justify-self: center !important; margin: 2px 0 0 !important; }
.dpd-storytelling--public footer#kill .footer-social-icons ul, .dpd-storytelling--public .dpd-member-login-page-wrap + footer#kill .footer-social-icons ul { gap: 22px !important; justify-content: center !important; }
}
/* DPD 2.0 public homepage complete design audit stabilization - 2026-05-08 */
.dpd-storytelling--public .dpd-launch-home, .dpd-storytelling--public .dpd-launch-home *, .dpd-storytelling--public .dpd-launch-safe-footer, .dpd-storytelling--public .dpd-launch-safe-footer * { box-sizing: border-box !important; }
.dpd-storytelling--public .dpd-launch-home { overflow-x: clip !important; }
.dpd-storytelling--public .dpd-launch-shell, .dpd-storytelling--public .dpd-launch-chapters__inner { max-width: 1180px !important; width: min(1180px, calc(100vw - 32px)) !important; }
.dpd-storytelling--public .dpd-launch-safe-footer__shell { max-width: 1180px !important; width: min(1180px, calc(100vw - 72px)) !important; }
.dpd-storytelling--public .dpd-launch-feature-grid, .dpd-storytelling--public .dpd-launch-portal-tabs__grid, .dpd-storytelling--public .dpd-launch-selling-tools__grid, .dpd-storytelling--public .dpd-launch-segment-grid, .dpd-storytelling--public .dpd-launch-testimonial-grid, .dpd-storytelling--public .dpd-launch-racing-proof__stats { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important; }
.dpd-storytelling--public .dpd-launch-command-strip, .dpd-storytelling--public .dpd-launch-actions, .dpd-storytelling--public .dpd-launch-proof-actions { flex-wrap: wrap !important; max-width: 100% !important; }
.dpd-storytelling--public .dpd-launch-hero, .dpd-storytelling--public .dpd-launch-stats, .dpd-storytelling--public .dpd-launch-platform, .dpd-storytelling--public .dpd-launch-portal-tabs, .dpd-storytelling--public .dpd-launch-selling-tools, .dpd-storytelling--public .dpd-launch-stories, .dpd-storytelling--public .dpd-launch-proof, .dpd-storytelling--public .dpd-launch-racing-proof, .dpd-storytelling--public .dpd-launch-testimonials, .dpd-storytelling--public .dpd-launch-video-cta, .dpd-storytelling--public .dpd-launch-cta { overflow: hidden !important; }
.dpd-storytelling--public .dpd-launch-hero h1, .dpd-storytelling--public .dpd-launch-section-heading h2, .dpd-storytelling--public .dpd-launch-story-copy h3, .dpd-storytelling--public .dpd-launch-proof-copy h2, .dpd-storytelling--public .dpd-launch-racing-proof__copy h2, .dpd-storytelling--public .dpd-launch-video-cta__copy h2, .dpd-storytelling--public .dpd-launch-cta-copy h2 { max-width: 100% !important; overflow-wrap: normal !important; white-space: normal !important; word-break: normal !important; }
.dpd-storytelling--public .dpd-launch-feature-card, .dpd-storytelling--public .dpd-launch-portal-panel, .dpd-storytelling--public .dpd-launch-selling-tool, .dpd-storytelling--public .dpd-launch-story, .dpd-storytelling--public .dpd-launch-segment-card, .dpd-storytelling--public .dpd-launch-testimonial-card, .dpd-storytelling--public .dpd-launch-cta-panel { min-width: 0 !important; overflow: hidden !important; }
.dpd-storytelling--public .dpd-launch-story { display: grid !important; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr) !important; }
.dpd-storytelling--public .dpd-launch-story.is-reversed { grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr) !important; }
.dpd-storytelling--public .dpd-launch-hero-card img, .dpd-storytelling--public .dpd-launch-portal-panel__media img, .dpd-storytelling--public .dpd-launch-selling-tool__media img, .dpd-storytelling--public .dpd-launch-story-media img, .dpd-storytelling--public .dpd-launch-video-cta__media img { display: block !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; }
.dpd-storytelling--public .dpd-launch-story-media, .dpd-storytelling--public .dpd-launch-selling-tool__media, .dpd-storytelling--public .dpd-launch-portal-panel__media, .dpd-storytelling--public .dpd-launch-video-cta__media { min-width: 0 !important; overflow: hidden !important; }
.dpd-storytelling--public .dpd-launch-safe-footer, .dpd-storytelling--public .dpd-launch-safe-disclaimer { position: relative !important; z-index: 2 !important; }
@media (max-width: 960px) {
.dpd-storytelling--public .dpd-launch-hero .dpd-launch-shell, .dpd-storytelling--public .dpd-launch-story, .dpd-storytelling--public .dpd-launch-story.is-reversed, .dpd-storytelling--public .dpd-launch-proof-grid, .dpd-storytelling--public .dpd-launch-video-cta__panel, .dpd-storytelling--public .dpd-launch-cta-panel { grid-template-columns: 1fr !important; }
.dpd-storytelling--public .dpd-launch-story.is-reversed .dpd-launch-story-copy, .dpd-storytelling--public .dpd-launch-story.is-reversed .dpd-launch-story-media { grid-column: auto !important; grid-row: auto !important; }
}
@media (max-width: 640px) {
.dpd-storytelling--public .dpd-launch-shell, .dpd-storytelling--public .dpd-launch-chapters__inner { width: min(100%, calc(100vw - 24px)) !important; }
.dpd-storytelling--public .dpd-launch-safe-footer__shell { width: min(100%, calc(100vw - 40px)) !important; }
.dpd-storytelling--public .dpd-launch-hero, .dpd-storytelling--public .dpd-launch-stats, .dpd-storytelling--public .dpd-launch-platform, .dpd-storytelling--public .dpd-launch-portal-tabs, .dpd-storytelling--public .dpd-launch-selling-tools, .dpd-storytelling--public .dpd-launch-stories, .dpd-storytelling--public .dpd-launch-proof, .dpd-storytelling--public .dpd-launch-racing-proof, .dpd-storytelling--public .dpd-launch-testimonials, .dpd-storytelling--public .dpd-launch-video-cta, .dpd-storytelling--public .dpd-launch-cta { padding-left: 0 !important; padding-right: 0 !important; }
}
/* DPD 2.0 May 21 screenshot QA override. */
.dpd-storytelling--public { margin-top: 0 !important; overflow-x: hidden !important; }
.dpd-storytelling--public .dpd-member-login-page__forgot-password a { display: inline-flex !important; line-height: 1.2 !important; }
.dpd-storytelling--public .dpd-member-login-page__panel-footer { margin-top: 30px !important; }
.dpd-storytelling--public .dpd-member-login-page__journey-scene { display: none !important; }
.dpd-storytelling--public .dpd-launch-chapters, body.home.dpd-launch-scrolled .dpd-storytelling--public .dpd-launch-chapters, body.page-template-template-home.dpd-launch-scrolled .dpd-storytelling--public .dpd-launch-chapters, body.page-template-templates-frontend-template-home.dpd-launch-scrolled .dpd-storytelling--public .dpd-launch-chapters { margin-top: 10px !important; position: relative !important; top: auto !important; z-index: 20 !important; }
.dpd-storytelling--public .dpd-launch-section-heading h2, .dpd-storytelling--public .dpd-member-login-page__support-band h2 { font-size: clamp(34px, 4.45vw, 70px) !important; letter-spacing: 0.08em !important; line-height: 1.02 !important; }
.dpd-storytelling--public .dpd-launch-portal-tabs__grid, .dpd-storytelling--public .dpd-launch-selling-tools__grid, .dpd-storytelling--public .dpd-launch-testimonial-grid { align-items: start !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important; }
.dpd-storytelling--public .dpd-launch-portal-panel { align-self: start !important; height: auto !important; }
.dpd-storytelling--public .dpd-launch-portal-panel:not([open]) .dpd-launch-portal-panel__body { display: none !important; }
.dpd-storytelling--public .dpd-launch-selling-tool { display: grid !important; grid-template-columns: 1fr !important; }
.dpd-storytelling--public .dpd-launch-selling-tool__media { aspect-ratio: 16 / 11 !important; width: 100% !important; }
.dpd-storytelling--public .dpd-launch-selling-tool__media img { height: 100% !important; max-width: none !important; object-fit: cover !important; width: 100% !important; }
/* DPD launch audit final correction - 2026-05-21 */
.dpd-storytelling--public .dpd-member-login-page__chapters, .dpd-storytelling--public .dpd-launch-chapters, body.home.dpd-launch-scrolled .dpd-storytelling--public .dpd-launch-chapters, body.page-template-template-home.dpd-launch-scrolled .dpd-storytelling--public .dpd-launch-chapters, body.page-template-templates-frontend-template-home.dpd-launch-scrolled .dpd-storytelling--public .dpd-launch-chapters { margin: 12px auto clamp(16px, 2vw, 24px) !important; padding: 0 clamp(18px, 4vw, 64px) !important; position: relative !important; top: auto !important; transform: none !important; width: 100% !important; z-index: 12 !important; }
.dpd-storytelling--public .dpd-member-login-page__chapters { display: flex !important; justify-content: center !important; }
.dpd-storytelling--public .dpd-member-login-page__form form { display: grid !important; gap: 16px !important; grid-template-columns: minmax(0, 1fr) !important; }
.dpd-storytelling--public .dpd-member-login-page__form .login-username, .dpd-storytelling--public .dpd-member-login-page__form .login-password, .dpd-storytelling--public .dpd-member-login-page__form .login-submit { margin: 0 !important; }
.dpd-storytelling--public .dpd-member-login-page__form .login-submit { padding-top: 10px !important; }
.dpd-storytelling--public .dpd-member-login-page__forgot-password { display: block !important; margin: 14px 0 0 !important; min-height: 22px !important; position: static !important; text-align: center !important; transform: none !important; }
.dpd-storytelling--public .dpd-member-login-page__journey { align-items: stretch !important; gap: clamp(18px, 2vw, 28px) !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important; }
.dpd-storytelling--public .dpd-member-login-page__journey-card { min-width: 0 !important; overflow: hidden !important; }
.dpd-storytelling--public .dpd-member-login-page__journey-card h3 { font-size: clamp(28px, 3vw, 40px) !important; line-height: 1.04 !important; overflow-wrap: anywhere !important; }
.dpd-storytelling--public footer#kill .footer-logo, .dpd-storytelling--public footer#kill .footer-logo a, .dpd-storytelling--public .dpd-launch-safe-footer__logo { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; min-height: 0 !important; min-width: 0 !important; padding: 0 !important; }
.dpd-storytelling--public footer#kill .footer-logo img, .dpd-storytelling--public .dpd-launch-safe-footer__logo img { filter: none !important; max-height: 52px !important; max-width: 220px !important; opacity: 1 !important; width: min(190px, 42vw) !important; }
@media (max-width: 860px) {
.dpd-storytelling--public .dpd-member-login-page__chapters, .dpd-storytelling--public .dpd-launch-chapters { justify-content: flex-start !important; overflow-x: auto !important; padding-left: 24px !important; padding-right: 24px !important; scrollbar-width: none !important; }
.dpd-storytelling--public .dpd-member-login-page__chapters::-webkit-scrollbar, .dpd-storytelling--public .dpd-launch-chapters::-webkit-scrollbar { display: none !important; }
}
.dpd-storytelling--public .home-menu-popup.home-menu-popup-open, .dpd-storytelling--public.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open { display: block !important; opacity: 1 !important; pointer-events: auto !important; visibility: visible !important; z-index: 9000 !important; }
.dpd-storytelling--public .home-menu-popup.home-menu-popup-open .home-menu-popup-logo, .dpd-storytelling--public .home-menu-popup.home-menu-popup-open .home-menu-popup-logo a, .dpd-storytelling--public .home-menu-popup.home-menu-popup-open .home-menu-popup-logo img { display: inline-flex !important; opacity: 1 !important; visibility: visible !important; }
/* DPD launch audit hard-stop overflow guard - 2026-05-21 PM
   Mirrors the final responsive guard because dpd-storytelling.css can load after
   the legacy responsive sheet on some cached/staging combinations. */
html, body.dpd-storytelling--public { max-width: 100% !important; overflow-x: hidden !important; }
body.dpd-storytelling--public .dpd-member-login-page-wrap.home-login-popup, body.dpd-storytelling--public .dpd-member-login-page-wrap.home-login-popup-open.home-login-popup, .dpd-member-login-page-wrap.home-login-popup, .dpd-member-login-page-wrap.home-login-popup-open.home-login-popup { box-sizing: border-box !important; display: block !important; height: auto !important; inset: auto !important; left: auto !important; margin: 0 !important; max-width: 100vw !important; min-height: 100dvh !important; opacity: 1 !important; overflow: visible !important; overflow-x: hidden !important; padding-left: clamp(16px, 3vw, 32px) !important; padding-right: clamp(16px, 3vw, 32px) !important; pointer-events: auto !important; position: relative !important; right: auto !important; text-align: left !important; top: auto !important; transform: none !important; width: 100% !important; z-index: 1 !important; }
body.dpd-storytelling--public .dpd-member-login-page, .dpd-member-login-page { box-sizing: border-box !important; margin-left: auto !important; margin-right: auto !important; max-width: min(1360px, calc(100vw - 32px)) !important; overflow: visible !important; width: min(1360px, calc(100vw - 32px)) !important; }
body.dpd-storytelling--public .dpd-member-login-page__shell, .dpd-member-login-page__shell { box-sizing: border-box !important; grid-template-columns: minmax(0, 1fr) minmax(340px, 420px) !important; max-width: 100% !important; overflow: visible !important; }
body.dpd-storytelling--public .dpd-member-login-page__hero, body.dpd-storytelling--public .dpd-member-login-page__panel, body.dpd-storytelling--public .dpd-member-login-page__journey-card, body.dpd-storytelling--public .dpd-member-login-page__support-band, .dpd-member-login-page__hero, .dpd-member-login-page__panel, .dpd-member-login-page__journey-card, .dpd-member-login-page__support-band { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; }
body.dpd-storytelling--public .dpd-member-login-page__panel { overflow: hidden !important; }
body.dpd-storytelling--public .dpd-member-login-page__chapters, body.dpd-storytelling--public .dpd-member-login-page__shell, body.dpd-storytelling--public .dpd-member-login-page__journey, body.dpd-storytelling--public .dpd-member-login-page__support-band { box-sizing: border-box !important; justify-self: stretch !important; max-width: 100% !important; min-width: 0 !important; width: auto !important; }
@media (max-width: 1500px) {
body.dpd-storytelling--public .dpd-member-login-page__shell, .dpd-member-login-page__shell { grid-template-columns: minmax(0, 1fr) !important; }
body.dpd-storytelling--public .dpd-member-login-page__panel, .dpd-member-login-page__panel { justify-self: center !important; max-width: 640px !important; min-height: auto !important; order: 1 !important; width: 100% !important; }
body.dpd-storytelling--public .dpd-member-login-page__hero, .dpd-member-login-page__hero { min-height: auto !important; order: 2 !important; }
body.dpd-storytelling--public .dpd-member-login-page__support-band, .dpd-member-login-page__support-band { grid-template-columns: 1fr !important; }
body.dpd-storytelling--public .dpd-member-login-page__support-actions, .dpd-member-login-page__support-actions { justify-self: start !important; width: min(360px, 100%) !important; }
}
body.dpd-storytelling--public footer#kill, body.dpd-storytelling--public .dpd-launch-safe-footer, .dpd-storytelling--public footer#kill, .dpd-storytelling--public .dpd-launch-safe-footer { background: #fff !important; }
body.dpd-storytelling--public footer#kill .footer-nav, body.dpd-storytelling--public footer#kill .footer-nav span, body.dpd-storytelling--public footer#kill .footer-nav a, body.dpd-storytelling--public .dpd-launch-safe-footer__copy, body.dpd-storytelling--public .dpd-launch-safe-footer__copy a, .dpd-storytelling--public footer#kill .footer-nav, .dpd-storytelling--public footer#kill .footer-nav span, .dpd-storytelling--public footer#kill .footer-nav a, .dpd-storytelling--public .dpd-launch-safe-footer__copy, .dpd-storytelling--public .dpd-launch-safe-footer__copy a { color: #101820 !important; opacity: 1 !important; text-shadow: none !important; visibility: visible !important; }
body.dpd-storytelling--public footer#kill .footer-logo, body.dpd-storytelling--public footer#kill .footer-logo a, body.dpd-storytelling--public .dpd-launch-safe-footer__logo, .dpd-storytelling--public footer#kill .footer-logo, .dpd-storytelling--public footer#kill .footer-logo a, .dpd-storytelling--public .dpd-launch-safe-footer__logo { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.dpd-storytelling--public footer#kill .footer-logo img, body.dpd-storytelling--public .dpd-launch-safe-footer__logo img, .dpd-storytelling--public footer#kill .footer-logo img, .dpd-storytelling--public .dpd-launch-safe-footer__logo img { display: block !important; filter: none !important; height: auto !important; max-height: 56px !important; max-width: min(248px, 58vw) !important; opacity: 1 !important; visibility: visible !important; width: min(248px, 58vw) !important; }
@media (max-width: 760px) {
body.dpd-storytelling--public .dpd-launch-section-heading h2, body.dpd-storytelling--public .dpd-member-login-page__support-band h2, body.dpd-storytelling--public .dpd-launch-cta-copy h2, .dpd-launch-section-heading h2, .dpd-member-login-page__support-band h2, .dpd-launch-cta-copy h2 { font-size: clamp(30px, 9vw, 42px) !important; letter-spacing: 0.06em !important; line-height: 1.06 !important; max-width: 100% !important; overflow-wrap: anywhere !important; }
body.dpd-storytelling--public .dpd-launch-cta-panel, body.dpd-storytelling--public .dpd-launch-video-cta__panel, body.dpd-storytelling--public .dpd-launch-racing-proof__panel, .dpd-launch-cta-panel, .dpd-launch-video-cta__panel, .dpd-launch-racing-proof__panel { grid-template-columns: 1fr !important; }
body.dpd-storytelling--public .dpd-launch-cta-copy, body.dpd-storytelling--public .dpd-launch-cta-actions, body.dpd-storytelling--public .dpd-launch-proof-actions, .dpd-launch-cta-copy, .dpd-launch-cta-actions, .dpd-launch-proof-actions { min-width: 0 !important; width: 100% !important; }
body.dpd-storytelling--public .dpd-launch-cta-copy .dpd-launch-btn, body.dpd-storytelling--public .dpd-launch-cta-actions .dpd-launch-btn, body.dpd-storytelling--public .dpd-launch-proof-actions .dpd-launch-btn, .dpd-launch-cta-copy .dpd-launch-btn, .dpd-launch-cta-actions .dpd-launch-btn, .dpd-launch-proof-actions .dpd-launch-btn { max-width: 100% !important; white-space: normal !important; width: 100% !important; }
}
/* DPD public homepage energy pass - 2026-06-04 */
body.dpd-storytelling--public .dpd-launch-feature-card, body.dpd-storytelling--public .dpd-launch-portal-panel, body.dpd-storytelling--public .dpd-launch-selling-tool, body.dpd-storytelling--public .dpd-launch-testimonial-card, body.dpd-storytelling--public .dpd-launch-segment-card, body.dpd-storytelling--public .dpd-launch-cta-panel, body.dpd-storytelling--public .dpd-launch-video-cta__panel { transform: translate3d(0, 0, 0) !important; transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease !important; }
body.dpd-storytelling--public .dpd-launch-feature-card:hover, body.dpd-storytelling--public .dpd-launch-feature-card:focus-within, body.dpd-storytelling--public .dpd-launch-selling-tool:hover, body.dpd-storytelling--public .dpd-launch-selling-tool:focus-within, body.dpd-storytelling--public .dpd-launch-testimonial-card:hover, body.dpd-storytelling--public .dpd-launch-testimonial-card:focus-within, body.dpd-storytelling--public .dpd-launch-segment-card:hover, body.dpd-storytelling--public .dpd-launch-segment-card:focus-within { border-color: rgba(255, 242, 0, 0.46) !important; box-shadow: 0 28px 82px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(255, 242, 0, 0.18) !important; transform: translateY(-5px) !important; }
body.dpd-storytelling--public .dpd-launch-feature-card { position: relative !important; }
body.dpd-storytelling--public .dpd-launch-feature-card::before { background: linear-gradient(90deg, #fff200, rgba(255, 242, 0, 0)) !important; content: '' !important; height: 3px !important; left: 22px !important; opacity: 0.72 !important; position: absolute !important; right: 22px !important; top: 0 !important; }
body.dpd-storytelling--public .dpd-launch-feature-icon { background: rgba(255, 242, 0, 0.14) !important; border: 1px solid rgba(255, 242, 0, 0.32) !important; border-radius: 16px !important; height: 58px !important; width: 58px !important; }
body.dpd-storytelling--public .dpd-launch-feature-icon img { filter: drop-shadow(0 10px 16px rgba(255, 242, 0, 0.16)) !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel { border-radius: 18px !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel summary { min-height: 96px !important; outline: 0 !important; transition: background-color 180ms ease, border-color 180ms ease !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel summary::after { color: #fff200 !important; content: '+' !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1 !important; margin-left: auto !important; transition: transform 180ms ease !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel[open] summary::after, body.dpd-storytelling--public .dpd-launch-portal-panel.is-active summary::after { transform: rotate(45deg) !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel.is-active, body.dpd-storytelling--public .dpd-launch-portal-panel[open] { background: linear-gradient(135deg, rgba(255, 242, 0, 0.13), rgba(255, 242, 0, 0) 36%), rgba(23, 32, 36, 0.96) !important; border-color: rgba(255, 242, 0, 0.48) !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel.is-active summary, body.dpd-storytelling--public .dpd-launch-portal-panel[open] summary { background: rgba(255, 242, 0, 0.07) !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel__body { animation: dpdPortalPanelIn 260ms ease both !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel__media { background: linear-gradient(180deg, rgba(255, 242, 0, 0.14), rgba(255, 242, 0, 0) 46%), rgba(255, 255, 255, 0.08) !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel__media img, body.dpd-storytelling--public .dpd-launch-selling-tool__media img, body.dpd-storytelling--public .dpd-launch-story-media img, body.dpd-storytelling--public .dpd-launch-testimonial-card__image { filter: saturate(1.06) contrast(1.04) !important; }
body.dpd-storytelling--public .dpd-launch-selling-tool { background: linear-gradient(180deg, rgba(255, 242, 0, 0.07), rgba(255, 242, 0, 0) 42%), rgba(31, 41, 44, 0.92) !important; }
body.dpd-storytelling--public .dpd-launch-selling-tool__media { background: #070b0d !important; }
body.dpd-storytelling--public .dpd-launch-selling-tool__media img { transform: scale(1.01) !important; transition: transform 420ms ease, filter 220ms ease !important; }
body.dpd-storytelling--public .dpd-launch-selling-tool:hover .dpd-launch-selling-tool__media img, body.dpd-storytelling--public .dpd-launch-selling-tool:focus-within .dpd-launch-selling-tool__media img { transform: scale(1.05) !important; }
body.dpd-storytelling--public .dpd-launch-racing-proof__panel { background: linear-gradient(100deg, rgba(7, 10, 12, 0.98) 0%, rgba(7, 10, 12, 0.84) 34%, rgba(7, 10, 12, 0.7) 58%, rgba(7, 10, 12, 0.92) 100%), url(images2/winning-sec-bg2.webp) left center / cover no-repeat !important; }
body.dpd-storytelling--public .dpd-launch-racing-proof__stat { min-height: clamp(132px, 12vw, 156px) !important; }
body.dpd-storytelling--public .dpd-launch-testimonial-card--dealer { background: rgba(20, 28, 31, 0.94) !important; }
body.dpd-storytelling--public .dpd-launch-testimonial-card__image { height: clamp(220px, 23vw, 310px) !important; }
body.dpd-storytelling--public .dpd-launch-story-trigger { appearance: none !important; background: transparent !important; border: 0 !important; cursor: pointer !important; padding: 0 !important; text-align: left !important; }
body.dpd-storytelling--public .dpd-launch-video-cta__panel { min-height: 500px !important; }
body.dpd-storytelling--public .dpd-launch-video-cta__media { position: relative !important; }
body.dpd-storytelling--public .dpd-launch-video-cta__media::after { background: linear-gradient(90deg, rgba(12, 18, 20, 0.5), rgba(12, 18, 20, 0)), linear-gradient(180deg, rgba(255, 242, 0, 0.08), rgba(255, 242, 0, 0)) !important; content: '' !important; inset: 0 !important; pointer-events: none !important; position: absolute !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero-grid { align-items: center !important; gap: 42px !important; grid-template-columns: minmax(0, 1fr) minmax(380px, 0.8fr) !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero-copy { max-width: 640px !important; min-width: 0 !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero-copy h1 { font-size: 78px !important; letter-spacing: 0.08em !important; line-height: 1.02 !important; max-width: 100% !important; overflow-wrap: normal !important; text-wrap: balance !important; word-break: normal !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-lead { max-width: 58ch !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-command-strip { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.dpd-storytelling--public { background: #071012 url(images2/dealer-benefits-sec-in-bg.webp) repeat 0 0 !important; overflow-x: clip !important; }
body.dpd-storytelling--public .dpd-public-home-shell { background: #071012 !important; overflow-x: clip !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero { background: linear-gradient(92deg, rgba(7, 12, 14, 0.94) 0%, rgba(7, 12, 14, 0.72) 46%, rgba(7, 12, 14, 0.86) 100%), url(images2/banner-bg.webp) center/cover no-repeat !important; min-height: 720px !important; position: relative !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-stats, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-platform { background: linear-gradient(180deg, rgba(7, 12, 14, 0.9), rgba(7, 12, 14, 0.82)), url(images2/dealer-benefits-sec-in-bg.webp) center/cover no-repeat !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-portal-tabs { background: linear-gradient(115deg, rgba(7, 12, 14, 0.94), rgba(11, 18, 20, 0.86)), url(images2/testimonial-bg2.webp) center/cover no-repeat !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-testimonials { background: linear-gradient(105deg, rgba(7, 12, 14, 0.9), rgba(7, 12, 14, 0.7)), url(images2/testimonial-bg.webp) center/cover no-repeat !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-video-cta { background: linear-gradient(90deg, rgba(7, 12, 14, 0.9), rgba(7, 12, 14, 0.58)), url(images2/video-bg.webp) center/cover no-repeat !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-section-heading { max-width: 760px !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-grid { align-items: start !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card { background: rgba(15, 22, 25, 0.82) !important; backdrop-filter: blur(8px) !important; min-height: 220px !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card:nth-child(2) { margin-top: 2px !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card:nth-child(4) { margin-top: 24px !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card:nth-child(5) { margin-top: -10px !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card:nth-child(6) { margin-top: 44px !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card:nth-child(7) { margin-top: 92px !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card:nth-child(8) { margin-top: 30px !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-portal-panel[open] { box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34), inset 0 0 0 1px rgba(255, 242, 0, 0.14) !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-testimonial-card--dealer { background: rgba(9, 14, 16, 0.74) !important; backdrop-filter: blur(10px) !important; }
body.dpd-storytelling--public .dpd-launch-testimonial-card__image { height: 300px !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-video-cta__panel { min-height: 640px !important; }
@media (min-width: 900px) {
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-portal-panel[open] { grid-column: span 2 !important; }
body.dpd-storytelling--public .dpd-launch-selling-tools__grid > .dpd-launch-selling-tool:first-child { grid-column: span 2 !important; grid-template-columns: minmax(320px, 0.88fr) minmax(0, 1fr) !important; }
}
@media (max-width: 1100px) {
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero-copy h1 { font-size: 64px !important; }
}
@media (max-width: 960px) {
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero-grid { align-items: start !important; gap: 30px !important; grid-template-columns: 1fr !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero-copy { max-width: 760px !important; }
}
@media (max-width: 760px) {
body.dpd-storytelling--public, body.dpd-storytelling--public .dpd-public-home-shell, body.dpd-storytelling--public .dpd-launch-main, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-chapters, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-main > section { max-width: 100% !important; overflow-x: hidden !important; width: 100% !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-shell, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-chapters .dpd-launch-shell, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-main > section > .dpd-launch-shell { box-sizing: border-box !important; max-width: calc(100vw - 32px) !important; min-width: 0 !important; width: calc(100vw - 32px) !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero { background: linear-gradient(180deg, rgba(7, 12, 14, 0.9), rgba(7, 12, 14, 0.76)), url(images2/home-mobile-bg.webp) top center/cover no-repeat !important; min-height: 620px !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-chapters__inner { display: grid !important; gap: 8px !important; grid-template-columns: 1fr 1fr !important; max-width: 100% !important; overflow: visible !important; width: 100% !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-chapters__link { box-sizing: border-box !important; justify-content: center !important; min-width: 0 !important; padding: 10px 8px !important; width: 100% !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-command-strip, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-grid, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-portal-tabs__grid, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-selling-tools__grid, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-proof-grid, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-testimonial-grid, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-racing-proof__stats { display: grid !important; grid-template-columns: 1fr !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card:nth-child(n), body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-portal-panel[open], body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-selling-tools__grid > .dpd-launch-selling-tool:first-child, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-cta-panel, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-video-cta__panel, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-racing-proof__panel { grid-column: auto !important; margin-top: 0 !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-command-strip__card, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-selling-tool, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-testimonial-card, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-segment-card, body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-story { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-btn { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; white-space: normal !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero-visual { max-width: 100% !important; min-width: 0 !important; width: 100% !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero-copy h1 { font-size: 42px !important; letter-spacing: 0.06em !important; line-height: 1.08 !important; overflow-wrap: anywhere !important; text-wrap: wrap !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel summary { min-height: 86px !important; padding: 18px !important; }
body.dpd-storytelling--public .dpd-launch-portal-panel summary::after { font-size: 24px !important; }
body.dpd-storytelling--public .dpd-launch-video-cta__panel { min-height: 0 !important; }
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-video-cta__panel { min-height: 0 !important; }
body.dpd-storytelling--public .dpd-launch-testimonial-card__image { height: 220px !important; }
}
@keyframes dpdPortalPanelIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 480px) {
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-btn { font-size: 11px !important; letter-spacing: 0.18em !important; line-height: 1.15 !important; min-height: 56px !important; padding-inline: 20px !important; text-align: center !important; white-space: nowrap !important; }
}

/* DPD public home image and radius polish - 2026-06-26 */
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero {
  background-image:
    linear-gradient(92deg, rgba(5, 10, 12, .98) 0%, rgba(5, 10, 12, .88) 38%, rgba(5, 10, 12, .5) 68%, rgba(5, 10, 12, .78) 100%),
    radial-gradient(circle at 68% 42%, rgba(255, 242, 0, .1), transparent 42%),
    url(images2/banner-bg.webp) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  min-height: clamp(660px, 82vh, 780px) !important;
}

body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-racing-proof__panel {
  background:
    linear-gradient(100deg, rgba(7, 10, 12, .98) 0%, rgba(7, 10, 12, .84) 34%, rgba(7, 10, 12, .7) 58%, rgba(7, 10, 12, .92) 100%),
    url(images2/winning-sec-bg2.webp) left center / cover no-repeat !important;
  gap: clamp(22px, 3vw, 38px) !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) !important;
  min-height: clamp(560px, 56vw, 720px) !important;
  padding: clamp(34px, 5vw, 64px) !important;
}

body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero-card,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-portal-panel,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-selling-tool,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-story-media,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-video-cta__panel,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-proof-card,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-racing-proof__panel {
  border-radius: 8px !important;
}

body.home .winning-sec,
body.page-template-template-home .winning-sec,
body.page-template-templates-frontend-template-home .winning-sec {
  background-position: center 40% !important;
  background-size: cover !important;
}

@media (max-width: 780px) {
  body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero {
    background-position: 56% 42% !important;
    min-height: 620px !important;
  }

  body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-racing-proof__panel {
    background-position: 0 0, left center !important;
    background-size: auto, cover !important;
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
}