/* jpro.css  ·  RB Trading Pro Journal, the editorial layer for every public page that is not the app.
   23 Sep 2026. Owner: "upgrade the brightness and pro feeling of my extra pages, more on brand, add some
   shimmer and glassy effect where it will enhance them, the text is not an easy read, super flat".
   Two modes, chosen by jpro.js from the markup:
   · html.jp-blog   a post: masthead (kicker, serif headline with one italic gold phrase, standfirst on a
                    gold rule, byline), 66 character measure, numbered sections on hairlines, a drop cap,
                    a sticky rail (contents, then the offer), a glass offer card, the "what you get" block
   · html.jp-page   every other page: a brighter canvas, glass surfaces with a lift on hover, sheen on the
                    green buttons, the "what you get" block before the closing offer
   The Journal's own colours hold: green is the one action colour, gold is the accent, the canvas is
   blue-black. Nothing here touches the app (index, journal, admin, whop, discover). */

:root{
  --jp-bg:#080a14; --jp-glass:rgba(255,255,255,.035); --jp-glass-h:rgba(255,255,255,.06);
  --jp-line:rgba(255,255,255,.085); --jp-line-h:rgba(11,232,129,.38);
  --jp-gold:#f0a500; --jp-gold2:#fcd34d; --jp-act:#0BE881; --jp-act2:#09bd6b; --jp-ink:#03130a;
  --jp-t1:#f5f5f7; --jp-t2:#cfd6e2; --jp-t3:#94a0b6; --jp-spring:cubic-bezier(.22,1,.36,1);
  --jp-serif:'Instrument Serif',Georgia,'Times New Roman',serif; --jp-sans:'Inter',system-ui,sans-serif; --jp-mono:ui-monospace,'DM Mono',SFMono-Regular,Menlo,monospace;
}

/* ── canvas: a little brighter, a gold breath at the top, green low left, grain ── */
html.jp-blog,html.jp-page,html.jp-blog body,html.jp-page body{background:var(--jp-bg)}
html.jp-blog body::before,html.jp-page body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 64% 40% at 50% -6%,rgba(240,165,0,.15),transparent 62%),
             radial-gradient(ellipse 50% 40% at 4% 106%,rgba(11,232,129,.09),transparent 66%),
             radial-gradient(ellipse 40% 36% at 100% 60%,rgba(53,104,212,.07),transparent 66%),
             linear-gradient(180deg,#0a0d1c 0%,#080a14 44%,#06080f 100%)}
html.jp-blog body::after,html.jp-page body::after{content:'';position:fixed;inset:0;z-index:2147482990;pointer-events:none;opacity:.026;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}

/* ── the bar: glass ── */
html.jp-blog nav:not(.related),html.jp-page nav:not(.related){background:rgba(8,10,20,.72)!important;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);border-bottom:1px solid var(--jp-line)}

/* ── the one action colour, with a sheen ── */
html.jp-blog .nav-cta,html.jp-page .nav-cta,html.jp-blog .post-cta .btn,html.jp-page .btn-primary,html.jp-page a.cta,html.jp-page .cta-btn,html.jp-page .btn-open,.jp-btn{
  position:relative;overflow:hidden;isolation:isolate}
html.jp-blog .nav-cta::after,html.jp-page .nav-cta::after,html.jp-blog .post-cta .btn::after,html.jp-page .btn-primary::after,html.jp-page a.cta::after,html.jp-page .cta-btn::after,.jp-btn::after{
  content:'';position:absolute;top:0;left:-130%;width:55%;height:100%;pointer-events:none;box-shadow:none!important;inset:auto;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);transition:left .6s var(--jp-spring);animation:none}
html.jp-blog .nav-cta:hover::after,html.jp-page .nav-cta:hover::after,html.jp-blog .post-cta .btn:hover::after,html.jp-page .btn-primary:hover::after,html.jp-page a.cta:hover::after,html.jp-page .cta-btn:hover::after,.jp-btn:hover::after{left:140%}
.jp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:100px;font:800 14.5px/1 var(--jp-sans);text-decoration:none!important;color:var(--jp-ink)!important;
  background:linear-gradient(135deg,var(--jp-act),var(--jp-act2));box-shadow:0 0 0 1px rgba(11,232,129,.45),0 8px 28px rgba(11,232,129,.24),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .2s var(--jp-spring),box-shadow .25s var(--jp-spring)}
