.dmlp-onboard-page {
    --ob-blue: #00c8ff;
    --ob-purple: #8a2cff;
    --ob-violet: #542eff;
    background: radial-gradient(circle at 12% 6%, rgba(111, 34, 255, .2), transparent 32rem), radial-gradient(circle at 90% 12%, rgba(0, 200, 255, .14), transparent 34rem), #03050b;
}

.dmlp-onboard-header { position: relative; z-index: 30; }
.dmlp-onboard-header nav a:hover, .dmlp-onboard-page .dmlp-section-label { color: var(--ob-blue); }
.dmlp-onboard-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr); align-items: center; gap: 58px; width: min(calc(100% - 40px), var(--dmlp-max)); min-height: 750px; margin: 0 auto; padding: 72px 0 90px; }
.dmlp-onboard-grid { position: absolute; inset: 0; opacity: .28; pointer-events: none; background-image: linear-gradient(rgba(0, 200, 255, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(138, 44, 255, .06) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000 5%, transparent 92%); }
.dmlp-onboard-glow { position: absolute; width: 370px; height: 370px; border-radius: 50%; filter: blur(110px); pointer-events: none; }
.dmlp-onboard-glow-one { top: 20%; left: -22%; background: rgba(138, 44, 255, .3); }
.dmlp-onboard-glow-two { right: -20%; bottom: 6%; background: rgba(0, 200, 255, .22); }
.dmlp-onboard-hero-copy, .dmlp-onboard-visual { position: relative; z-index: 2; }
.dmlp-onboard-hero h1 { max-width: 720px; margin-bottom: 16px; font-size: clamp(43px, 5.4vw, 72px); line-height: 1.01; letter-spacing: -.05em; }
.dmlp-onboard-highlight { max-width: 720px; margin-bottom: 18px; background: linear-gradient(90deg, #bc4cff, #6b5cff 46%, var(--ob-blue)); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: clamp(22px, 2.3vw, 31px); font-weight: 900; line-height: 1.22; }
.dmlp-onboard-hero .dmlp-lead { max-width: 690px; color: #cbc8d6; font-size: 18px; line-height: 1.72; }
.dmlp-onboard-cta { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 62px; max-width: 620px; padding: 16px 25px; border: 1px solid rgba(255,255,255,.28); border-radius: 15px; background: linear-gradient(105deg, var(--ob-purple), var(--ob-violet) 45%, #087cc8); box-shadow: 0 16px 45px rgba(104,45,255,.34); color: #fff !important; font-size: 14px; font-weight: 900; letter-spacing: .025em; line-height: 1.25; text-align: center; transition: transform .2s ease, box-shadow .2s ease; }
.dmlp-onboard-cta:hover { transform: translateY(-2px); box-shadow: 0 20px 54px rgba(77,102,255,.42); }
.dmlp-onboard-cta svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.dmlp-onboard-proof { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; }
.dmlp-onboard-proof li { display: inline-flex; align-items: center; gap: 8px; color: #ebe9f0; font-size: 13px; font-weight: 750; }
.dmlp-onboard-proof i { display: grid; width: 21px; height: 21px; place-items: center; border: 1px solid rgba(0,200,255,.45); border-radius: 50%; color: var(--ob-blue); font-style: normal; }
.dmlp-onboard-visual { display: grid; min-height: 590px; place-items: center; }
.dmlp-onboard-visual-halo { position: absolute; width: 500px; height: 500px; border: 1px solid rgba(0,200,255,.27); border-radius: 50%; background: radial-gradient(circle, rgba(36,25,91,.18) 20%, rgba(0,200,255,.08) 55%, transparent 70%); box-shadow: 0 0 76px rgba(0,200,255,.15), inset 0 0 58px rgba(138,44,255,.12); }
.dmlp-onboard-visual img { position: relative; z-index: 2; display: block; width: min(100%, 530px); border: 1px solid rgba(255,255,255,.15); border-radius: 30px; box-shadow: 0 35px 75px rgba(0,0,0,.55); transform: rotate(1deg); }
.dmlp-onboard-visual-badge { position: absolute; z-index: 3; right: -6px; bottom: 56px; display: flex; align-items: center; gap: 12px; max-width: 250px; padding: 13px 16px; border: 1px solid rgba(0,200,255,.35); border-radius: 16px; background: rgba(7,10,22,.92); box-shadow: 0 18px 45px rgba(0,0,0,.36); backdrop-filter: blur(12px); }
.dmlp-onboard-visual-badge b { display: grid; width: 45px; height: 45px; flex: 0 0 auto; place-items: center; border-radius: 12px; background: linear-gradient(145deg, var(--ob-purple), #096fba); font-size: 16px; }
.dmlp-onboard-visual-badge span { color: #e4e2ea; font-size: 12px; font-weight: 750; line-height: 1.35; }
.dmlp-onboard-trust { display: grid; grid-template-columns: repeat(4, 1fr); width: min(calc(100% - 40px), var(--dmlp-max)); margin: -14px auto 0; border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: linear-gradient(135deg, rgba(16,14,32,.97), rgba(6,17,31,.97)); box-shadow: 0 24px 65px rgba(0,0,0,.34); }
.dmlp-onboard-trust > div { display: flex; min-height: 116px; align-items: center; justify-content: center; gap: 13px; padding: 22px; border-right: 1px solid rgba(255,255,255,.08); }
.dmlp-onboard-trust > div:last-child { border-right: 0; }
.dmlp-onboard-trust b { color: var(--ob-blue); font-size: 26px; }
.dmlp-onboard-trust span { max-width: 150px; color: #cbc7d4; font-size: 13px; font-weight: 750; line-height: 1.35; }
.dmlp-onboard-section { width: min(calc(100% - 40px), var(--dmlp-max)); margin: 0 auto; padding: 112px 0; }
.dmlp-onboard-heading { max-width: 780px; margin: 0 auto 48px; }
.dmlp-onboard-problem .dmlp-onboard-heading, .dmlp-onboard-limits .dmlp-onboard-heading { margin-left: 0; }
.dmlp-onboard-heading-centered { text-align: center; }
.dmlp-onboard-heading h2, .dmlp-onboard-help h2, .dmlp-onboard-prep h2, .dmlp-onboard-included h2, .dmlp-onboard-security h2, .dmlp-onboard-audience h2, .dmlp-onboard-author h2, .dmlp-onboard-faq h2 { margin-bottom: 16px; font-size: clamp(31px, 4vw, 49px); line-height: 1.08; letter-spacing: -.035em; }
.dmlp-onboard-heading p, .dmlp-onboard-help > div > p, .dmlp-onboard-prep-copy > p, .dmlp-onboard-audience > div > p { color: #bcb8c7; font-size: 17px; line-height: 1.7; }
.dmlp-onboard-card-grid, .dmlp-onboard-benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.dmlp-onboard-card-grid article, .dmlp-onboard-benefit-grid article, .dmlp-onboard-limit-grid article { padding: 30px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: linear-gradient(145deg, rgba(17,17,34,.96), rgba(7,12,24,.96)); }
.dmlp-onboard-card-grid article > span { display: block; margin-bottom: 27px; color: var(--ob-blue); font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.dmlp-onboard-card-grid h3, .dmlp-onboard-benefit-grid h3, .dmlp-onboard-limit-grid h3 { margin-bottom: 10px; font-size: 21px; line-height: 1.25; }
.dmlp-onboard-card-grid p, .dmlp-onboard-benefit-grid p, .dmlp-onboard-limit-grid p { margin: 0; color: #b8b4c4; font-size: 14px; line-height: 1.7; }
.dmlp-onboard-benefit-grid article { text-align: center; }
.dmlp-onboard-benefit-grid article > div { display: grid; width: 48px; height: 48px; margin: 0 auto 21px; place-items: center; border-radius: 15px; background: linear-gradient(145deg, rgba(138,44,255,.24), rgba(0,200,255,.16)); color: var(--ob-blue); font-size: 20px; }
.dmlp-onboard-help, .dmlp-onboard-prep, .dmlp-onboard-included, .dmlp-onboard-audience, .dmlp-onboard-author { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; width: min(calc(100% - 40px), var(--dmlp-max)); margin: 0 auto; padding: 100px 0; align-items: center; }
.dmlp-onboard-help { border-top: 1px solid rgba(255,255,255,.08); }
.dmlp-onboard-help ul, .dmlp-onboard-included ul, .dmlp-onboard-audience ul, .dmlp-onboard-checklist ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.dmlp-onboard-help li, .dmlp-onboard-included li, .dmlp-onboard-audience li, .dmlp-onboard-checklist li { display: flex; align-items: flex-start; gap: 12px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.09); border-radius: 15px; background: rgba(255,255,255,.035); color: #e9e7ed; }
.dmlp-onboard-help li i, .dmlp-onboard-included li i, .dmlp-onboard-audience li i, .dmlp-onboard-checklist li i { color: var(--ob-blue); font-style: normal; font-weight: 900; }
.dmlp-onboard-process { padding: 108px max(20px, calc((100% - var(--dmlp-max)) / 2)); background: linear-gradient(145deg, rgba(51,19,97,.38), rgba(4,27,46,.55)); border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.dmlp-onboard-process ol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: var(--dmlp-max); margin: 0 auto; padding: 0; list-style: none; }
.dmlp-onboard-process li { min-height: 270px; padding: 26px; border: 1px solid rgba(255,255,255,.11); border-radius: 22px; background: rgba(5,7,16,.72); }
.dmlp-onboard-process li > b { display: block; margin-bottom: 42px; color: var(--ob-blue); font-size: 29px; }
.dmlp-onboard-process h3 { margin-bottom: 11px; font-size: 20px; }
.dmlp-onboard-process p { margin: 0; color: #bbb7c5; font-size: 14px; line-height: 1.65; }
.dmlp-onboard-prep { grid-template-columns: 1fr 1fr; }
.dmlp-onboard-device-note { display: flex; flex-direction: column; gap: 8px; margin-top: 27px; padding: 20px; border-left: 3px solid var(--ob-blue); border-radius: 0 15px 15px 0; background: rgba(0,200,255,.07); }
.dmlp-onboard-device-note span { color: #c1bdca; font-size: 14px; line-height: 1.65; }
.dmlp-onboard-checklist { padding: 32px; border: 1px solid rgba(0,200,255,.22); border-radius: 24px; background: linear-gradient(145deg, rgba(19,18,40,.95), rgba(6,16,28,.95)); box-shadow: 0 28px 70px rgba(0,0,0,.28); }
.dmlp-onboard-checklist h3 { margin-bottom: 22px; font-size: 24px; }
.dmlp-onboard-security { display: grid; grid-template-columns: 110px 1fr; gap: 34px; align-items: center; width: min(calc(100% - 40px), var(--dmlp-max)); margin: 12px auto 0; padding: 42px; border: 1px solid rgba(112,85,255,.3); border-radius: 25px; background: linear-gradient(120deg, rgba(75,27,143,.38), rgba(3,29,47,.66)); }
.dmlp-onboard-security-icon { display: grid; width: 86px; height: 86px; place-items: center; border: 2px solid rgba(0,200,255,.5); border-radius: 50%; color: var(--ob-blue); box-shadow: inset 0 0 25px rgba(0,200,255,.13), 0 0 35px rgba(0,200,255,.12); }
.dmlp-onboard-security h2 { font-size: clamp(27px, 3.4vw, 40px); }
.dmlp-onboard-security p { margin: 0; color: #cac6d1; line-height: 1.7; }
.dmlp-onboard-included { grid-template-columns: .8fr 1.2fr; }
.dmlp-onboard-included-image { position: relative; display: grid; place-items: center; }
.dmlp-onboard-included-image::before { content: ""; position: absolute; width: 80%; height: 80%; border-radius: 50%; background: linear-gradient(135deg, rgba(138,44,255,.3), rgba(0,200,255,.19)); filter: blur(65px); }
.dmlp-onboard-included-image img { position: relative; display: block; width: min(100%, 430px); border: 1px solid rgba(255,255,255,.14); border-radius: 25px; box-shadow: 0 30px 65px rgba(0,0,0,.43); transform: rotate(-2deg); }
.dmlp-onboard-limits { padding: 105px max(20px, calc((100% - var(--dmlp-max)) / 2)); background: #090b14; border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.dmlp-onboard-limit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; max-width: var(--dmlp-max); margin: 0 auto; }
.dmlp-onboard-limit-grid article { border-left: 3px solid rgba(0,200,255,.65); }
.dmlp-onboard-scope-note { max-width: var(--dmlp-max); margin: 22px auto 0; padding: 17px 19px; border-radius: 14px; background: rgba(255,255,255,.05); color: #bbb7c5; font-size: 13px; line-height: 1.65; }
.dmlp-onboard-scope-note strong { color: #fff; }
.dmlp-onboard-audience { grid-template-columns: 1fr 1fr; }
.dmlp-onboard-author { grid-template-columns: 140px 1fr; padding-top: 20px; }
.dmlp-onboard-author-mark { display: grid; width: 120px; height: 120px; place-items: center; border: 1px solid rgba(0,200,255,.38); border-radius: 31px; background: linear-gradient(145deg, var(--ob-purple), #075a9c); box-shadow: 0 22px 50px rgba(79,45,230,.25); font-size: 35px; font-weight: 900; }
.dmlp-onboard-author p { max-width: 790px; color: #bbb7c5; line-height: 1.75; }
.dmlp-onboard-author strong { color: var(--ob-blue); }
.dmlp-onboard-faq { max-width: 900px; text-align: center; }
.dmlp-onboard-faq .dmlp-faq-list { text-align: left; }
.dmlp-onboard-final { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: 65px; align-items: center; width: min(calc(100% - 40px), var(--dmlp-max)); margin: 30px auto 80px; padding: 70px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 31px; background: linear-gradient(135deg, #20103d, #071a2b); }
.dmlp-onboard-final > * { position: relative; z-index: 2; }
.dmlp-onboard-final-glow { position: absolute; right: -100px; bottom: -180px; width: 480px; height: 480px; border-radius: 50%; background: rgba(0,200,255,.18); filter: blur(90px); }
.dmlp-onboard-final h2 { margin-bottom: 15px; font-size: clamp(35px, 4.4vw, 55px); line-height: 1.05; letter-spacing: -.04em; }
.dmlp-onboard-final > div > p { max-width: 660px; color: #c9c5d1; font-size: 17px; line-height: 1.7; }
.dmlp-onboard-final > div > small { display: block; margin-top: 11px; color: #aba6b5; }
.dmlp-onboard-price { display: flex; align-items: baseline; gap: 14px; margin: 22px 0; }
.dmlp-onboard-price strong { font-size: 37px; }
.dmlp-onboard-price span { color: #bbb7c5; }
.dmlp-onboard-final-card { padding: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: rgba(4,6,13,.62); }
.dmlp-onboard-final-card > span { display: block; margin-bottom: 26px; color: var(--ob-blue); font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.dmlp-onboard-final-card strong { display: block; font-size: 24px; line-height: 1.3; }
.dmlp-onboard-final-card p { margin: 14px 0 0; color: #bbb7c5; font-size: 14px; }
.dmlp-onboard-footer { border-top-color: rgba(255,255,255,.09); }
.dmlp-onboard-mobile-buy .dmlp-onboard-cta { width: 100%; max-width: none; min-height: 52px; padding: 12px 15px; border-radius: 12px; font-size: 12px; }

@media (max-width: 960px) {
    .dmlp-onboard-hero { grid-template-columns: 1fr; padding-top: 55px; text-align: center; }
    .dmlp-onboard-hero-copy { display: flex; flex-direction: column; align-items: center; }
    .dmlp-onboard-visual { min-height: auto; }
    .dmlp-onboard-visual img { width: min(82vw, 520px); }
    .dmlp-onboard-visual-badge { right: 5%; bottom: 5%; }
    .dmlp-onboard-card-grid, .dmlp-onboard-benefit-grid { grid-template-columns: 1fr; }
    .dmlp-onboard-process ol { grid-template-columns: repeat(2, 1fr); }
    .dmlp-onboard-help, .dmlp-onboard-prep, .dmlp-onboard-included, .dmlp-onboard-audience { grid-template-columns: 1fr; gap: 40px; }
    .dmlp-onboard-final { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .dmlp-onboard-header nav { display: none; }
    .dmlp-onboard-hero { width: min(calc(100% - 28px), var(--dmlp-max)); min-height: auto; padding: 48px 0 66px; }
    .dmlp-onboard-hero h1 { font-size: clamp(39px, 12vw, 58px); }
    .dmlp-onboard-highlight { font-size: 21px; }
    .dmlp-onboard-hero .dmlp-lead { font-size: 16px; }
    .dmlp-onboard-visual-halo { width: 82vw; height: 82vw; }
    .dmlp-onboard-visual-badge { position: relative; right: auto; bottom: auto; margin-top: -18px; }
    .dmlp-onboard-trust { grid-template-columns: repeat(2, 1fr); width: min(calc(100% - 28px), var(--dmlp-max)); }
    .dmlp-onboard-trust > div { min-height: 96px; border-bottom: 1px solid rgba(255,255,255,.08); }
    .dmlp-onboard-trust > div:nth-child(2) { border-right: 0; }
    .dmlp-onboard-section, .dmlp-onboard-help, .dmlp-onboard-prep, .dmlp-onboard-included, .dmlp-onboard-audience, .dmlp-onboard-author { width: min(calc(100% - 28px), var(--dmlp-max)); padding: 78px 0; }
    .dmlp-onboard-process, .dmlp-onboard-limits { padding: 80px 14px; }
    .dmlp-onboard-process ol, .dmlp-onboard-limit-grid { grid-template-columns: 1fr; }
    .dmlp-onboard-process li { min-height: 225px; }
    .dmlp-onboard-security { grid-template-columns: 1fr; width: min(calc(100% - 28px), var(--dmlp-max)); padding: 28px; }
    .dmlp-onboard-author { grid-template-columns: 1fr; gap: 25px; }
    .dmlp-onboard-final { width: min(calc(100% - 28px), var(--dmlp-max)); margin-bottom: 100px; padding: 34px 24px; }
    .dmlp-onboard-cta { width: 100%; }
}

@media (prefers-reduced-motion: reduce) { .dmlp-onboard-cta { transition: none; } }