/* Scoped to the three landing pages. Fonts and type sizes come from Astra. */
body.drk-ad-landing { background: #fff; color: #323232; }
.drkl-page { --drkl-accent: #269fb7; --drkl-soft: #eef7f9; --drkl-border: #d5e7eb; }
.drkl-page * { box-sizing: border-box; }
.drkl-page figure, .drkl-page ul { margin: 0; }
.drkl-wrap { width: min(1180px, calc(100% - 80px)); margin: 0 auto; }
.drkl-page a { text-underline-offset: .25em; }
.drkl-page p { margin-top: 0; }
.drkl-page a:focus-visible, .drkl-page button:focus-visible, .drkl-page summary:focus-visible { outline: 3px solid #269fb7; outline-offset: 5px; }
.drkl-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 102px; }
.drkl-logo { display: block; flex-shrink: 0; line-height: 0; }
.drkl-logo img { width: 170px; height: 52px; object-fit: contain; }
.drkl-header nav { display: flex; gap: 28px; }
.drkl-header nav a { color: #323232; }
.drkl-header a { text-decoration: none; }
.drkl-header a:hover { color: #269fb7; }
.drkl-hero { background: linear-gradient(120deg, #edf7fa 0%, #f7faf9 55%, #fff6ec 100%); }
.drkl-hero-grid { display: grid; grid-template-columns: minmax(620px, 1.2fr) minmax(0, 1fr); gap: 56px; align-items: center; padding-top: 40px; padding-bottom: 40px; }
.drkl-eyebrow { color: #269fb7; margin-bottom: 16px; font-weight: 600; }
.drkl-page h1 { margin: 0 0 24px; }
.drkl-page h2 { margin-top: 0; margin-bottom: 24px; }
.drkl-page h3 { margin-top: 0; }
.drkl-lead { max-width: 570px; }
.drkl-inline-price { display: flex; align-items: center; gap: 22px; margin-bottom: 20px; }
.drkl-inline-price strong, .drkl-offer-price { font-family: Montserrat, sans-serif; font-size: 36px; line-height: 1.3; font-weight: 500; }
.drkl-inline-price span { line-height: 1.5; }
.drkl-inline-price strong span { line-height: inherit; }
.drkl-buy-form { margin: 0; }
.drkl-page .drkl-buy-button { display: inline-flex; justify-content: center; align-items: center; min-height: 56px; padding: 18px 28px; max-width: 100%; white-space: normal; }
.drkl-hero-purchase > .drkl-text-link { display: inline-block; margin-top: 20px; }
.drkl-text-link { color: #16798d; text-decoration: underline; }
.drkl-hero-image { padding: 12px; background: #ffffffad; border: 1px solid #fff; border-radius: 20px; box-shadow: 0 20px 55px #405e6814; }
.drkl-cover { display: block; width: 100%; height: auto; border-radius: 12px; }
.drkl-hero-image figcaption { padding: 15px 5px 3px; text-align: center; }
.drkl-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; list-style: none; border-top: 1px solid #cddfe4; padding: 24px 0 28px; }
.drkl-benefits li::before, .drkl-checklist li::before { content: "✓"; color: #269fb7; font-weight: 600; }
.drkl-benefits li::before { margin-right: 10px; }
.drkl-section { padding-top: 88px; padding-bottom: 88px; }
.drkl-situation, .drkl-faq-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 90px; }
.drkl-checklist { list-style: none; padding: 0; }
.drkl-checklist li { position: relative; padding-left: 28px; margin: 16px 0; }
.drkl-checklist li::before { position: absolute; left: 0; }
.drkl-soft { background: #f2f8f9; }
.drkl-inside-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 90px; }
.drkl-note { padding-left: 20px; border-left: 3px solid #269fb7; }
.drkl-tracks { list-style: none; padding: 0; }
.drkl-tracks > li { padding: 24px 0; border-bottom: 1px solid #cddfe4; }
.drkl-tracks > li:first-child { padding-top: 0; }
.drkl-tracks > li:last-child { border-bottom: 0; padding-bottom: 0; }
.drkl-track-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.drkl-track-heading h3 { margin-bottom: 12px; }
.drkl-track-heading h3::before { content: "✓ "; color: #269fb7; }
.drkl-duration { flex-shrink: 0; white-space: nowrap; color: #16798d; font-weight: 600; padding-top: 4px; }
.drkl-tracks p { margin-bottom: 0; }
.drkl-intro-track { color: #526569; }
.drkl-centered { max-width: 780px; margin: 0 auto 42px; text-align: center; }
.drkl-route { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.drkl-route > div { border-top: 2px solid #b9dce3; padding-top: 24px; }
.drkl-route h3 span { color: #269fb7; }
.drkl-route p { margin-bottom: 0; }
.drkl-author { background: #fff9f2; }
.drkl-author-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 80px; }
.drkl-author figure { overflow: hidden; border-radius: 16px; }
.drkl-author img { display: block; width: 100%; height: auto; }
.drkl-faq details { border-bottom: 1px solid #d5e7eb; }
.drkl-faq details:first-child { border-top: 1px solid #d5e7eb; }
.drkl-faq summary { position: relative; list-style: none; cursor: pointer; font-weight: 600; padding: 24px 40px 24px 0; }
.drkl-faq summary::-webkit-details-marker { display: none; }
.drkl-faq summary::after { content: "+"; position: absolute; right: 4px; top: 22px; color: #269fb7; font-size: 24px; line-height: 1.3; }
.drkl-faq details[open] summary::after { content: "−"; }
.drkl-faq details > div { padding-right: 25px; }
.drkl-purchase-section { background: #e9f5f7; }
.drkl-purchase-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 80px; align-items: center; }
.drkl-offer { padding: 32px; border-radius: 16px; background: #fff; border: 1px solid #d1e5e9; }
.drkl-offer-name { font-weight: 600; }
.drkl-offer-price { margin-bottom: 14px; }
.drkl-price-comparison { color: #526569; }
.drkl-offer .drkl-buy-button { width: 100%; }
.drkl-offer-note { margin: 20px 0; }
.drkl-important { padding-top: 36px; padding-bottom: 36px; color: #526569; }
.drkl-important p:last-child { margin-bottom: 0; }
.drkl-footer { padding: 42px 0; background: #323232; color: #fff; }
.drkl-footer .drkl-wrap { display: flex; flex-wrap: wrap; gap: 22px 40px; align-items: center; }
.drkl-footer nav { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.drkl-footer a { color: #fff; }
.drkl-footer p { margin-bottom: 0; }
.drkl-mobile-buy { display: none; }
.drkl-page section[id] { scroll-margin-top: 30px; }
@media (max-width: 1199px) {
  .drkl-hero-grid { grid-template-columns: 1fr; }
  .drkl-page .drkl-hero-image { width: min(440px, 100%); margin: 0 auto; }
}
@media (max-width: 1050px) {
  .drkl-wrap { width: calc(100% - 48px); }
  .drkl-header { gap: 16px; }
  .drkl-header nav { gap: 18px; }
  .drkl-hero-grid { gap: 30px; }
  .drkl-situation, .drkl-inside-grid, .drkl-author-grid, .drkl-faq-grid, .drkl-purchase-grid { gap: 44px; }
}
@media (max-width: 720px) {
  .drkl-wrap { width: calc(100% - 40px); }
  .drkl-header { min-height: 84px; }
  .drkl-header nav { display: none; }
  .drkl-logo img { width: 138px; height: 44px; }
  .drkl-header .drkl-account { text-align: right; max-width: 135px; }
  .drkl-hero-grid { grid-template-columns: 1fr; gap: 36px; padding-top: 34px; padding-bottom: 30px; }
  .drkl-hero-image { max-width: 440px; margin: 0 auto; }
  .drkl-hero-purchase .drkl-buy-button { width: 100%; }
  .drkl-hero-purchase .drkl-buy-form { width: 100%; }
  .drkl-hero h1 { overflow-wrap: anywhere; }
  .drkl-inline-price { gap: 20px; }
  .drkl-inline-price strong, .drkl-offer-price { font-size: 30px; }
  .drkl-benefits { grid-template-columns: 1fr; gap: 12px; padding: 22px 0 26px; }
  .drkl-section { padding-top: 52px; padding-bottom: 52px; }
  .drkl-situation, .drkl-inside-grid, .drkl-author-grid, .drkl-faq-grid, .drkl-purchase-grid { grid-template-columns: 1fr; gap: 28px; }
  .drkl-route { grid-template-columns: 1fr; gap: 24px; }
  .drkl-centered { text-align: left; margin-bottom: 28px; }
  .drkl-offer { padding: 24px; }
  .drkl-track-heading { gap: 12px; }
  .drkl-track-heading h3 { overflow-wrap: anywhere; }
  .drkl-footer { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
  .drkl-footer .drkl-wrap { display: block; }
  .drkl-footer .drkl-logo, .drkl-footer p, .drkl-footer nav { margin-bottom: 20px; }
  .drkl-mobile-buy:not([hidden]) { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 20px calc(12px + env(safe-area-inset-bottom)); background: #fffffff5; border-top: 1px solid #d5e7eb; box-shadow: 0 -4px 20px #3232320d; }
  .drkl-mobile-buy > div { flex-shrink: 0; }
  .drkl-mobile-buy > div > span { display: block; }
  .drkl-mobile-buy .drkl-buy-button { padding: 12px 16px; min-height: 48px; }
}
@media (prefers-reduced-motion: no-preference) { html:has(body.drk-ad-landing) { scroll-behavior: smooth; } }

/* S11: excerpts keep the selected program in the player. */
.drkl-demo { margin: 24px 0; max-width: 570px; }
.drkl-page .drkl-demo-link { display: flex; align-items: center; justify-content: center; gap: 12px; width: fit-content; max-width: 100%; min-height: 52px; padding: 14px 22px; color: #145e70; background: #fff; border: 1px solid #73abb7; border-radius: 8px; font-weight: 600; text-decoration: none; line-height: 1.5; }
.drkl-page .drkl-demo-link:hover { background: #e7f3f6; }
.drkl-demo p { margin: 12px 0 0; color: #526569; font-size: 15px; line-height: 1.6; }
.drkl-track-actions { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 14px; }
.drkl-track-actions a { color: #16798d; padding: 8px 0; font-size: 15px; }
@media (max-width: 720px) { .drkl-page .drkl-demo-link { width: 100%; } .drkl-track-actions { flex-direction: column; gap: 0; } }