.jp-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(11,232,129,.6),0 12px 36px rgba(11,232,129,.36),inset 0 1px 0 rgba(255,255,255,.3)}
.jp-btn:active{transform:scale(.97)}

/* ── every page speaks the same type: the serif for headlines, the gold italic for the accent (the legal pages never had it) ── */
html.jp-page h1,html.jp-page h2{font-family:var(--jp-serif)!important;font-weight:400!important;letter-spacing:-.5px!important;line-height:1.1!important}
html.jp-page h1 em,html.jp-page h2 em,html.jp-page h1 .hl,html.jp-page h2 .hl{font-style:italic;color:var(--jp-gold2)!important}

/* ── glass surfaces on every page ── */
html.jp-page .feat-card,html.jp-page .pain-card,html.jp-page .testi,html.jp-page .card,html.jp-page .calc,html.jp-page .price-box,html.jp-page .proof,html.jp-page .quote-block,html.jp-page .stat-item,html.jp-page .fc,html.jp-page .tc,html.jp-page .price-strip,html.jp-page .rel,html.jp-page .table-scroll,
html.jp-blog .post-cta,html.jp-blog nav.related,html.jp-blog article blockquote,html.jp-blog article table,html.jp-blog article pre{
  background:var(--jp-glass)!important;border-color:var(--jp-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px -30px rgba(0,0,0,.9)}
html.jp-page .feat-card,html.jp-page .pain-card,html.jp-page .testi,html.jp-page .card,html.jp-page .stat-item,html.jp-page .fc,html.jp-page .tc,html.jp-page .proof{
  transition:transform .4s var(--jp-spring),border-color .4s var(--jp-spring),background .4s var(--jp-spring),box-shadow .4s var(--jp-spring)}
@media(hover:hover){
html.jp-page .feat-card:hover,html.jp-page .pain-card:hover,html.jp-page .testi:hover,html.jp-page .card:hover,html.jp-page .stat-item:hover,html.jp-page .fc:hover,html.jp-page .tc:hover,html.jp-page .proof:hover{
  transform:translateY(-3px);background:var(--jp-glass-h)!important;border-color:var(--jp-line-h)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 48px -28px rgba(11,232,129,.22)}}

/* ── the post: grid, measure, masthead ── */
html.jp-blog article{max-width:1120px!important;padding:0 28px!important;margin-top:40px!important}
.jp-head{max-width:760px}
.jp-body{display:grid;grid-template-columns:minmax(0,1fr);gap:0 56px;align-items:start}
@media(min-width:1060px){.jp-body{grid-template-columns:minmax(0,700px) 280px}}
.jp-main{min-width:0}
html.jp-blog article .jp-main > p,html.jp-blog article .jp-main > ul,html.jp-blog article .jp-main > ol,html.jp-blog article .jp-main > blockquote{max-width:66ch}
html.jp-blog article .jp-main > p{font-size:17px!important;line-height:1.72!important;color:var(--jp-t2)!important;margin:0 0 18px!important}
html.jp-blog article .jp-main > p:first-of-type{font-size:17px!important;color:var(--jp-t2)!important}
html.jp-blog article .jp-main > ul,html.jp-blog article .jp-main > ol{font-size:16.5px;line-height:1.7;color:var(--jp-t2)}
html.jp-blog article .jp-main li{margin-bottom:8px}
html.jp-blog article strong{color:#fff}
html.jp-blog article .jp-main > p.jp-first::first-letter{float:left;font-family:var(--jp-serif);font-size:4.1em;line-height:.82;padding:6px 10px 0 0;color:var(--jp-gold);font-weight:400}
html.jp-blog .eyebrow{display:inline-flex!important;align-items:center;gap:10px;background:none!important;border:0!important;padding:0!important;border-radius:0!important;font-size:11px!important;letter-spacing:1.8px!important;color:var(--jp-gold)!important;margin-bottom:18px}
html.jp-blog .eyebrow::before{content:'';width:22px;height:1px;background:var(--jp-gold)}
html.jp-blog .eyebrow .jp-min{color:var(--jp-t3);font-weight:600;letter-spacing:.6px;text-transform:none;font-size:12px}
html.jp-blog article h1{font-family:var(--jp-serif)!important;font-weight:400!important;font-size:clamp(38px,5.4vw,64px)!important;line-height:1.02!important;letter-spacing:-1.6px!important;color:#fff;text-wrap:balance;max-width:19ch;margin:0 0 26px!important}
html.jp-blog article h1.jp-long{font-size:clamp(34px,4.5vw,52px)!important;max-width:22ch}
html.jp-blog article h1 .jp-em,html.jp-blog article h1 em{font-style:italic;color:var(--jp-gold2)!important}
html.jp-blog .jp-stand{position:relative;font-size:19px!important;line-height:1.6!important;color:var(--jp-t2)!important;padding:4px 0 0 26px!important;max-width:60ch;margin:0 0 26px!important}
html.jp-blog .jp-stand::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--jp-gold2),var(--jp-gold) 60%,transparent)}
html.jp-blog .post-meta{display:flex!important;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 44px!important;padding:18px 0 0!important;border-bottom:0!important;border-top:1px solid var(--jp-line)!important;font-size:12.5px!important;color:var(--jp-t3)!important}
html.jp-blog .post-meta strong{display:inline-flex;align-items:center;gap:9px;color:var(--jp-t2)!important;font-weight:600}
.jp-av{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,var(--jp-gold),#c8880e);color:#0a0e16;font:800 11px/1 var(--jp-sans);font-style:normal;letter-spacing:.5px}

/* ── section headings: a small gold index on a hairline, the serif for the words ── */
html.jp-blog article .jp-main > h2{position:relative;font-family:var(--jp-serif)!important;font-weight:400!important;font-size:clamp(27px,3.2vw,34px)!important;line-height:1.12!important;letter-spacing:-.6px!important;
  color:#fff;margin:52px 0 16px!important;padding-top:22px;border-top:1px solid var(--jp-line);text-wrap:balance;scroll-margin-top:92px;max-width:26ch}
html.jp-blog article .jp-main > h2 .jp-num{display:block;font:800 10.5px/1 var(--jp-sans);letter-spacing:2px;color:var(--jp-gold);margin-bottom:12px}
html.jp-blog article .jp-main > h3{font-family:var(--jp-sans)!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.3px;color:#fff;margin:26px 0 8px!important}
html.jp-blog article blockquote{font-family:var(--jp-serif);font-size:20px!important;line-height:1.4!important;font-style:normal!important;border-left:2px solid var(--jp-gold)!important;border-radius:14px!important;padding:16px 20px!important}
html.jp-blog article blockquote p{font-size:20px!important;line-height:1.4!important;color:#fff!important}
html.jp-blog article table{border-radius:14px!important}
html.jp-blog article td{font-variant-numeric:tabular-nums}

/* ── the rail ── */
.jp-rail{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.jp-toc{background:var(--jp-glass);border:1px solid var(--jp-line);border-radius:16px;padding:16px 16px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.jp-k{font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--jp-gold);margin:0 0 10px}
.jp-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.jp-toc li{counter-increment:toc;margin:0}
.jp-toc a{display:flex;gap:10px;align-items:baseline;padding:7px 0;font-size:13px;line-height:1.35;color:var(--jp-t2);text-decoration:none!important;border-top:1px solid rgba(255,255,255,.05);transition:color .15s}
.jp-toc li:first-child a{border-top:0}
.jp-toc a::before{content:counter(toc,decimal-leading-zero);font:500 10.5px/1.6 var(--jp-mono);color:var(--jp-t3);flex:none}
.jp-toc a:hover,.jp-toc a.on{color:#fff}
.jp-toc a.on::before{color:var(--jp-gold)}
.jp-offer{position:relative;background:radial-gradient(ellipse 60% 50% at 25% 20%,rgba(11,232,129,.22),transparent 70%),linear-gradient(160deg,rgba(11,232,129,.1),rgba(240,165,0,.05) 50%,rgba(255,255,255,.025));border:1px solid rgba(11,232,129,.32);border-radius:16px;padding:18px 16px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.jp-offer h3{font-family:var(--jp-serif);font-weight:400;font-size:24px;line-height:1.08;letter-spacing:-.5px;color:#fff;margin:0 0 8px}
.jp-offer h3 em{font-style:italic;color:var(--jp-gold2)}
.jp-offer p{font-size:13px;line-height:1.55;color:var(--jp-t2);margin:0 0 14px}
.jp-offer .jp-btn{width:100%;min-height:42px;font-size:13.5px}
.jp-offer .jp-sub2{display:block;margin-top:10px;font-size:11.5px;color:var(--jp-t3);text-align:center}
.jp-sub2 a{color:var(--jp-t2)!important;text-decoration:none!important;border-bottom:1px dotted rgba(255,255,255,.3)}
.jp-sub2 a:hover{color:var(--jp-gold2)!important}
@media(max-width:1059px){.jp-rail{position:static}.jp-toc,.jp-offer{display:none}}

/* ── the offer card at the end of a post ── */
/* the glow is painted into the card's own background (a blurred pseudo-element would spill into scrollable overflow) */
html.jp-blog .post-cta{position:relative;border-radius:20px!important;padding:34px 28px!important;border-color:rgba(11,232,129,.32)!important;
  background:radial-gradient(ellipse 45% 60% at 22% 30%,rgba(11,232,129,.2),transparent 70%),radial-gradient(ellipse 40% 55% at 82% 78%,rgba(240,165,0,.15),transparent 70%),linear-gradient(135deg,rgba(11,232,129,.08),rgba(255,255,255,.02) 55%,rgba(240,165,0,.05))!important}
html.jp-blog .post-cta h3{font-family:var(--jp-serif)!important;font-weight:400!important;font-size:clamp(28px,3.4vw,38px)!important;letter-spacing:-.8px!important;line-height:1.05!important;color:#fff}
html.jp-blog .post-cta p{font-size:15px!important;line-height:1.6!important;color:var(--jp-t2)!important}
html.jp-blog .post-cta .btn{min-height:48px;padding:0 28px!important;font-size:15px!important;border-radius:100px!important}
html.jp-blog nav.related{border-radius:16px!important;padding:20px!important}
html.jp-blog nav.related h2{font-family:var(--jp-sans)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:2px!important;text-transform:uppercase;color:var(--jp-gold)!important;margin:0 0 12px!important}

/* ── what you get ── */
.jp-get{margin:56px 0 8px;font-family:var(--jp-sans)}
html.jp-page .jp-get{max-width:1100px;margin:0 auto;padding:56px 24px 24px}
.jp-get .jp-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:var(--jp-gold);margin-bottom:12px}
.jp-get h2{font-family:var(--jp-serif)!important;font-weight:400!important;font-size:clamp(30px,4vw,44px)!important;line-height:1.05!important;letter-spacing:-1px!important;color:#fff;margin:0 0 10px!important;max-width:22ch;text-wrap:balance;text-align:left!important;border:0!important;padding:0!important}
.jp-get h2 em{font-style:italic;color:var(--jp-gold2)!important}
.jp-get .jp-sub{font-size:16px;line-height:1.6;color:var(--jp-t2);max-width:60ch;margin:0 0 20px;text-align:left}
.jp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.jp-card{position:relative;overflow:hidden;background:var(--jp-glass);border:1px solid var(--jp-line);border-radius:18px;padding:20px 20px 18px;text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .35s var(--jp-spring),border-color .35s var(--jp-spring),background .35s var(--jp-spring)}
.jp-card:hover{transform:translateY(-3px);border-color:var(--jp-line-h);background:var(--jp-glass-h)}
.jp-card .jp-k{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.jp-card .jp-k svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.jp-card h3{font-family:var(--jp-serif)!important;font-weight:400!important;font-size:23px!important;line-height:1.12!important;letter-spacing:-.4px;color:#fff;margin:0 0 10px!important}
.jp-card p{font-size:14.5px!important;line-height:1.62!important;color:var(--jp-t2)!important;margin:0!important;max-width:none!important}
.jp-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px}
.jp-row .jp-sub2{font-size:12.5px;color:var(--jp-t3)}

/* ── reveals ── */
.jp-rv{opacity:0;transform:translateY(14px);transition:opacity .6s var(--jp-spring),transform .6s var(--jp-spring)}
.jp-rv.jp-in{opacity:1;transform:none}

/* ── phones ── */
@media(max-width:680px){
  html.jp-blog nav:not(.related),html.jp-page nav:not(.related){-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(8,10,20,.96)!important}
  html.jp-blog article{padding:0 16px!important;margin-top:28px!important}
  html.jp-blog article h1{font-size:clamp(34px,10vw,44px)!important;letter-spacing:-1.2px!important}
  html.jp-blog article h1.jp-long{font-size:clamp(30px,8.6vw,38px)!important}
  html.jp-blog .jp-stand{font-size:17px!important}
  html.jp-blog article .jp-main > p{font-size:16.5px!important}
  html.jp-blog article .jp-main > p.jp-first::first-letter{font-size:3.4em}
  html.jp-blog article .jp-main > h2{font-size:26px!important;margin-top:40px!important}
  html.jp-blog .post-meta{display:grid!important;gap:6px}
  html.jp-blog .post-meta .dot{display:none}
  html.jp-blog .post-cta{padding:26px 18px!important}
  .jp-grid{grid-template-columns:1fr}
  .jp-row{align-items:stretch}.jp-row .jp-btn{width:100%}
  html.jp-blog body::after,html.jp-page body::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .jp-rv{opacity:1;transform:none;transition:none}
  .jp-btn::after,html.jp-blog .nav-cta::after,html.jp-page .nav-cta::after,html.jp-blog .post-cta .btn::after,html.jp-page .btn-primary::after,html.jp-page a.cta::after,html.jp-page .cta-btn::after{display:none}
  .jp-card:hover,.jp-btn:hover{transform:none}
}


/* ════════════════════════════════════════════════════════════════════════════════════════
   LIFT  ·  23 Sep 2026, second pass from the ui-ux-pro-max audit and the owner's note:
   "the blue, I like it; make the text and boxes and images stand out more; place the captures better".
   BLUE (the Journal's own #3568d4 / #7aa3e0) is wayfinding: kicker, section index, contents numbers,
   table heads, card labels. GOLD stays emphasis. GREEN stays the one action colour. Secondary text
   steps up to clear 4.5:1, glass gets an edge, big images get a frame, and capture points are added:
   a mid-read strip in posts, a strip under every comparison table, one after a calculator's result.
   ════════════════════════════════════════════════════════════════════════════════════════ */
html.jp-blog,html.jp-page{--jp-blue:#7aa3e0;--jp-blue2:#3568d4;--jp-glass:rgba(255,255,255,.05);--jp-glass-h:rgba(255,255,255,.075);--jp-line:rgba(255,255,255,.12);--jp-t2:#d3d9e4;--jp-t3:#9aa4ba;
  --t2:#c9d0dc;--t3:#8b95aa;--bdr:rgba(255,255,255,.11);--bdr2:rgba(255,255,255,.16)}
html.jp-blog .eyebrow,.jp-k,.jp-card .jp-k,.jp-get .jp-eyebrow,.jp-offer .jp-k,.jp-toc a::before,.jp-toc a.on::before,html.jp-blog article .jp-main > h2 .jp-num,html.jp-blog nav.related h2{color:var(--jp-blue)!important}
html.jp-blog .eyebrow::before{background:var(--jp-blue)}
html.jp-blog .eyebrow .jp-min{color:var(--jp-t3)!important}
html.jp-blog article th,html.jp-page th{color:var(--jp-blue)!important;letter-spacing:.8px}
html.jp-page .sec-tag,html.jp-page .section-tag,html.jp-page .tag-pill,html.jp-page .eyebrow,html.jp-page .pill{color:var(--jp-blue)!important;border-color:rgba(122,163,224,.35)!important}
html.jp-page .section-tag-red,html.jp-page .tag-red{color:#f0716d!important;border-color:rgba(240,113,109,.4)!important}
html.jp-page td.no,html.jp-page .check-no{color:#f0716d!important}
html.jp-page .feat-badge,html.jp-page .cj-badge{font-size:10.5px!important;color:#fff!important}
/* glass with an edge */
html.jp-page .feat-card,html.jp-page .pain-card,html.jp-page .testi,html.jp-page .card,html.jp-page .calc,html.jp-page .price-box,html.jp-page .proof,html.jp-page .quote-block,html.jp-page .stat-item,html.jp-page .fc,html.jp-page .tc,html.jp-page .price-strip,html.jp-page .rel,html.jp-page .table-scroll,html.jp-page .entry,html.jp-page .firm-card,html.jp-page .ps-card,html.jp-page .faq-q,html.jp-page details,
html.jp-blog nav.related,html.jp-blog article blockquote,html.jp-blog article table,html.jp-blog article pre,.jp-toc,.jp-card{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 60px -32px rgba(0,0,0,.95)}
@media(hover:hover){
html.jp-page .feat-card:hover,html.jp-page .pain-card:hover,html.jp-page .testi:hover,html.jp-page .card:hover,html.jp-page .stat-item:hover,html.jp-page .fc:hover,html.jp-page .tc:hover,html.jp-page .proof:hover,.jp-card:hover{
  border-color:rgba(122,163,224,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 50px -26px rgba(53,104,212,.35)}}
html.jp-blog .post-cta{border-color:rgba(11,232,129,.45)!important}
.jp-offer{border-color:rgba(11,232,129,.45)}
img.jp-frame{border:1px solid rgba(122,163,224,.28)!important;border-radius:14px!important;box-shadow:0 30px 70px -30px rgba(53,104,212,.45),0 0 0 6px rgba(255,255,255,.025)!important;background:#0b1020}
/* capture strips */
.jp-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;margin:36px auto;padding:18px 20px;border-radius:16px;font-family:var(--jp-sans);text-align:left;
  background:linear-gradient(135deg,rgba(53,104,212,.16),rgba(255,255,255,.035) 60%);border:1px solid rgba(122,163,224,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 60px -34px rgba(53,104,212,.5)}
html.jp-page .jp-strip{max-width:1100px}
html.jp-page section > .jp-strip,html.jp-page .container > .jp-strip,html.jp-page .wrap > .jp-strip,html.jp-page main > .jp-strip{margin-left:0;margin-right:0;max-width:none}
.jp-strip .jp-k{margin:0 0 4px;font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.jp-strip p{margin:0!important;font-size:15.5px!important;line-height:1.5!important;color:#fff!important;max-width:46ch}
.jp-strip .jp-btn{min-height:44px;padding:0 20px;font-size:14px;flex:none}
/* targets a thumb can hit */
html.jp-blog footer a,html.jp-page footer a{display:inline-block;padding:10px 6px;line-height:24px}
html.jp-blog nav .brand,html.jp-page nav .brand,html.jp-page nav a{min-height:44px;display:inline-flex;align-items:center}
/* body text on a phone: never under 16px where a reader reads */
@media(max-width:680px){
  html.jp-blog article .jp-main > p,html.jp-blog article .jp-main li,.jp-card p,html.jp-page .feat-desc,html.jp-page .pain-card p,html.jp-page .sec p,html.jp-page section > p,html.jp-page .container p,html.jp-page .wrap p,html.jp-page .fcopy p,html.jp-page .faq-a,html.jp-page .a,html.jp-page details p,html.jp-page li{font-size:16px!important;line-height:1.65!important}
  html.jp-page .hero-note,html.jp-page .fine,html.jp-page small,html.jp-page footer p,html.jp-page .price-strip p{font-size:13px!important}
  .jp-strip p{font-size:15px!important}
}
/* round two, 23 Sep 2026 */
html.jp-blog footer div,html.jp-page footer,html.jp-page footer div{color:var(--jp-t3)!important}
html.jp-page .qm{color:#9aa4ba!important;font-size:11.5px!important}
html.jp-page .ps-card-title,html.jp-page .alert strong,html.jp-page .breach strong{color:#f0716d!important}
html.jp-page .firm-card-name{color:#fff!important}
.jp-sub2 a,html.jp-page .sibs a,html.jp-blog nav .brand,html.jp-page nav .brand{display:inline-block;padding:10px 0;min-width:44px}
html.jp-blog nav .brand,html.jp-page nav .brand{display:inline-flex;padding:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--jp-blue,#7aa3e0)!important;outline-offset:2px!important}
@media(max-width:680px){html.jp-page .card p,html.jp-page article p,html.jp-page .post-card p,html.jp-page .excerpt{font-size:15.5px!important;line-height:1.6!important}}

/* no orphans: a heading never ends on a lone word where the browser can help; jpro.js ties the last two words for the rest */
h1,h2,h3,h4{text-wrap:pretty}

/* autofill never paints a field white: the page colours win over the browser autofill paint (owner, 23 Sep 2026) */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill{-webkit-text-fill-color:var(--text,#fff);-webkit-box-shadow:0 0 0 1000px var(--surface,var(--bg,#0b0e16)) inset;box-shadow:0 0 0 1000px var(--surface,var(--bg,#0b0e16)) inset;caret-color:var(--text,#fff);transition:background-color 600000s 0s}
/* a label that must wrap splits at its natural pause, not where the first line happens to fill */
.cta-overline,.kicker,.eyebrow{text-wrap:balance}