/* Journeyman Digital. Editorial design revision, September 2026. */
:root { --bg-0:#13141F; --bg-1:#1A1C2C; --bg-2:#22253A; --bg-3:#2A2E47; --accent:#5161FF; --accent-dim:rgba(81,97,255,.13); --orange:#FF5828; --cta:#FF5828; --cta-hover:#E64D20; --green:#22C55E; --purple:#A78BFA; --text-1:#EDEAF5; --text-2:#A0A5BE; --text-3:#6D7290; --border:rgba(255,255,255,.07); --border-md:rgba(255,255,255,.12); --r:12px; --r-lg:20px; --max:1100px; }
html { scroll-padding-top:100px; }
body.jd-page { font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif; background:var(--bg-0); color:var(--text-1); -webkit-font-smoothing:antialiased; }
.jd-page * { box-sizing:border-box; }
.jd-page .wrap { max-width:1100px; padding-inline:28px; }
.jd-page h1,.jd-page h2,.jd-page h3 { text-wrap:balance; }
.jd-page p { text-wrap:pretty; }
.jd-page .hero-dot,.jd-page .hero-tag-dot,.jd-page .popup-eyebrow-dot,.jd-page .header-dot { display:none!important; animation:none!important; }
.jd-page .hero-glow-a,.jd-page .hero-glow-b,.jd-page .hero-glow-c,.jd-page #hero::before { display:none!important; }
.jd-page .fade,.jd-page .fade-in { opacity:1; transform:none; }
.jd-page nav { background:rgba(19,20,31,.96); border-bottom:1px solid var(--border); backdrop-filter:blur(20px); }
.jd-page .nav-in { height:82px; }
.jd-page .logo { font-size:21px; letter-spacing:-.055em; }
.jd-page .nav-links { gap:32px; }
.jd-page .nav-links a { font-size:13px; font-weight:500; }
.jd-page .nav-actions { gap:10px; }
.jd-page .nav-actions .btn { font-size:12px; padding:10px 17px; }
.jd-page .nav-actions .btn-telegram { background:transparent; border:1px solid var(--border-md); color:var(--text-2); }
.jd-page .mobile-nav { top:82px; }
.jd-page .btn { min-height:45px; border-radius:7px; font-size:14px; font-weight:600; letter-spacing:-.015em; box-shadow:none; transition:background .18s,transform .18s; }
.jd-page .btn:hover { transform:translateY(-1px); }
.jd-page .btn:active { transform:none; }
.jd-page .label,.jd-page .section-label { color:var(--purple); font-size:11px; letter-spacing:.14em; font-weight:500; }
.jd-page .label:before,.jd-page .section-label:before { height:1px; width:26px; background:var(--purple); opacity:.6; }
.jd-page .section-h { font-size:clamp(32px,4vw,45px); font-weight:650; line-height:1.16; letter-spacing:-.045em; }
.jd-page .section-p { font-size:16px; line-height:1.85; }
.jd-page input:not([type=checkbox]):not([type=radio]),.jd-page textarea,.jd-page select { min-width:0; color:var(--text-1); border-color:var(--border-md); border-radius:7px; }
.jd-page input::placeholder,.jd-page textarea::placeholder { color:var(--text-2); }
.jd-page a:focus-visible,.jd-page button:focus-visible,.jd-page input:focus-visible,.jd-page textarea:focus-visible,.jd-page select:focus-visible { outline:2px solid var(--purple); outline-offset:4px; }
.jd-page .jd-icon { width:25px; height:25px; stroke:currentColor; fill:none; stroke-width:1.4; }
.jd-page .jd-preview-message { font-size:13px; color:var(--purple); flex-basis:100%; margin-top:10px; }
.jd-page form:has(.jd-preview-message) { flex-wrap:wrap; }
.jd-page .footer-links a,.jd-page .footer-copy,.jd-page .nl-note,.jd-page .popup-note { color:var(--text-2); }
.jd-page .footer-logo,.jd-page .footer-brand { font-size:19px; letter-spacing:-.05em; }
.jd-page .footer-links { gap:24px; }
.jd-page .footer-links a,.jd-page .footer-copy { font-size:12px; }
.jd-page footer { padding:35px 0; }
.jd-page .faq-item.open .faq-body { max-height:none; }

/* A clear typographic opening: the original message leads. */
.jd-index #hero { padding:158px 0 0; text-align:center; overflow:hidden; background:radial-gradient(ellipse 75% 65% at 50% 0%,rgba(81,97,255,.075),transparent); }
.jd-index #hero>.wrap { display:block; position:relative; }
.jd-index .hero-tag { display:inline-flex; margin:0 0 29px; padding:0; border:0; background:none; border-radius:0; color:var(--text-2); text-transform:uppercase; font-size:10px; letter-spacing:.17em; gap:0; }
.jd-index .hero-h { max-width:100%; font-size:clamp(41px,6.9vw,81px); line-height:1.055; letter-spacing:-.06em; font-weight:650; margin:0 auto 26px; }
.jd-index .hero-h span { display:block; }
.jd-index .hero-h .g { margin-top:12px; font-size:.72em; line-height:1.13; font-weight:500; letter-spacing:-.04em; background:linear-gradient(100deg,#7B83FF 15%,var(--purple) 85%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.jd-index .hero-sub { max-width:660px; font-size:16px; line-height:1.9; margin:0 auto 30px; color:var(--text-2); }
.jd-index .hero-form { max-width:535px; display:flex; gap:6px; margin:0 auto 17px; padding:5px; border:1px solid var(--border-md); border-radius:10px; background:var(--bg-1); box-shadow:0 9px 25px rgba(0,0,0,.08); }
.jd-index .hero-form input[type=email] { background:transparent; border:0; border-radius:5px; box-shadow:none; padding:12px 15px; font-size:14px; width:100%; }
.jd-index .hero-form input:focus { outline-offset:0; }
.jd-index .hero-form .btn { background:var(--cta); font-size:13px; padding:13px 21px; border-radius:6px; flex-shrink:0; }
.jd-index .hero-form .btn:hover { background:var(--cta-hover); }
.jd-index .hero-tg-link { color:var(--text-2); font-size:12px; margin:0; gap:7px; }
.jd-index .hero-tg-link svg { color:#2AABEE; width:13px; }
.jd-index #heroSuccess { justify-content:center; }
.jd-index .hero-proof { text-align:left; display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:64px; padding:28px 0 31px; border-top:1px solid var(--border-md); }
.jd-index .proof-stat { padding-left:28px; gap:8px; border-left:1px solid var(--border-md); }
.jd-index .proof-stat:first-child { padding-left:0; border-left:0; }
.jd-index .proof-num { font-size:25px; font-weight:600; line-height:1.1; letter-spacing:-.04em; }
.jd-index .proof-lbl { font-size:11px; line-height:1.5; color:var(--text-2); }

/* The same four subjects, laid out as an editorial index. */
.jd-index #topics { background:var(--bg-1); padding:85px 0 83px; }
.jd-index .topics-head { display:grid; grid-template-columns:1.1fr 1fr; column-gap:80px; max-width:none; margin-bottom:42px; align-items:end; }
.jd-index .topics-head>.label { grid-column:1/-1; margin-bottom:17px; }
.jd-index .topics-head>.section-h { margin:0; max-width:490px; }
.jd-index .topics-head>.section-p { font-size:15px; margin-bottom:3px; }
.jd-index .topics-grid { grid-template-columns:1fr 1fr; gap:0 52px; border-top:1px solid var(--border-md); }
.jd-index .topic-card { display:grid; grid-template-columns:40px 1fr; column-gap:20px; padding:31px 0 34px; border:0; border-bottom:1px solid var(--border-md); border-radius:0; background:none; overflow:visible; }
.jd-index .topic-card:before { display:none; }
.jd-index .topic-card:hover { transform:none; }
.jd-index .topic-ico { grid-column:1; grid-row:1/4; margin:5px 0 0; padding:0; width:40px; height:40px; display:flex; justify-content:center; align-items:center; border-radius:10px; }
.jd-index .t-blue .topic-ico { color:#7B91FF; background:rgba(81,97,255,.09); }
.jd-index .t-orange .topic-ico { color:#FF7A50; background:rgba(255,88,40,.06); }
.jd-index .t-green .topic-ico { color:#4ADE80; background:rgba(34,197,94,.06); }
.jd-index .t-purple .topic-ico { color:#C4AFFF; background:rgba(167,139,250,.08); }
.jd-index .topic-tag { grid-column:2; display:block; padding:0; border:0; border-radius:0; background:none; font-size:10px; font-weight:500; letter-spacing:.11em; margin:0 0 7px; }
.jd-index .topic-card h3 { grid-column:2; font-size:23px; font-weight:600; letter-spacing:-.035em; margin-bottom:12px; }
.jd-index .topic-card p { grid-column:2; font-size:14px; line-height:1.85; }

/* Featured writing: generous images and quiet article metadata. */
.jd-index #writing { padding:87px 0; background:var(--bg-0); }
.jd-index .writing-head { margin-bottom:36px; }
.jd-index .writing-head .label { margin-bottom:14px; }
.jd-index .writing-all { color:var(--purple); font-size:12px; font-weight:500; }
.jd-page .blog-card { background:transparent; border:0; border-bottom:1px solid var(--border-md); border-radius:0; overflow:visible; }
.jd-page .blog-card:hover { transform:none; }
.jd-page .blog-card-img,.jd-page .card-img { overflow:hidden; border-radius:10px; }
.jd-page .blog-card-body,.jd-page .card-body { padding:22px 0 25px; gap:13px; }
.jd-page .blog-card-title,.jd-page .card-title { font-size:24px; line-height:1.3; font-weight:600; letter-spacing:-.035em; }
.jd-page .blog-card-excerpt,.jd-page .card-excerpt { font-size:14px; line-height:1.8; }
.jd-page .blog-card-date,.jd-page .card-date { color:var(--text-2); font-size:11px; }
.jd-page .blog-card-tag,.jd-page .card-tag { border-radius:4px; padding:3px 7px; font-size:9px; font-weight:500; }
.jd-page .blog-card-read,.jd-page .card-read { font-size:12px; font-weight:500; color:var(--purple); margin-top:5px; }
.jd-index .blog-grid { grid-template-columns:1fr 1fr; gap:31px; }
.jd-index .blog-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:1.2fr 1fr; gap:34px; padding-bottom:31px; align-items:center; }
.jd-index .blog-card:first-child .blog-card-body { padding:0; }
.jd-index .blog-card:first-child .blog-card-title { font-size:29px; line-height:1.2; }

/* Original portrait belongs in the personal introduction. */
.jd-index #about { padding:93px 0; background:var(--bg-1); }
.jd-index .about-grid { grid-template-columns:.85fr 1.15fr; gap:85px; }
.jd-index .about-photo { aspect-ratio:4/4.8; border-radius:10px; border-color:var(--border-md); }
.jd-index .about-badge { position:static; background:transparent; padding:19px 0 0; margin:0; border:0; border-radius:0; gap:10px; }
.jd-index .about-badge .ab-ico { width:29px; height:29px; background:none; border:0; }
.jd-index .about-badge .jd-icon { width:19px; height:19px; color:var(--purple); }
.jd-index .ab-text { display:flex; align-items:center; gap:12px; }
.jd-index .ab-text strong { font-size:12px; font-weight:500; }
.jd-index .ab-text span { font-size:11px; color:var(--text-2); }
.jd-index .about-body .section-h { font-size:43px; max-width:390px; }
.jd-index .about-body .section-p { font-size:15px; line-height:1.9; }
.jd-index .about-actions { flex-direction:row; max-width:none; gap:10px; margin-top:27px; }
.jd-index .about-actions .btn { width:auto!important; font-size:12px; padding:11px 17px; }
.jd-index .about-actions .btn-telegram { background:transparent; color:var(--text-2); border:1px solid var(--border-md); }

/* A single focused newsletter invitation. */
.jd-index #newsletter { padding:75px 0; background:var(--bg-0); }
.jd-index .nl-card { padding:62px 50px; background:linear-gradient(130deg,var(--bg-1),rgba(81,97,255,.065)); border:1px solid var(--border-md); border-radius:12px; }
.jd-index .nl-glow { display:none; }
.jd-index .nl-card .section-h { max-width:640px; font-size:47px; margin-bottom:22px; }
.jd-index .nl-card .section-p { max-width:610px; font-size:15px; line-height:1.85; margin-bottom:29px; }
.jd-index .nl-form { max-width:480px; padding:5px; background:var(--bg-0); border:1px solid var(--border-md); border-radius:9px; gap:6px; }
.jd-index .nl-form input { background:transparent; border:0; font-size:14px; min-height:46px; }
.jd-index .nl-form .btn { background:var(--cta); font-size:13px; padding:12px 22px; border-radius:6px; }
.jd-index .nl-note { font-size:11px; }
.jd-index #faq { padding:78px 0 90px; background:var(--bg-0); }
.jd-index #faq>.wrap { display:grid; grid-template-columns:.85fr 1.3fr; gap:65px; }
.jd-index .faq-hd { text-align:left; margin:0; }
.jd-index .faq-list { width:100%; margin:0; max-width:none; gap:0; border-top:1px solid var(--border-md); }
.jd-index .faq-item { border:0; border-bottom:1px solid var(--border-md); background:transparent; border-radius:0; }
.jd-index .faq-q { font-size:15px; font-weight:500; padding:24px 0; }
.jd-index .faq-q:hover { background:none; color:var(--purple); }
.jd-index .faq-icon { color:var(--text-2); font-weight:400; }
.jd-index .faq-body-in { padding:0 30px 24px 0; font-size:14px; line-height:1.85; }
.jd-page .popup-box { border-radius:12px; padding:45px; box-shadow:0 25px 80px rgba(0,0,0,.35); border-color:var(--border-md); }
.jd-page .popup-glow { display:none; }
.jd-page .popup-h { font-size:30px; font-weight:650; line-height:1.15; }
.jd-page .popup-sub { font-size:14px; line-height:1.8; }
.jd-page .popup-eyebrow { color:var(--purple); font-weight:500; }
.jd-page .popup-close { width:36px; height:36px; top:10px; right:10px; }
.jd-page .popup-form input { min-height:48px; }
.jd-page .popup-form .btn { background:var(--cta); }

@media(max-width:1000px) {
 .jd-index .topics-head { column-gap:40px; }
 .jd-index .topics-grid { column-gap:32px; }
 .jd-index .about-grid { gap:45px; }
 .jd-index .about-actions { flex-direction:column; align-items:flex-start; }
 .jd-index .blog-card:first-child .blog-card-title { font-size:25px; }
}
@media(max-width:860px) {
 .jd-index #hero { padding-top:127px; }
 .jd-index .hero-h { font-size:clamp(43px,7.7vw,66px); }
 .jd-index .hero-h .g { font-size:.76em; }
 .jd-index .hero-sub { font-size:15px; max-width:610px; }
 .jd-index .hero-form { flex-direction:row; }
 .jd-index .hero-form .btn { width:auto; }
 .jd-index .hero-proof { margin-top:45px; grid-template-columns:repeat(4,1fr); gap:0; }
 .jd-index .proof-stat { padding-left:17px; }
 .jd-index .proof-num { font-size:22px; }
 .jd-index .proof-lbl { font-size:10px; }
 .jd-index .topics-head { display:block; margin-bottom:30px; }
 .jd-index .topics-head .section-h { max-width:570px; margin-bottom:22px; }
 .jd-index .topics-head .section-p { max-width:630px; }
 .jd-index .topic-card { grid-template-columns:28px 1fr; gap:0 15px; }
 .jd-index .topic-ico { width:28px; height:30px; background:none!important; }
 .jd-index .topic-card h3 { font-size:20px; }
 .jd-index .topic-card p { font-size:13px; }
 .jd-index #topics,.jd-index #writing,.jd-index #about,.jd-index #newsletter,.jd-index #faq { padding:60px 0; }
 .jd-index .blog-card:first-child { gap:25px; }
 .jd-index .blog-card:first-child .blog-card-title { font-size:23px; }
 .jd-index .blog-card:first-child .blog-card-excerpt { font-size:13px; }
 .jd-index .about-grid { grid-template-columns:.85fr 1.15fr; gap:30px; }
 .jd-index .about-body .section-h { font-size:34px; }
 .jd-index .about-body .section-p { font-size:14px; }
 .jd-index .ab-text { display:block; }
 .jd-index .nl-card { padding:43px 30px; }
 .jd-index .nl-card .section-h { font-size:39px; }
 .jd-index .nl-form { flex-direction:row; }
 .jd-index .nl-form .btn { width:auto; }
 .jd-index #faq>.wrap { grid-template-columns:1fr 1.6fr; gap:30px; }
}
@media(max-width:600px) {
 .jd-page .wrap { padding-inline:23px; }
 .jd-page .nav-in { height:69px; }
 .jd-page .mobile-nav { top:69px; }
 .jd-page .logo { font-size:20px; }
 .jd-index #hero { padding-top:114px; }
 .jd-index .hero-tag { font-size:8px; letter-spacing:.10em; margin-bottom:23px; }
 .jd-index .hero-h { font-size:clamp(34px,8.1vw,48px); letter-spacing:-.045em; }
 .jd-index .hero-h .g { font-size:.8em; margin-top:15px; line-height:1.2; }
 .jd-index .hero-sub { font-size:14px; line-height:1.85; margin-bottom:25px; }
 .jd-index .hero-form { flex-direction:column; padding:6px; gap:5px; }
 .jd-index .hero-form input { min-height:44px; text-align:left; }
 .jd-index .hero-form .btn { width:100%; }
 .jd-index .hero-proof { grid-template-columns:1fr 1fr; gap:25px 20px; padding:27px 0; margin-top:38px; }
 .jd-index .proof-stat { padding-left:18px; }
 .jd-index .proof-stat:nth-child(odd) { padding-left:0; border-left:0; }
 .jd-index .proof-num { font-size:23px; }
 .jd-index .proof-lbl { font-size:11px; }
 .jd-index .topics-grid { grid-template-columns:1fr; }
 .jd-index .topic-card { grid-template-columns:36px 1fr; padding:27px 0; gap:0 18px; }
 .jd-index .topic-ico { width:34px; }
 .jd-index .topic-card h3 { font-size:23px; }
 .jd-index .topic-card p { font-size:14px; }
 .jd-index .blog-grid { grid-template-columns:1fr; gap:30px; }
 .jd-index .blog-card:first-child { grid-column:auto; display:flex; gap:0; padding-bottom:0; }
 .jd-index .blog-card:first-child .blog-card-body { padding:22px 0 25px; }
 .jd-index .blog-card:first-child .blog-card-title { font-size:24px; }
 .jd-index .about-grid { grid-template-columns:1fr; gap:33px; }
 .jd-index .about-photo { aspect-ratio:4/4.3; }
 .jd-index .ab-text { display:flex; }
 .jd-index .about-body .section-h { font-size:36px; }
 .jd-index .about-body .section-p { font-size:15px; }
 .jd-index .about-actions .btn { width:100%!important; }
 .jd-index .nl-card { padding:35px 22px; }
 .jd-index .nl-card .section-h { font-size:33px; }
 .jd-index .nl-card .section-p { font-size:14px; }
 .jd-index .nl-form { flex-direction:column; }
 .jd-index .nl-form .btn { width:100%; }
 .jd-index #faq>.wrap { display:block; }
 .jd-index .faq-hd { margin-bottom:27px; }
 .jd-page .footer-links { flex-wrap:wrap; justify-content:center; gap:15px 23px; }
 .jd-page .popup-box { padding:39px 25px 30px; }
 .jd-page .popup-h { font-size:27px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } *,*::before,*::after { animation:none!important; transition:none!important; } }
/* Writing and article templates. */
.jd-blog nav,.jd-blog-post nav { height:76px; padding-left:max(24px,calc((100vw - 1052px)/2)); padding-right:max(24px,calc((100vw - 1052px)/2)); }
.jd-blog .nav-links a,.jd-blog-post .nav-links a { padding:10px 0; }
.jd-blog .nav-links .nav-cta,.jd-blog-post .nav-links .nav-cta { padding:9px 18px; background:var(--accent); }
.jd-blog .page-header,.jd-blog .tag-filter,.jd-blog .posts-wrap { max-width:1100px; padding-left:24px; padding-right:24px; }
.jd-blog .page-header { padding-top:56px; padding-bottom:28px; background:radial-gradient(ellipse at 100% 0%,rgba(81,97,255,.06),transparent 60%); }
.jd-blog .page-header h1 { font-size:clamp(42px,6vw,69px); letter-spacing:-.05em; line-height:1.1; }
.jd-blog .page-header p { font-size:16px; line-height:1.85; }
.jd-blog .tag-filter { gap:5px; padding-top:28px; padding-bottom:24px; margin-bottom:35px; border-bottom:1px solid var(--border-md); }
.jd-blog .filter-btn { background:transparent; border:1px solid transparent; border-radius:6px; padding:9px 15px; font-size:12px; font-weight:500; }
.jd-blog .filter-btn.active { background:var(--accent-dim); border-color:rgba(81,97,255,.2); }
.jd-blog .blog-grid { gap:26px; }
.jd-blog .posts-wrap { padding-bottom:85px; }
.jd-blog .card-title { font-size:22px; }
.jd-blog .card-body { padding-top:23px; }
.jd-blog .card-tag,.jd-blog-post .post-tag { border-radius:5px; font-size:10px; padding:3px 8px; }
.jd-blog-post .article-wrap { max-width:850px; padding:60px 40px 85px; }
.jd-blog-post .back-link { font-size:12px; color:var(--text-2); margin-bottom:39px; }
.jd-blog-post .post-meta { margin-bottom:22px; }
.jd-blog-post h1.post-title { font-size:clamp(34px,4.8vw,56px); line-height:1.09; letter-spacing:-.045em; margin-bottom:27px; }
.jd-blog-post .post-standfirst { font-size:19px; line-height:1.8; border-left:2px solid var(--accent); padding-left:22px; margin-bottom:35px; }
.jd-blog-post .post-hero { border-radius:var(--r); margin-bottom:46px; }
.jd-blog-post .post-content { font-size:17px; line-height:1.9; }
.jd-blog-post .post-content h2 { font-size:30px; line-height:1.2; letter-spacing:-.035em; margin-top:45px; }
.jd-blog-post .post-content h3 { font-size:22px; margin-top:32px; }
.jd-blog-post .post-content a { color:var(--purple); text-underline-offset:4px; }
.jd-blog-post .post-content blockquote { padding:22px 25px; border-left:2px solid var(--accent); border-radius:0 8px 8px 0; background:var(--bg-1); color:var(--text-2); font-style:normal; }
.jd-blog-post .post-content table { width:100%; border-collapse:collapse; font-size:14px; margin:28px 0; display:block; overflow-x:auto; }
.jd-blog-post .post-content th,.jd-blog-post .post-content td { padding:13px 16px; border-bottom:1px solid var(--border-md); text-align:left; }
.jd-blog-post .post-content th { background:var(--bg-1); color:var(--text-1); }
.jd-blog-post .author-strip { padding:24px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--r); }
.jd-blog-post .author-img { width:52px; height:52px; }
.jd-blog-post .author-bio { color:var(--text-2); }

/* Product page: keep all existing offers, content, and section ordering. */
.jd-compass #hero { padding:145px 0 85px; background:radial-gradient(ellipse at 50% 100%,rgba(81,97,255,.10),transparent 62%); }
.jd-compass .hero-tag { background:transparent; border-radius:0; border:0; padding:0; color:var(--text-2); font-size:11px; letter-spacing:.075em; }
.jd-compass .hero-h { font-size:clamp(42px,5.8vw,70px); letter-spacing:-.05em; line-height:1.1; }
.jd-compass .hero-h em { background:linear-gradient(110deg,#7B83FF,var(--purple)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.jd-compass .hero-sub { font-size:17px; line-height:1.8; max-width:590px; }
.jd-compass .hero-proof-bar { border-top:1px solid var(--border-md); padding-top:28px; }
.jd-compass .hero-proof-lbl { color:var(--text-2); }
.jd-compass #pain,.jd-compass #how,.jd-compass #pricing,.jd-compass #faq,.jd-compass #cta { padding:85px 0; }
.jd-compass .pain-head,.jd-compass .features-head,.jd-compass .how-head,.jd-compass .pricing-head { max-width:620px; margin-bottom:40px; }
.jd-compass .pain-card { border-radius:var(--r); padding:31px 28px; background:var(--bg-1); }
.jd-compass .pain-icon { color:var(--purple); display:flex; margin-bottom:25px; }
.jd-compass .pain-card h3 { font-size:19px; line-height:1.3; }
.jd-compass .pain-card p { line-height:1.85; }
.jd-compass #features { padding:85px 0; background:linear-gradient(135deg,var(--bg-1),var(--bg-0)); }
.jd-compass .features-grid { gap:16px; border-radius:0; }
.jd-compass .feat-cell { border:1px solid var(--border); border-radius:var(--r); padding:30px 26px; }
.jd-compass .feat-ico { border:0; background:transparent; width:26px; height:26px; color:var(--purple); margin-bottom:22px; }
.jd-compass .feat-cell h3 { font-size:18px; line-height:1.3; }
.jd-compass .feat-cell p { line-height:1.85; }
.jd-compass .how-step-n { background:var(--bg-0); border:1px solid var(--border-md); border-radius:var(--r); color:var(--purple); font-size:20px; }
.jd-compass .how-step h3 { font-size:19px; }
.jd-compass .how-step p { max-width:270px; line-height:1.85; }
.jd-compass .price-card { border-radius:var(--r); box-shadow:none; border:1px solid var(--border-md); }
.jd-compass .price-card.featured { border-color:rgba(81,97,255,.4); }
.jd-compass .price-bar { height:2px; }
.jd-compass .price-header { padding:33px 32px 28px; }
.jd-compass .price-amount { font-size:59px; font-weight:700; letter-spacing:-.055em; }
.jd-compass .price-desc,.jd-compass .price-feat { line-height:1.75; }
.jd-compass .price-per,.jd-compass .price-alt,.jd-compass .price-feat-label,.jd-compass .pricing-note { color:var(--text-2); }
.jd-compass .price-card:hover { transform:none; }
.jd-compass #cta { background:linear-gradient(125deg,var(--bg-1),rgba(81,97,255,.1)); }
.jd-compass .faq-q { padding:23px 0; }
.jd-compass .faq-body-in { line-height:1.85; }

/* Legal pages: retain wording, improve long-form reading. */
.jd-privacy .page-header,.jd-terms .page-header { padding:138px 0 53px; background:linear-gradient(120deg,var(--bg-0) 40%,rgba(81,97,255,.045)); }
.jd-privacy .page-header h1,.jd-terms .page-header h1 { font-size:clamp(38px,5vw,59px); letter-spacing:-.045em; }
.jd-privacy .legal-body,.jd-terms .legal-body { gap:65px; grid-template-columns:215px minmax(0,1fr); padding-top:53px; }
.jd-privacy .toc,.jd-terms .toc { border-radius:var(--r); padding:23px 19px; border:1px solid var(--border); top:103px; background:var(--bg-1); }
.jd-privacy .toc-title,.jd-terms .toc-title { color:var(--purple); }
.jd-privacy .toc ol li a,.jd-terms .toc ol li a { font-size:12px; line-height:1.65; }
.jd-privacy .legal-section,.jd-terms .legal-section { border-bottom:1px solid var(--border); padding-bottom:30px; }
.jd-privacy .legal-section h2,.jd-terms .legal-section h2 { font-size:24px; letter-spacing:-.03em; margin-bottom:18px; }
.jd-privacy .legal-section p,.jd-privacy .legal-section li,.jd-terms .legal-section p,.jd-terms .legal-section li { font-size:16px; line-height:1.9; }
.jd-privacy .legal-section a,.jd-terms .legal-section a { color:var(--purple); }
.jd-privacy .highlight-box,.jd-terms .highlight-box { border-radius:8px; padding:23px; }

/* Onboarding and confirmation: align divergent legacy tokens. */
.jd-onboarding .wrap { max-width:760px; }
.jd-onboarding .page-header { padding:62px 0 43px; }
.jd-onboarding .page-header h1 { font-size:46px; letter-spacing:-.045em; }
.jd-onboarding .header-badge { color:var(--purple); background:var(--accent-dim); border-radius:5px; }
.jd-onboarding .progress-wrap { padding-top:24px; }
.jd-onboarding .progress-steps { margin-bottom:13px; }
.jd-onboarding .ps-dot { width:32px; height:32px; border-radius:8px; }
.jd-onboarding .progress-label { font-size:12px; }
.jd-onboarding .form-wrap { padding:36px 0 70px; }
.jd-onboarding .form-step { padding:33px; border:1px solid var(--border-md); border-radius:var(--r); background:var(--bg-1); }
.jd-onboarding .step-heading { border-bottom:1px solid var(--border-md); padding-bottom:25px; margin-bottom:27px; }
.jd-onboarding .step-heading h2 { font-size:25px; letter-spacing:-.03em; }
.jd-onboarding .field label { font-size:14px; }
.jd-onboarding .field input,.jd-onboarding .field select { min-height:48px; font-size:15px; }
.jd-onboarding .field textarea { font-size:15px; }
.jd-onboarding .checkbox-item { border-radius:8px; background:var(--bg-0); padding:13px 14px; }
.jd-onboarding .checkbox-item span { font-size:13px; }
.jd-onboarding .form-nav { margin-top:28px; padding-top:24px; border-top:1px solid var(--border-md); }
.jd-thank-you-onboarding .card { border-radius:var(--r); padding:52px 45px; background:linear-gradient(135deg,var(--bg-1),var(--bg-0)); box-shadow:0 20px 65px rgba(0,0,0,.15); }
.jd-thank-you-onboarding .card::after { display:none; }
.jd-thank-you-onboarding .card h1 { font-size:39px; letter-spacing:-.04em; }
.jd-thank-you-onboarding .sub { line-height:1.8; }
.jd-thank-you-onboarding .next-steps { border-radius:8px; padding:26px; }
.jd-thank-you-onboarding .steps-list li { font-size:15px; line-height:1.75; }

/* iGaming campaign: existing assets and copy, refined composition. */
.jd-igaming-affiliate-playbook { --gutter:32px; }
.jd-igaming-affiliate-playbook .page-wrap { max-width:1100px; }
.jd-igaming-affiliate-playbook .nav { min-height:76px; padding-top:23px; padding-bottom:23px; background:var(--bg-0); }
.jd-igaming-affiliate-playbook .hero { padding-top:49px; padding-bottom:49px; grid-template-columns:1fr 350px; gap:45px; }
.jd-igaming-affiliate-playbook .hero h1 { font-size:clamp(30px,3.5vw,43px); line-height:1.12; letter-spacing:-.043em; }
.jd-igaming-affiliate-playbook .hero h1 .blue { background:linear-gradient(110deg,#7B83FF,var(--purple)); background-clip:text; -webkit-background-clip:text; color:transparent; }
.jd-igaming-affiliate-playbook .hero-sub { font-size:16px; line-height:1.85; }
.jd-igaming-affiliate-playbook .hero-visual img { border-radius:var(--r); }
.jd-igaming-affiliate-playbook .optin-card { border-radius:var(--r); background:linear-gradient(125deg,var(--bg-1),var(--bg-0)); padding:26px; }
.jd-igaming-affiliate-playbook .optin-row input { min-height:47px; font-size:15px; }
.jd-igaming-affiliate-playbook .btn-cta { border-radius:8px; box-shadow:inset 0 1px rgba(255,255,255,.1); }
.jd-igaming-affiliate-playbook .stats-row { border-color:var(--border-md); background:var(--bg-1); }
.jd-igaming-affiliate-playbook .stat-cell { padding:28px 20px; }
.jd-igaming-affiliate-playbook .stat-label { color:var(--text-2); }
.jd-igaming-affiliate-playbook .author-section { padding:56px 0; }
.jd-igaming-affiliate-playbook .author-card { grid-template-columns:185px 1fr; gap:42px; }
.jd-igaming-affiliate-playbook .author-bio { font-size:16px; line-height:1.85; }
.jd-igaming-affiliate-playbook .problem-section p { font-size:16px; line-height:1.85; }
.jd-igaming-affiliate-playbook .changes-list li { background:var(--bg-1); border-radius:var(--r); padding:24px; line-height:1.8; }
.jd-igaming-affiliate-playbook .move-card { border-radius:var(--r); padding:27px; background:linear-gradient(140deg,var(--bg-1),var(--bg-0)); }
.jd-igaming-affiliate-playbook .move-num { color:var(--purple); }
.jd-igaming-affiliate-playbook .move-title { font-size:17px; }
.jd-igaming-affiliate-playbook .move-desc { font-size:14px; line-height:1.85; }
.jd-igaming-affiliate-playbook .cta-block { border-radius:var(--r); padding:35px; background:linear-gradient(120deg,var(--bg-1),rgba(81,97,255,.08)); }
.jd-igaming-affiliate-playbook .cta-block h2 { font-size:25px; }

@media(max-width:860px) {
 .jd-compass #hero { padding:120px 0 65px; }
 .jd-compass #pain,.jd-compass #features,.jd-compass #how,.jd-compass #pricing,.jd-compass #faq,.jd-compass #cta { padding:64px 0; }
 .jd-privacy .legal-body,.jd-terms .legal-body { grid-template-columns:1fr; gap:35px; }
 .jd-igaming-affiliate-playbook .hero { grid-template-columns:1fr; gap:30px; }
 .jd-igaming-affiliate-playbook .hero-visual { max-width:420px; margin:auto; }
 .jd-blog nav,.jd-blog-post nav { padding-left:24px; padding-right:24px; }
 .jd-blog .nav-links,.jd-blog-post .nav-links { display:flex; gap:17px; }
 .jd-blog .nav-links a,.jd-blog-post .nav-links a { font-size:12px; }
}
@media(max-width:600px) {
 .jd-index .jd-hero-portrait { padding:5px; border-radius:10px; }
 .jd-blog nav,.jd-blog-post nav { height:68px; padding-left:22px; padding-right:22px; gap:12px; }
 .jd-blog .nav-links,.jd-blog-post .nav-links { gap:13px; }
 .jd-blog .nav-links a:first-child,.jd-blog-post .nav-links a:first-child { display:none; }
 .jd-blog .nav-links a[href$="#contact"],.jd-blog-post .nav-links a[href$="#contact"] { display:none; }
 .jd-blog .nav-links .nav-cta,.jd-blog-post .nav-links .nav-cta { padding:7px 12px; }
 .jd-blog .page-header { padding-top:36px; }
 .jd-blog .page-header h1 { font-size:45px; }
 .jd-blog .tag-filter { gap:4px; padding-bottom:22px; margin-bottom:28px; }
 .jd-blog .filter-btn { padding:8px 10px; font-size:11px; }
 .jd-blog-post .article-wrap { padding:39px 22px 60px; }
 .jd-blog-post h1.post-title { font-size:35px; }
 .jd-blog-post .post-standfirst { font-size:17px; }
 .jd-blog-post .post-content { font-size:16px; }
 .jd-blog-post .post-content h2 { font-size:26px; }
 .jd-blog-post .author-strip { padding:18px; }
 .jd-compass .hero-h { font-size:37px; }
 .jd-compass .features-grid { grid-template-columns:1fr; }
 .jd-privacy .page-header,.jd-terms .page-header { padding-top:111px; padding-bottom:40px; }
 .jd-privacy .legal-body,.jd-terms .legal-body { padding-top:35px; }
 .jd-privacy .legal-section p,.jd-privacy .legal-section li,.jd-terms .legal-section p,.jd-terms .legal-section li { font-size:15px; }
 .jd-onboarding .page-header { padding-top:40px; }
 .jd-onboarding .page-header h1 { font-size:37px; }
 .jd-onboarding .form-step { padding:24px 20px; }
 .jd-onboarding .progress-label { font-size:10px; }
 .jd-thank-you-onboarding .card { padding:36px 24px; }
 .jd-thank-you-onboarding .card h1 { font-size:31px; }
 .jd-igaming-affiliate-playbook { --gutter:22px; }
 .jd-igaming-affiliate-playbook .hero { padding-top:32px; padding-bottom:30px; }
 .jd-igaming-affiliate-playbook .hero h1 { font-size:32px; }
 .jd-igaming-affiliate-playbook .optin-card { padding:22px; }
 .jd-igaming-affiliate-playbook .author-card { grid-template-columns:1fr; gap:20px; }
 .jd-igaming-affiliate-playbook .changes-list,.jd-igaming-affiliate-playbook .moves-grid { grid-template-columns:1fr; }
 .jd-igaming-affiliate-playbook .move-card { padding:23px; }
 .jd-igaming-affiliate-playbook .cta-block { padding:25px; }
}

/* Original sculptural marketing artwork, with a quiet editorial composition. */
.jd-index #hero { padding-top:142px; text-align:left; }
.jd-index #hero>.wrap { isolation:isolate; }
.jd-index .hero-h { position:relative; z-index:2; max-width:750px; margin-left:0; font-size:clamp(40px,5.7vw,67px); }
.jd-index .hero-tag,.jd-index .hero-sub,.jd-index .hero-form,.jd-index .hero-tg-link { position:relative; z-index:2; }
.jd-index .hero-sub { max-width:555px; margin-left:0; }
.jd-index .hero-form { margin-left:0; }
.jd-index .jd-growth-art { position:absolute; z-index:-1; right:-260px; top:70px; width:810px; pointer-events:none; }
.jd-index .jd-growth-art img { display:block; width:100%; height:auto; mask-image:linear-gradient(90deg,transparent,#000 28%,#000 86%,transparent); }
.jd-index .hero-proof { position:relative; z-index:2; margin-top:80px; background:linear-gradient(90deg,var(--bg-0),rgba(19,20,31,.88)); }
.jd-index .topic-card { position:relative; overflow:hidden; }
.jd-index .topic-card:after { content:''; position:absolute; width:130px; height:130px; right:-50px; bottom:-75px; border:20px solid rgba(81,97,255,.055); border-radius:50%; pointer-events:none; }
.jd-index .topic-card:nth-child(2):after { border-color:rgba(255,88,40,.055); border-radius:14px; transform:rotate(35deg); }
@media(max-width:900px) {
 .jd-index #hero { padding-top:120px; }
 .jd-index .hero-h { max-width:680px; }
 .jd-index .hero-sub { max-width:590px; }
 .jd-index .jd-growth-art { position:relative; top:auto; right:auto; width:100%; height:280px; margin-top:20px; overflow:hidden; z-index:0; }
 .jd-index .jd-growth-art img { height:100%; width:100%; object-fit:cover; object-position:70% 55%; mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent); }
 .jd-index .hero-proof { margin-top:15px; }
}
@media(max-width:600px) {
 .jd-index #hero { padding-top:110px; }
 .jd-index .hero-h { font-size:41px; }
 .jd-index .hero-h .g { font-size:.77em; }
 .jd-index .hero-tag { font-size:8px; letter-spacing:.1em; }
 .jd-index .jd-growth-art { height:235px; margin-top:12px; }
}

/* User correction: blue and purple only, no orange accents. */
:root { --orange:#5161FF; --cta:#5161FF; --cta-hover:#6573FF; }
.jd-index .jd-growth-art { background:transparent; }
.jd-index .jd-growth-art img { filter:grayscale(1) sepia(1) saturate(3) hue-rotate(185deg); }
.jd-index .t-orange .topic-ico { color:#A78BFA; background:rgba(167,139,250,.08); }
.jd-index .topic-card:nth-child(2):after { border-color:rgba(167,139,250,.055); }

/* Centered marketing universe: conceptual visuals, no fabricated metrics. */
.jd-index #hero { text-align:center; background:radial-gradient(ellipse at 50% 52%,rgba(81,97,255,.2),transparent 60%),radial-gradient(ellipse at 90% 20%,rgba(167,139,250,.1),transparent 50%),#13141F; }
.jd-index .hero-h { max-width:900px; margin-inline:auto; }
.jd-index .hero-sub { max-width:660px; margin-inline:auto; }
.jd-index .hero-form { margin-inline:auto; }
.jd-index .hero-tg-link { justify-content:center; }
.jd-marketing-scene { height:350px; max-width:850px; margin:25px auto 0; position:relative; isolation:isolate; }
.jd-orbit-globe { position:absolute; width:270px; height:270px; left:50%; top:30px; transform:translateX(-50%); border-radius:50%; overflow:hidden; border:1px solid #8a92ff88; background:radial-gradient(circle at 32% 24%,#727bde55,#29327155 48%,#13141f 85%); box-shadow:inset -25px -10px 45px #080914,0 0 90px #5161ff22; }
.jd-orbit-globe:after { content:''; position:absolute; inset:0; border-radius:50%; background:repeating-linear-gradient(0deg,transparent 0 32px,#a78bfa25 33px 34px); }
.jd-meridians { position:absolute; inset:-5%; background:repeating-radial-gradient(ellipse at center,transparent 0 23px,#a78bfa66 24px 25px,transparent 26px 43px); transform:scaleX(.8); animation:jd-globe-turn 24s linear infinite; }
@keyframes jd-globe-turn { 0% { transform:perspective(400px) rotateY(0deg); } 100% { transform:perspective(400px) rotateY(360deg); } }
.jd-visual-card { position:absolute; top:72px; width:190px; padding:21px; border:1px solid #a78bfa40; border-radius:16px; background:linear-gradient(145deg,#2a2e47eb,#191c30eb); box-shadow:0 20px 45px #0004; text-align:left; }
.jd-visual-card>span { display:block; font-size:8px; letter-spacing:.13em; color:#b7bce0; margin-bottom:20px; }
.jd-funnel-card { left:4%; transform:rotate(-8deg); }
.jd-funnel-stage { height:24px; margin:5px auto; background:linear-gradient(90deg,#5161ff,#a78bfa); clip-path:polygon(0 0,100% 0,84% 100%,16% 100%); }
.jd-funnel-stage:nth-of-type(2) { width:68%; opacity:.8; }
.jd-funnel-stage:nth-of-type(3) { width:38%; opacity:.6; }
.jd-revenue-card { right:4%; top:102px; transform:rotate(8deg); }
.jd-revenue-card strong { font-size:38px; font-weight:500; color:#c5b5ff; }
.jd-chart-bars { display:flex; height:65px; gap:8px; align-items:flex-end; margin-top:-20px; padding-left:38px; }
.jd-chart-bars i { flex:1; background:linear-gradient(#a78bfa,#5161ff88); border-radius:3px 3px 0 0; height:25%; }
.jd-chart-bars i:nth-child(2) { height:40%; }.jd-chart-bars i:nth-child(3) { height:35%; }.jd-chart-bars i:nth-child(4) { height:65%; }.jd-chart-bars i:nth-child(5) { height:78%; }.jd-chart-bars i:nth-child(6) { height:100%; }
.jd-orbit-line { position:absolute; z-index:-1; inset:95px 0 30px; border:1px solid #a78bfa25; border-radius:50%; transform:rotate(-12deg); }
.jd-index .hero-proof { margin-top:15px; }
@media(max-width:600px) { .jd-marketing-scene { height:285px; margin-inline:-10px; }.jd-orbit-globe { width:210px; height:210px; }.jd-visual-card { width:125px; padding:13px; }.jd-visual-card>span { font-size:6px; letter-spacing:.04em; }.jd-funnel-card { left:0; top:55px; }.jd-revenue-card { right:0; top:110px; }.jd-funnel-stage { height:19px; }.jd-chart-bars { gap:4px; padding-left:25px; } }
@media(prefers-reduced-motion:reduce) { .jd-meridians,.jd-orbit-globe.jd-planet::before { animation:none; } }

/* Dimensional instrument panels, keeping the approved centered composition. */
.jd-visual-card { border:1px solid #8994e16b; background:linear-gradient(130deg,#424967e8 0%,#21263deF 35%,#111423f5 100%); box-shadow:inset 0 1px 0 #ffffff30,inset 0 -3px 0 #080b16,0 24px 40px #0008,0 0 30px #5161ff18; backdrop-filter:blur(15px); }
.jd-funnel-stage { background:linear-gradient(170deg,#d4c8ff 0%,#8794ff 25%,#5161ff 65%,#2b3684 100%); filter:drop-shadow(0 4px 1px #080a1f); height:28px; margin-bottom:8px; }
.jd-revenue-card strong { display:inline-flex; justify-content:center; align-items:center; width:50px; height:50px; font-size:32px; border:2px solid #bbc3ff; border-radius:50%; color:#e0dcff; background:linear-gradient(135deg,#a3abd8,#374478 45%,#7783c2); text-shadow:0 2px 1px #152049; box-shadow:3px 3px 0 #323d67,5px 5px 0 #171d37,inset 0 0 0 3px #46517e; }
.jd-chart-bars { padding-left:60px; height:80px; margin-top:-30px; }
.jd-chart-bars i { background:linear-gradient(90deg,#5661bc,#b9a1ff 70%,#7561c1); box-shadow:3px 0 0 #303963; }
.jd-orbit-globe.jd-planet { border:0; width:390px; height:310px; top:0; border-radius:0; background:transparent; box-shadow:none; mask-image:radial-gradient(ellipse,#000 35%,transparent 72%); overflow:hidden; }
.jd-orbit-globe.jd-planet::before { content:''; position:absolute; inset:0; background:url('/planet.png') center/cover no-repeat; animation:jd-planet-spin 90s linear infinite; transform-origin:center; }
@keyframes jd-planet-spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.jd-orbit-globe.jd-planet:after { display:none; }
.jd-planet .jd-meridians { display:none; }
@media(max-width:600px) { .jd-orbit-globe.jd-planet { width:310px; height:270px; }.jd-chart-bars { padding-left:42px; }.jd-revenue-card strong { width:37px; height:37px; font-size:25px; } }

/* Industrial editorial finish, inspired by the user's album references. */
.jd-index .hero-tag { font-family:ui-monospace,monospace; letter-spacing:.14em; border:1px solid #a0a5be40; padding:8px 12px; }
.jd-index .hero-h { font-weight:750; letter-spacing:-.065em; }
.jd-index .hero-h .g { background:linear-gradient(110deg,#e3e4ed,#8b92c0 46%,#b4a1ed); background-clip:text; -webkit-background-clip:text; }
.jd-visual-card { border-radius:3px; }
.jd-visual-card:before { content:''; position:absolute; top:-7px; left:19px; width:42px; height:13px; background:#7770d7; opacity:.85; transform:rotate(-4deg); }
.jd-visual-card>span { font-family:ui-monospace,monospace; }
.jd-index .hero-form,.jd-index .hero-form .btn { border-radius:3px; }
.jd-index .hero-proof { border-top:1px solid #c3c5db55; }
.jd-index .proof-lbl { font-family:ui-monospace,monospace; font-size:10px; }

/* Bolder industrial album-inspired composition. */
.jd-index #hero { background:radial-gradient(ellipse at 50% 66%,#45408145,transparent 52%),#101119; }
.jd-index .hero-h { font-size:clamp(46px,7.2vw,86px); font-weight:850; line-height:.98; letter-spacing:-.075em; text-transform:uppercase; }
.jd-index .hero-h .g { font-size:.51em; line-height:1.1; margin-top:24px; font-weight:500; letter-spacing:-.055em; background:linear-gradient(175deg,#fafafa 5%,#7e8194 42%,#e1dff0 57%,#727387 90%); background-clip:text; -webkit-background-clip:text; }
.jd-index .hero-tag { border:0; border-left:3px solid #a78bfa; background:#a78bfa0c; padding:8px 13px; transform:rotate(-1deg); }
.jd-index .hero-sub { margin-top:30px; font-size:15px; }
.jd-marketing-scene { height:430px; margin-top:0; }
.jd-orbit-globe.jd-planet { width:600px; height:430px; top:-5px; filter:contrast(1.2); }
.jd-visual-card { background:linear-gradient(125deg,#81869b45,#1c1e2deF 35%,#12131df5); border-color:#acafbd80; box-shadow:inset 0 1px 0 #ffffff55,0 30px 50px #0009; }
.jd-funnel-card { top:110px; transform:rotate(-12deg); }
.jd-revenue-card { top:175px; transform:rotate(10deg); }
.jd-visual-card:before { background:#a78bfa; width:58px; left:14px; height:17px; top:-9px; }
.jd-index .topic-card,.jd-index .blog-card { border-bottom-color:#b1b3c345; }
.jd-index .section-h { text-transform:uppercase; font-weight:800; letter-spacing:-.06em; }
.jd-index .blog-card-img,.jd-index .about-photo { border-radius:0; }
.jd-index .label { font-family:ui-monospace,monospace; }
.jd-index .hero-proof { background:transparent; }
@media(max-width:600px) {
 .jd-index .hero-h { font-size:clamp(39px,9vw,53px); }
 .jd-index .hero-h .g { font-size:.61em; }
 .jd-marketing-scene { height:330px; }
 .jd-orbit-globe.jd-planet { width:400px; height:330px; }
 .jd-funnel-card { top:75px; }.jd-revenue-card { top:145px; }
}

/* ============================================================
   INDUSTRIAL EDITORIAL TREATMENT — all remaining pages
   Same visual language as the homepage: uppercase section heads,
   monospace labels, sharp corners, dark gradient backgrounds,
   blue/purple palette only. No orange.
   ============================================================ */

/* Shared overrides that apply to every page */
:root { --orange:#5161FF; --cta:#5161FF; --cta-hover:#6573FF; }
.jd-page .label { font-family:ui-monospace,monospace; letter-spacing:.13em; }
.jd-page .btn { border-radius:3px; }
.jd-page .btn-orange { background:var(--cta); }
.jd-page .btn-orange:hover { background:var(--cta-hover); }
.jd-page .nav-cta { background:var(--accent); border-radius:3px; }

/* ---- BLOG ARCHIVE ---- */
.jd-blog .page-header {
  background:radial-gradient(ellipse at 0% 110%,rgba(81,97,255,.12),transparent 55%)
            ,radial-gradient(ellipse at 100% 0%,rgba(167,139,250,.07),transparent 50%)
            ,#101119;
  padding-top:108px;
  padding-bottom:52px;
}
.jd-blog .page-header h1 {
  font-size:clamp(46px,7vw,80px);
  font-weight:850;
  letter-spacing:-.07em;
  line-height:.96;
  text-transform:uppercase;
}
.jd-blog .page-header .label { margin-bottom:18px; display:block; }
.jd-blog .page-header p { font-size:15px; line-height:1.85; max-width:540px; margin-top:18px; }
.jd-blog .filter-btn {
  border-radius:3px;
  font-family:ui-monospace,monospace;
  font-size:10px;
  letter-spacing:.09em;
  text-transform:uppercase;
  padding:9px 14px;
}
.jd-blog .filter-btn.active { background:rgba(81,97,255,.15); border-color:rgba(81,97,255,.3); }
.jd-blog .card-img { border-radius:0; }
.jd-blog .card-title { font-weight:700; letter-spacing:-.04em; }
.jd-blog .blog-grid { border-top:1px solid rgba(193,195,219,.2); padding-top:28px; }
.jd-blog footer { background:#101119; }

/* ---- BLOG POST (article) ---- */
.jd-blog-post nav { background:rgba(16,17,25,.97); }
.jd-blog-post .article-wrap { max-width:760px; }
.jd-blog-post .back-link {
  font-family:ui-monospace,monospace;
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--purple);
}
.jd-blog-post .back-link:hover { color:var(--text-1); }
.jd-blog-post .post-meta { font-family:ui-monospace,monospace; }
.jd-blog-post .post-date { font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.jd-blog-post h1.post-title {
  font-size:clamp(32px,4.5vw,56px);
  font-weight:850;
  letter-spacing:-.065em;
  line-height:1.02;
}
.jd-blog-post .post-standfirst {
  border-left-color:var(--purple);
  font-size:17px;
  line-height:1.85;
}
.jd-blog-post .post-hero { border-radius:0; }
.jd-blog-post .post-content h2 {
  font-weight:800;
  letter-spacing:-.055em;
  text-transform:uppercase;
  font-size:clamp(22px,3vw,30px);
}
.jd-blog-post .post-content h3 { font-weight:700; letter-spacing:-.04em; }
.jd-blog-post .post-content blockquote { border-left-color:var(--purple); border-radius:0; }
.jd-blog-post .post-content pre { border-radius:0; }
.jd-blog-post .post-content img { border-radius:0; }
.jd-blog-post .author-strip {
  padding:26px 0 0;
  border-top:1px solid rgba(193,195,219,.2);
}
.jd-blog-post .author-img { border-radius:0; width:50px; height:50px; object-fit:cover; }
.jd-blog-post .author-name { font-size:13px; font-weight:700; letter-spacing:-.02em; }
.jd-blog-post .author-bio { font-size:11px; font-family:ui-monospace,monospace; }
.jd-blog-post footer { background:#101119; }

/* ---- COMPASS PRODUCT PAGE ---- */
.jd-compass #hero {
  background:radial-gradient(ellipse at 50% 100%,rgba(81,97,255,.16),transparent 58%)
            ,radial-gradient(ellipse at 90% 15%,rgba(167,139,250,.09),transparent 45%)
            ,#101119;
}
.jd-compass .hero-tag {
  font-family:ui-monospace,monospace;
  letter-spacing:.14em;
  border-radius:0;
  border:0;
  border-left:3px solid var(--purple);
  background:rgba(167,139,250,.08);
  padding:8px 13px;
  transform:rotate(-1deg);
  display:inline-block;
}
.jd-compass .hero-h {
  font-size:clamp(36px,5.4vw,66px);
  font-weight:850;
  letter-spacing:-.07em;
  line-height:.97;
  text-transform:uppercase;
}
.jd-compass .hero-h em {
  background:linear-gradient(110deg,#7B83FF,var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-style:normal;
  font-weight:inherit;
}
.jd-compass .label { font-family:ui-monospace,monospace; }
.jd-compass .section-h { text-transform:uppercase; font-weight:800; letter-spacing:-.06em; }
.jd-compass .pain-card { border-radius:0; border:1px solid rgba(193,195,219,.15); }
.jd-compass .feat-cell { border-radius:0; border-color:rgba(193,195,219,.15); }
.jd-compass .how-step-n {
  border-radius:0;
  font-family:ui-monospace,monospace;
  border-color:rgba(81,97,255,.3);
}
.jd-compass .price-card { border-radius:0; }
.jd-compass .price-card.featured { border-color:rgba(81,97,255,.45); }
.jd-compass #cta {
  background:radial-gradient(ellipse at 50% 50%,rgba(81,97,255,.16),transparent 60%),#101119;
}
.jd-compass #features {
  background:linear-gradient(140deg,#111320,#0f1018);
}
.jd-compass .hero-proof-bar { border-top-color:rgba(193,195,219,.2); }

/* ---- ONBOARDING ---- */
.jd-onboarding .page-header {
  background:radial-gradient(ellipse at 0% 0%,rgba(167,139,250,.1),transparent 55%),#101119;
}
.jd-onboarding .page-header h1 {
  font-weight:850;
  letter-spacing:-.065em;
  text-transform:uppercase;
  line-height:.98;
}
.jd-onboarding .header-badge { font-family:ui-monospace,monospace; border-radius:3px; }
.jd-onboarding .ps-dot { border-radius:0; }
.jd-onboarding .form-step { border-radius:0; }
.jd-onboarding .step-heading h2 { letter-spacing:-.04em; text-transform:uppercase; font-size:22px; }
.jd-onboarding .field input,
.jd-onboarding .field select,
.jd-onboarding .field textarea { border-radius:3px; }
.jd-onboarding .checkbox-item { border-radius:0; }

/* ---- THANK YOU ---- */
.jd-thank-you-onboarding .card {
  border-radius:0;
  background:linear-gradient(140deg,#1a1c2c,#101119);
  border:1px solid rgba(193,195,219,.15);
}
.jd-thank-you-onboarding .card h1 {
  font-weight:850;
  letter-spacing:-.065em;
  text-transform:uppercase;
  line-height:.98;
}
.jd-thank-you-onboarding .next-steps { border-radius:0; }

/* ---- PRIVACY & TERMS ---- */
.jd-privacy .page-header,
.jd-terms .page-header {
  background:radial-gradient(ellipse at 0% 0%,rgba(81,97,255,.09),transparent 55%),#101119;
}
.jd-privacy .page-header h1,
.jd-terms .page-header h1 {
  font-weight:850;
  letter-spacing:-.065em;
  text-transform:uppercase;
  line-height:.98;
}
.jd-privacy .toc,
.jd-terms .toc { border-radius:0; }
.jd-privacy .toc-title,
.jd-terms .toc-title { font-family:ui-monospace,monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.jd-privacy .legal-section h2,
.jd-terms .legal-section h2 { letter-spacing:-.04em; font-weight:750; }

/* ---- IGAMING LEAD MAGNET ---- */
.jd-igaming-affiliate-playbook .hero {
  background:radial-gradient(ellipse at 50% 0%,rgba(81,97,255,.12),transparent 60%),#101119;
  padding-top:55px;
  padding-bottom:55px;
}
.jd-igaming-affiliate-playbook .hero h1 {
  font-weight:850;
  letter-spacing:-.065em;
  line-height:.98;
  text-transform:uppercase;
}
.jd-igaming-affiliate-playbook .hero h1 .blue {
  background:linear-gradient(110deg,#7B83FF,var(--purple));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.jd-igaming-affiliate-playbook .optin-card { border-radius:0; }
.jd-igaming-affiliate-playbook .btn-cta { border-radius:3px; }
.jd-igaming-affiliate-playbook .hero-visual img { border-radius:0; }
.jd-igaming-affiliate-playbook .move-card { border-radius:0; }
.jd-igaming-affiliate-playbook .cta-block {
  border-radius:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(81,97,255,.13),transparent 60%),#101119;
}
.jd-igaming-affiliate-playbook .changes-list li { border-radius:0; }
.jd-igaming-affiliate-playbook .stats-row { border-radius:0; }

@media(max-width:600px) {
 .jd-blog .page-header h1 { font-size:clamp(38px,9vw,54px); }
 .jd-compass .hero-h { font-size:clamp(33px,8vw,48px); }
 .jd-igaming-affiliate-playbook .hero h1 { font-size:clamp(28px,7vw,38px); }
}
