:root{--panel2:#162243;--acc2:hsl(calc(var(--h) + 40) 85% 55%);--h:51;--line:#22305a;--dim:#a3aed0;--bg:#0a1022;--panel:#111a33;--acc:hsl(var(--h) 90% 58%);--bad:#e05656;--good:#2fbf71;--text:#eef1fb;--r:.375rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);font:1rem/1.65 Inter,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--text)}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
img{height:auto;display:block;max-width:100%}
header{top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(.5rem);z-index:20;position:sticky;border-bottom:.0625rem solid var(--line)}
header.jn-tall{position:static}
nav.jn-main{flex-wrap:wrap;margin-left:auto;display:flex;gap:.25rem}
nav.jn-main a{color:var(--dim);font-size:.875rem;font-weight:600;padding:.5rem .625rem;border-radius:calc(var(--r) * .6)}
nav.jn-main a:hover,nav.jn-main a[aria-current]{background:var(--panel2);text-decoration:none;color:var(--text)}
nav.jn-sub{flex-wrap:wrap;font-size:.75rem;align-items:center;border-top:.0625rem solid var(--line);display:flex;min-height:1.875rem;gap:.25rem .875rem}
nav.jn-sub a{color:var(--dim)}
h1{letter-spacing:-.8px;font-size:2.5rem;line-height:1.12;margin:0 0 .75rem}
header .jn-btn--ghost{margin-right:.5rem}
.jn-logo{font-weight:900;font-size:1.3125rem;letter-spacing:-.5px;color:var(--text);display:inline-flex;align-items:center}
.jn-logo span{color:var(--acc)}
.jn-logo img{max-width:13.75rem;height:2.25rem;object-fit:contain;width:auto;display:block}
.jn-logo--pill{padding:.3125rem .625rem;border-radius:calc(var(--r) * .7)}
.logo--pill-dark{background:#12141a}
.logo--pill-light{background:#f5f5f5}
.jn-topbar{font-size:.7812rem;color:var(--dim);background:var(--panel);border-bottom:.0625rem solid var(--line)}
.jn-topbar .jn-wrap{min-height:2.125rem;gap:1.125rem;display:flex;align-items:center}
.jn-topbar .jn-btn{padding:.3125rem .75rem;font-size:.75rem;margin-left:auto}
.jn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6875rem 1.25rem;border-radius:calc(var(--r) * .85);
font-weight:800;font-size:.9375rem;white-space:nowrap;background:var(--acc);color:#0d0f14;box-shadow:0 .375rem 1.125rem hsl(var(--h) 90% 58% / .22)}
.jn-btn:hover{transform:translateY(-1px);filter:brightness(1.07);text-decoration:none}
.jn-btn--big{padding:.9375rem 1.875rem;font-size:1.0625rem;border-radius:var(--r)}
.jn-btn.jn-btn--ghost{background:transparent;box-shadow:none;border:.0625rem solid var(--line);color:var(--text)}
.jn-btn.jn-btn--ghost:hover{background:var(--panel2);color:var(--text)}
.jn-bar{min-height:4rem;gap:1rem;display:flex;align-items:center}
.jn-bar .jn-btn{margin-left:.5rem}
.jn-bar--stack{justify-content:center;min-height:0;padding-top:.875rem}
.jn-bar--center{justify-content:center;min-height:3.25rem}
.jn-bar--center nav.jn-main{margin-left:0}
.jn-toc summary{cursor:pointer;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.jn-toc[open] summary{margin-bottom:.5rem}
.jn-chips{display:flex;gap:.5rem;margin-top:1.125rem;flex-wrap:wrap}
.jn-crumbs{color:var(--dim);margin:.875rem 0 0;font-size:.8125rem}
.jn-crumbs a{color:var(--dim)}
.jn-crumbs span{margin:0 .375rem}
.jn-navstrip{background:var(--panel);border-top:.0625rem solid var(--line)}
.jn-navstrip nav.jn-main{min-height:2.75rem;margin-left:0;align-items:center}
.jn-rg{display:flex;flex-wrap:wrap;gap:.375rem 1rem;font-size:.8125rem;margin:.375rem 0 .625rem}
.jn-rg a{text-decoration:underline;text-underline-offset:.1875rem;color:var(--dim)}
.jn-hero{grid-template-columns:1.1fr .9fr;display:grid;gap:2.125rem;border-bottom:.0625rem solid var(--line);align-items:center;padding:2.125rem 0 1.875rem}
.jn-hero__kicker{letter-spacing:.14em;font:700 .75rem/1 ui-monospace,Menlo,monospace;margin:0 0 .5rem;text-transform:uppercase;color:var(--acc)}
.jn-hero__sub{max-width:56ch;font-size:1.125rem;margin:0 0 1.125rem;color:var(--dim)}
.jn-hero__bonus{font-size:1.625rem;font-weight:900;letter-spacing:-.4px;margin:0 0 1.125rem;color:var(--text)}
.jn-hero__cta{flex-wrap:wrap;align-items:center;gap:.625rem;display:inline-flex}
.jn-hero__meta{font-size:.7812rem;color:var(--dim);margin:.75rem 0 0}
.jn-navgrp{position:relative}
.jn-navgrp>summary{list-style:none;cursor:pointer;color:var(--dim);font-size:.875rem;font-weight:600;padding:.5rem .625rem;border-radius:calc(var(--r) * .6)}
.jn-navgrp>summary::-webkit-details-marker{display:none}
.jn-navgrp>summary::after{font-size:.6875rem;margin-left:.3125rem;content:"▾"}
.jn-navgrp[open]>summary{background:var(--panel2);color:var(--text)}
.jn-navgrp__panel{position:absolute;top:100%;left:0;z-index:25;min-width:12.5rem;display:grid;padding:.375rem;background:var(--panel);border:.0625rem solid var(--line);border-radius:var(--r);box-shadow:0 .875rem 2.5rem rgba(0,0,0,.25)}
.jn-navgrp__panel a{font-size:.875rem;color:var(--dim);padding:.5rem .625rem;border-radius:calc(var(--r) * .6)}
.jn-navgrp__panel a:hover{background:var(--panel2);color:var(--text);text-decoration:none}
.jn-wrap{max-width:68.75rem;margin:0 auto;padding:0 1.25rem}
@media(max-width:56.25rem){header .jn-btn--ghost{display:none}
}
.jn-chip{font-size:.75rem;font-weight:700;padding:.375rem .625rem;border-radius:62.4375rem;border:.0625rem solid var(--line);background:var(--panel);color:var(--dim)}
.jn-hero__shot{border-radius:var(--r);overflow:hidden;border:.0625rem solid var(--line);box-shadow:0 1.875rem 5rem rgba(0,0,0,.5);aspect-ratio:16/10;background:var(--panel)}
.jn-hero__shot img{object-position:top;height:100%;object-fit:cover;width:100%}
.jn-media{margin:1.625rem 0}
.jn-media img{display:block;width:100%;height:auto;border-radius:var(--r);border:.0625rem solid var(--line);background:var(--panel)}
.jn-media figcaption{color:var(--dim);font-size:.7812rem;margin-top:.5rem}
.jn-media--inset{max-width:78%;margin-left:auto;margin-right:auto}
.jn-media--wide{margin:2.125rem 0}
.jn-media--wide img{box-shadow:0 1.25rem 3.75rem rgba(0,0,0,.25);border:0}
.jn-hero--text{max-width:51.25rem;grid-template-columns:1fr}
.jn-hero--text h1{font-size:2.75rem}
.jn-hero--strip{align-items:end;padding:1.625rem 0 1.375rem;grid-template-columns:1.4fr .6fr}
.jn-hero--strip h1{font-size:2rem;margin-bottom:.375rem}
.jn-hero--strip .jn-hero__sub{margin:0}
.jn-hero--strip .jn-hero__side{align-items:flex-end;display:flex;gap:.75rem;flex-direction:column}
.jn-hero--strip .jn-hero__bonus{margin:0;font-size:1.25rem}
.jn-hero--strip .jn-hero__shot,.jn-hero--banner .jn-hero__shot{grid-column:1/-1;max-width:none;aspect-ratio:21/8;width:100%}
.jn-hero--strip .jn-hero__shot img,.jn-hero--banner .jn-hero__shot img{object-position:center}
.jn-hero--banner{grid-template-columns:1fr 1fr;align-items:center}
.jn-hero--banner .jn-hero__side{padding:1.75rem;border:.0625rem solid var(--line);border-radius:var(--r);background:var(--panel);text-align:center}
.jn-hero--banner .jn-hero__side .jn-hero__bonus{font-size:2.125rem;margin:0 0 1.125rem}
.jn-hero--banner .jn-hero__side .jn-btn{width:100%}
.jn-hero--facts{grid-template-columns:1.1fr .9fr}
.jn-hero__facts{padding:1.375rem 1.5rem;border:.0625rem solid var(--line);border-radius:var(--r);background:var(--panel)}
.jn-hero__facts dl{gap:.5rem 1rem;display:grid;margin:0;grid-template-columns:auto 1fr}
.jn-hero__facts dt{color:var(--dim);font-size:.8125rem}
.jn-hero__facts dd{margin:0;font-weight:600;font-size:.875rem}
.jn-hero__facts p{font-size:.75rem;margin:.75rem 0 0;color:var(--dim)}
.jn-hero__shot--art{background:radial-gradient(circle at 30% 30%,hsl(var(--h) 90% 58% / .5),transparent 55%),
radial-gradient(circle at 75% 70%,hsl(calc(var(--h) + 40) 85% 55% / .45),transparent 55%),var(--panel2)}
main{padding:.875rem 0 3.75rem}
main>section{margin:2.125rem 0}
main>.jn-hero:first-child{margin-top:0}
h2{margin:0 0 .875rem;font-size:1.625rem;letter-spacing:-.4px;scroll-margin-top:5.25rem}
h3{font-size:1.125rem;margin:1.125rem 0 .5rem}
.jn-prose p{margin:0 0 .875rem;color:color-mix(in srgb,var(--text) 90%,var(--dim))}
.jn-prose ul,.jn-prose ol{margin:0 0 1rem;padding-left:1.375rem}
.jn-prose li{margin:.3125rem 0}
.jn-prose{max-width:74ch;margin-left:auto;margin-right:auto}
.jn-prose h2{margin-top:.625rem}
.jn-prose a{text-decoration-color:color-mix(in srgb,var(--acc) 50%,transparent);text-decoration:underline}
.jn-toc{background:var(--panel);border:.0625rem solid var(--line);border-radius:var(--r);padding:.875rem 1.125rem;margin:1.5rem 0}
.jn-toc b{font-size:.8125rem;letter-spacing:.08em;display:block;color:var(--dim);text-transform:uppercase;margin-bottom:.375rem}
.jn-toc ol{margin:0;columns:2;padding-left:1.25rem;gap:1.5rem}
.jn-toc li{font-size:.875rem;margin:.1875rem 0}
.jn-cards{gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(14.375rem,1fr));display:grid}
.jn-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:.0625rem solid var(--line);border-radius:var(--r);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}
.jn-card h3{font-size:1rem;margin:0;color:var(--dim)}
.jn-card__amount{font-size:1.625rem;font-weight:900;letter-spacing:-.5px;color:var(--acc)}
.jn-card__terms{font-size:.8125rem;color:var(--dim);margin:0 0 .375rem;flex:1}
section.jn-cards>.jn-card:first-child{box-shadow:inset 0 0 0 .0625rem var(--acc);border-color:var(--acc)}
section.jn-cards:has(>.jn-card:nth-child(4)) .jn-card__amount{font-size:1.3125rem}
section.jn-cards>.jn-card:not(:first-child) .jn-btn{border:.0625rem solid var(--line);color:var(--text);background:transparent;box-shadow:none}
@media(min-width:51.3125rem){section.jn-cards:has(>.jn-card:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}
section.jn-cards:has(>.jn-card:nth-child(5):last-child),section.jn-cards:has(>.jn-card:nth-child(6):last-child){grid-template-columns:repeat(3,1fr)}
}
.jn-steps ol{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));display:grid;margin:0;padding:0;gap:.75rem;list-style:none}
.jn-steps li{background:var(--panel);border:.0625rem solid var(--line);border-radius:var(--r);padding:1rem;display:flex;gap:.75rem;align-items:flex-start}
.jn-steps li span{width:2rem;display:grid;height:2rem;flex:none;border-radius:50%;font-weight:900;color:#0d0f14;background:var(--acc);place-items:center}
.jn-steps li p{margin:0;font-size:.9375rem}
.jn-pc{gap:.875rem;display:grid;grid-template-columns:1fr 1fr}
.jn-pc__col{border-radius:var(--r);padding:1rem 1.125rem;border:.0625rem solid var(--line);background:var(--panel)}
.jn-pc__col h3{margin:0 0 .5rem}
.jn-pc__col ul{padding-left:1.25rem;margin:0}
.jn-pc__col li{font-size:.9375rem;margin:.375rem 0}
.jn-pc__col--pro h3{color:var(--good)}
.jn-pc__col--con h3{color:var(--bad)}
.jn-tiles{gap:.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr))}
.jn-tile{aspect-ratio:4/3;border-radius:var(--r);padding:.75rem;display:flex;flex-direction:column;justify-content:flex-end;color:#0d0f14;
border:.0625rem solid rgba(255,255,255,.08);box-shadow:inset 0 -40px 3.75rem rgba(0,0,0,.25)}
.jn-tile--img{padding:0;color:var(--text);border:0;aspect-ratio:auto;box-shadow:none;justify-content:flex-start;background:none}
.jn-tile--img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r);border:.0625rem solid var(--line);transition:transform .2s}
.jn-tile--img span{padding:.5rem .125rem .125rem;display:block}
.jn-tile--img b{display:block;color:var(--text)}
.jn-tile--img small{color:var(--dim);display:block;margin-top:.125rem}
.jn-tile--img:hover{transform:none}
.jn-tile--img:hover img{transform:translateY(-2px)}
.jn-tile:hover{transform:translateY(-2px);text-decoration:none}
.jn-tile b{line-height:1.2;font-size:.875rem}
.jn-tile small{font-size:.6875rem;opacity:.8}
.jn-provs{display:flex;gap:.5rem;flex-wrap:wrap}
.jn-prov{padding:.5rem .875rem;border-radius:calc(var(--r) * .7);background:var(--panel);border:.0625rem solid var(--line);font-weight:700;font-size:.8125rem;color:var(--dim);letter-spacing:.02em;text-transform:uppercase}
.jn-prov--img{letter-spacing:0;text-transform:none;gap:.5rem;display:inline-flex;color:var(--text);align-items:center}
.jn-prov--img img{border-radius:.375rem;padding:.125rem;background:#fff;width:1.75rem;height:1.75rem}
.jn-pays{flex-wrap:wrap;display:flex;margin-bottom:.875rem;gap:.5rem}
.jn-pay{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:calc(var(--r) * .7);background:#fff;color:#111;font-weight:700;font-size:.8125rem}
.jn-pay img{height:1.75rem;width:1.75rem}
.jn-pay--text{color:var(--text);background:var(--panel);border:.0625rem solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:.9375rem;background:var(--panel);border-radius:var(--r);overflow:hidden}
.jn-tbl,.jn-payments{-webkit-overflow-scrolling:touch;overflow-x:auto}
.jn-tbl table,.jn-payments table{max-width:none;min-width:100%;width:max-content}
h1,h2,h3,.jn-hero__bonus,.jn-card__amount,.jn-chip,.jn-prov,.jn-pay{hyphens:auto;overflow-wrap:break-word}
caption{text-align:left;font-weight:700;padding:0 0 .5rem;color:var(--dim);font-size:.875rem}
th,td{vertical-align:top;overflow-wrap:break-word;max-width:34ch;hyphens:auto;text-align:left;border-bottom:.0625rem solid var(--line);padding:.6875rem .875rem}
th{font-size:.75rem;letter-spacing:.06em;color:var(--dim);background:var(--panel2);text-transform:uppercase}
tr:last-child td{border-bottom:0}
.jn-faq details{border:.0625rem solid var(--line);border-radius:calc(var(--r) * .8);background:var(--panel);margin:.5rem 0;padding:0 1rem}
.jn-faq summary{gap:.75rem;list-style:none;font-weight:700;display:flex;cursor:pointer;justify-content:space-between;padding:.875rem 0}
.jn-faq summary::after{font-weight:900;content:"+";color:var(--acc)}
.jn-faq details[open] summary::after{content:"-"}
.jn-faq p{color:var(--dim);margin:0 0 .875rem}
.jn-ctabar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.125rem 1.375rem;border-radius:var(--r);
background:linear-gradient(120deg,hsl(var(--h) 90% 58% / .14),hsl(calc(var(--h) + 40) 85% 55% / .12));border:.0625rem solid var(--line)}
.jn-ctabar p{font-weight:600;margin:0}
.jn-author{display:flex;gap:.875rem;align-items:center;padding:1rem 1.125rem;border:.0625rem solid var(--line);border-radius:var(--r);background:var(--panel);font-size:.875rem;color:var(--dim)}
.jn-author b{color:var(--text)}
.jn-author__ava{font-weight:900;height:2.75rem;background:var(--acc2);flex:none;color:#0d0f14;display:grid;border-radius:50%;width:2.75rem;place-items:center}
.jn-related div{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr))}
.jn-rel{display:flex;flex-direction:column;gap:.375rem;padding:1rem;border:.0625rem solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--text)}
.jn-rel:hover{text-decoration:none;border-color:var(--acc)}
.jn-rel b{font-size:.9375rem}
.jn-rel span{font-size:.8125rem;color:var(--dim)}
footer{background:var(--panel);border-top:.0625rem solid var(--line);padding:1.75rem 0 5.625rem;font-size:.875rem;color:var(--dim)}
footer nav{gap:.375rem 1rem;margin:.625rem 0 0;flex-wrap:wrap;display:flex}
footer nav a{color:var(--dim)}
.jn-age{display:inline-block;border:.0625rem solid var(--dim);border-radius:.375rem;padding:.0625rem .375rem;font-weight:800;font-size:.75rem;margin-right:.5rem}
.jn-sticky{border-top:.0625rem solid var(--line);position:fixed;left:0;z-index:30;padding:.625rem .875rem;background:color-mix(in srgb,var(--bg) 95%,transparent);right:0;display:none;bottom:0}
.jn-sticky .jn-btn{width:100%}
.jn-sticky--side{bottom:1.125rem;border:0;padding:0;left:auto;right:1.125rem;background:none;display:block}
.jn-sticky--side .jn-btn{width:auto;box-shadow:0 .625rem 1.875rem rgba(0,0,0,.35)}
.jn-foot-main{margin-bottom:.625rem}
.jn-foot-main a{font-weight:600}
.jn-foot-about p{margin:0 0 .5rem}
footer .jn-pc__col b{margin-bottom:.375rem;color:var(--text);display:block}
.jn-faq dl,.jn-cards dl{margin:0}
.jn-faq dt,.jn-cards dt{font-weight:700;margin:.875rem 0 .25rem}
.jn-faq dd,.jn-cards dd{margin:0 0 .625rem;color:var(--dim)}
.jn-faq h3{margin:1rem 0 .375rem}
.jn-steps ol[reversed]{list-style:none;counter-reset:st;padding-left:0}
.jn-steps ol[reversed] li{counter-increment:st;position:relative;padding-left:2.75rem}
.jn-steps ol[reversed] li::before{left:0;top:0;width:1.875rem;display:grid;content:counter(st);place-items:center;color:#0d0f14;font-weight:700;border-radius:62.4375rem;position:absolute;height:1.875rem;background:var(--acc)}
.jn-steps .jn-cards .jn-card p{margin:.375rem 0 0}
.jn-pc ul li b{color:var(--acc);margin-right:.375rem}
footer .jn-pc{gap:1.25rem}
footer .jn-pc__col{border:0;padding:0;background:none}
.jn-navbox{display:contents}
.jn-navbox>summary{display:none}
@media(min-width:51.3125rem){.jn-navbox::details-content{display:contents}
}
@media(max-width:51.25rem){.jn-navbox:not([open])::details-content{display:none}
}
details.jn-navbox--always{margin-left:auto;display:block;position:relative}
details.jn-navbox--always>summary{display:block;cursor:pointer;list-style:none;padding:.5625rem .75rem;border:.0625rem solid var(--line);border-radius:var(--r);font-weight:700}
details.jn-navbox--always>summary::-webkit-details-marker{display:none}
details.jn-navbox--always>summary::before{content:"≡";margin-right:.5rem}
details.jn-navbox--always nav.jn-main{position:absolute;right:0;top:100%;z-index:25;flex-direction:column;background:var(--panel);border:.0625rem solid var(--line);border-radius:var(--r);padding:.5rem;min-width:13.75rem;margin:.375rem 0 0}
details.jn-navbox--always:not([open]) nav.jn-main{display:none}
@media(max-width:51.25rem){.jn-hero{padding-top:1.375rem;grid-template-columns:1fr}
h1{font-size:1.875rem}
.jn-hero--text h1,.jn-hero--strip h1{font-size:1.875rem}
.jn-hero--strip .jn-hero__side{align-items:flex-start}
.jn-btn,.jn-btn--big{max-width:100%;white-space:normal;text-align:center;line-height:1.3}
.jn-navgrp__panel{padding:0 0 0 .75rem;position:static;border:0;box-shadow:none}
.jn-navgrp>summary{padding:.625rem .75rem}
.jn-topbar .jn-wrap{flex-wrap:wrap;gap:.375rem .875rem;padding-top:.375rem;padding-bottom:.375rem}
.jn-topbar .jn-btn{display:none}
nav.jn-sub{display:none}
details.jn-navbox--always nav.jn-main{margin:0;position:static;padding:0;min-width:0;border:0;background:none}
details.jn-navbox--always{width:100%;margin:0}
.jn-sticky--side{bottom:0;left:0;right:0;background:color-mix(in srgb,var(--bg) 95%,transparent);padding:.625rem .875rem;border-top:.0625rem solid var(--line)}
.jn-sticky--side .jn-btn{width:100%}
.jn-bar--stack,.jn-bar--center{justify-content:flex-start}
.jn-pc{grid-template-columns:1fr}
table{font-size:.8125rem}
th,td{padding:.5rem .625rem}
.jn-toc ol{columns:1}
.jn-bar .jn-btn{display:none}
.jn-sticky{display:block}
body>main{padding-bottom:4.75rem}
.jn-btn{min-height:2.75rem}
.jn-bar{gap:.625rem;min-height:3.5rem;flex-wrap:wrap}
.jn-navbox{display:block;width:100%;order:3}
.jn-navbox>summary{display:block;cursor:pointer;list-style:none;padding:.5625rem .75rem;border:.0625rem solid var(--line);
border-radius:var(--r);color:var(--text);font-weight:700;font-size:.875rem}
.jn-navbox>summary::-webkit-details-marker{display:none}
.jn-navbox>summary::before{margin-right:.5rem;content:"\2261"}
nav.jn-main{flex-direction:column;flex-wrap:nowrap;gap:.125rem;margin:.5rem 0 0;width:100%}
nav.jn-main a{font-size:.9375rem;padding:.625rem .75rem;border-radius:calc(var(--r) * .6)}
.jn-wrap{padding:0 .875rem}
img,table{max-width:100%}
h2{font-size:1.375rem}
.jn-cards,.jn-provs,.jn-pays{grid-template-columns:1fr}
.jn-tiles{grid-template-columns:repeat(2,1fr)}
}
:root{--acc:#ffd700;--acc2:#ffde2e}
.jn-btn{color:#0d0f14}
.jn-btn:not([class*='outline']){color:#0d0f14}
.jn-btn.jn-btn--ghost{color:var(--text)}
header,.jn-band--hero,.jn-sticky{--acc:#ffd700;--acc2:#ffde2e}
.jn-btn:not(.jn-btn--ghost){color:#0d0f14;background:#ffd700}

:root{--hero-line:#202d55;--hero-tint:rgba(255,255,255,.06);--cta-bg:linear-gradient(120deg,#16224a,#0d1730);--hero-dim:#b3bddb;--hero-bg:linear-gradient(160deg,#0d1730,#070b18);--hero-text:#ffffff}
body{line-height:1.7;font-size:1.0625rem}
h1,h2,h3{font-weight:700;letter-spacing:-.01em}
main{padding:0}
header{border-bottom:.0625rem solid var(--hero-line);background:var(--hero-bg);backdrop-filter:none}
header .jn-logo{color:var(--hero-text)}
header nav.jn-main a,header .jn-navgrp>summary,header .jn-navbox>summary{color:var(--hero-dim)}
header nav.jn-main a:hover,header nav.jn-main a[aria-current]{background:var(--hero-tint);color:var(--hero-text)}
header .jn-btn.jn-btn--ghost,.jn-band--hero .jn-btn.jn-btn--ghost{border-color:var(--hero-line);color:var(--hero-text);background:none}
.jn-band--hero{background:var(--hero-bg);color:var(--hero-text);border-bottom:.0625rem solid var(--hero-line)}
.jn-band--hero .jn-hero{gap:1.625rem;border-bottom:0;padding:1.875rem 0 2.5rem}
.jn-band--hero h1{font-size:clamp(2rem,3.9vw,3.125rem);margin:0 0 1rem;color:var(--hero-text);line-height:1.1}
.jn-band--hero .jn-hero__kicker{color:var(--acc)}
.jn-band--hero .jn-hero__sub{color:var(--hero-dim);font-size:1.125rem}
.jn-band--hero .jn-hero__bonus{display:inline-block;margin:.375rem 0 1.375rem;padding:.875rem 1.125rem;border-left:.25rem solid var(--acc);
background:var(--hero-tint);border-radius:0 var(--r) var(--r) 0;color:var(--hero-text);font:700 clamp(1.1875rem,2vw,1.5rem)/1.3 Georgia,'Times New Roman',serif}
.jn-band--hero .jn-hero__meta{color:var(--hero-dim)}
.jn-band--hero .jn-chip{border:.0625rem solid var(--hero-line);color:var(--hero-dim);background:none}
.jn-band--hero .jn-hero__shot{box-shadow:0 1.875rem 4.375rem rgba(0,0,0,.45);border:0}
.jn-lead{margin:2.75rem 0 0}
.jn-lead>section{margin:0 0 2.75rem}
.jn-page{margin:1.875rem 0 .75rem;align-items:start;display:grid;gap:3.5rem}
.jn-col{min-width:0}
.jn-col>*{margin:0 0 2.5rem}
.jn-col .jn-prose{max-width:none;margin-left:0;margin-right:0}
.jn-lead h2,.jn-col h2,.jn-related h2{margin:0 0 1.125rem;font-size:clamp(1.5rem,2.4vw,2rem)}
.jn-col .jn-prose h2{padding-top:1.25rem;position:relative;margin-top:.5rem}
.jn-col .jn-prose h2::before{content:"";position:absolute;height:.1875rem;border-radius:.125rem;top:0;width:2.5rem;background:var(--acc);left:0}
.jn-side{display:none}
.jn-col .jn-steps ol{grid-template-columns:1fr;gap:.625rem}
.jn-col .jn-steps li{align-items:center;padding:.875rem 1rem}
.jn-side__offer{background:var(--panel);border:.0625rem solid var(--line);border-top:.25rem solid var(--acc);border-radius:var(--r);padding:1.25rem}
.jn-side__offer b,.jn-side__toc b{display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:.5rem}
.jn-side__offer p{font:700 1.25rem/1.3 Georgia,'Times New Roman',serif;margin:0 0 1rem;color:var(--text)}
.jn-side__offer .jn-btn{width:100%}
.jn-side__offer small{font-size:.75rem;color:var(--dim);margin-top:.625rem;display:block}
.jn-side__toc{background:var(--panel);border:.0625rem solid var(--line);border-radius:var(--r);padding:1.125rem 1.25rem}
.jn-side__toc ol{margin:0;padding:0;counter-reset:t;list-style:none}
.jn-side__toc li{gap:.625rem;border-top:.0625rem solid var(--line);display:flex;font-size:.875rem;counter-increment:t;line-height:1.4;padding:.4375rem 0}
.jn-side__toc li:first-child{border-top:0}
.jn-side__toc li::before{content:counter(t);color:var(--acc);font-weight:700;min-width:.875rem}
.jn-side__toc a{color:var(--dim)}
.jn-side__toc a:hover{text-decoration:none;color:var(--text)}
.jn-card,.jn-steps li,.jn-pc__col,.jn-faq details,.jn-author,.jn-rel,.jn-toc,table{background:var(--panel);box-shadow:none;border:.0625rem solid var(--line)}
.jn-card{background:var(--panel)}
.jn-ctabar{background:var(--cta-bg);color:var(--hero-text);border:0;padding:1.5rem 1.625rem}
.jn-ctabar p{font:600 1.125rem/1.45 Georgia,'Times New Roman',serif}
.jn-media img{border-radius:var(--r)}
.jn-related{margin:.75rem 0 4rem}
.jn-band--hero .jn-hero__facts,.jn-band--hero .jn-hero--banner .jn-hero__side{background:var(--hero-tint);border-color:var(--hero-line);color:var(--hero-text)}
.jn-band--hero .jn-hero__facts dt,.jn-band--hero .jn-hero__facts p{color:var(--hero-dim)}
.jn-band--hero .jn-hero--banner .jn-hero__side .jn-hero__bonus{background:none;display:block;border:0;padding:0;margin:0 0 1.125rem}
header .jn-topbar{color:var(--hero-dim);background:none;border-color:var(--hero-line)}
header .jn-navstrip{background:none;border-color:var(--hero-line)}
header nav.jn-sub{border-color:var(--hero-line)}
@media(min-width:51.3125rem){nav.jn-main>.jn-navgrp:last-child>.jn-navgrp__panel{right:0;left:auto}
}
@media(min-width:51.3125rem){header .jn-bar>.jn-logo+.jn-btn{margin-left:auto}
}
header .jn-navgrp[open]>summary{color:var(--hero-text);background:var(--hero-tint)}
header .jn-navgrp__panel,header details.jn-navbox--always nav.jn-main{border-color:var(--hero-line);background:var(--hero-bg)}
header .jn-navbox>summary,header details.jn-navbox--always>summary{color:var(--hero-text);border-color:var(--hero-line)}
.jn-ctabar{color:var(--hero-text)}
.jn-band--hero .jn-hero__shot{box-shadow:0 1.875rem 4.375rem rgba(0,0,0,.45)}
@media(max-width:51.25rem){header nav.jn-main{background:var(--hero-bg)}
.jn-band--hero .jn-hero__bonus{display:block}
.jn-lead{margin-top:1.875rem}
body>main{padding-bottom:4.75rem}
}
@media(min-width:51.3125rem){.jn-band--hero .jn-hero{grid-template-columns:1.05fr .95fr;padding:3.5rem 0 4rem;gap:3.5rem}
.jn-page{margin-top:2.75rem}
}
@media(min-width:66.3125rem){.jn-page{grid-template-columns:minmax(0,1fr) 18.75rem}
.jn-page--solo{justify-content:center;grid-template-columns:minmax(0,47.5rem)}
.jn-side{position:sticky;gap:1rem;display:grid;top:5.5rem}
.jn-toc--m{display:none}
}

.jn-card,.jn-toc,.jn-pc__col,.jn-faq details,.jn-author,.jn-ctabar,.jn-rel,.jn-tile{background:var(--panel);border-color:transparent;box-shadow:0 .375rem 1.25rem rgba(0,0,0,.35)}
nav.jn-main a,nav.jn-main>details>summary{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
.jn-hero__shot img,.jn-tile--img img,.jn-card{border-radius:.125rem}
.jn-prose a{text-decoration:underline;text-underline-offset:.1875rem}
.jn-card__amount{color:var(--acc)}
.jn-steps li span{background:var(--acc2)}
@media(min-width:51.3125rem){.jn-band--hero .jn-hero:not(.jn-hero--banner):not(.jn-hero--facts){gap:2.25rem;justify-items:center;text-align:center;grid-template-columns:1fr}
.jn-band--hero .jn-hero:not(.jn-hero--banner):not(.jn-hero--facts) .jn-chips,.jn-band--hero .jn-hero:not(.jn-hero--banner):not(.jn-hero--facts) .jn-hero__cta{justify-content:center}
.jn-band--hero .jn-hero:not(.jn-hero--banner):not(.jn-hero--facts) .jn-hero__sub{margin-left:auto;margin-right:auto}
.jn-band--hero .jn-hero:not(.jn-hero--banner):not(.jn-hero--facts) .jn-hero__bonus{display:block;width:fit-content;margin-left:auto;margin-right:auto}
.jn-band--hero .jn-hero:not(.jn-hero--banner):not(.jn-hero--facts) .jn-hero__shot{max-width:56.25rem;width:100%}
}
@media(min-width:66.3125rem){.jn-page:not(.jn-page--solo){grid-template-columns:18.75rem minmax(0,1fr)}
.jn-side{order:-1}
}
.jn-col .jn-prose h2{padding-top:0}
.jn-col .jn-prose h2::before{display:none}
.jn-band--hero .jn-hero__bonus{border:0;background:none;padding:0;border-radius:0;font-size:clamp(1.4375rem,2.6vw,2rem)}
.jn-ctabar{box-shadow:none;border:0;background:var(--cta-bg)}

.jn-tiles{gap:1rem;grid-template-columns:repeat(var(--tc,6),minmax(0,1fr))}
.jn-tile--img img{border:0}
.jn-col .jn-tiles{grid-template-columns:repeat(var(--tcn,4),minmax(0,1fr))}
@media(max-width:66.25rem){.jn-tiles{grid-template-columns:repeat(var(--tcn,4),minmax(0,1fr))}
}
@media(min-width:66.3125rem){.jn-tiles--feature>.jn-tile:first-child{grid-column:span 2;grid-row:span 2}
.jn-tiles--feature>.jn-tile:first-child b{font-size:1.1875rem}
.jn-col .jn-tiles--feature>.jn-tile:first-child{grid-column:auto;grid-row:auto}
.jn-col .jn-tiles--feature>.jn-tile:first-child b{font-size:.875rem}
}
.jn-tiles--rail,.jn-col .jn-tiles--rail{scrollbar-width:thin;display:flex;overflow-x:auto;gap:.875rem;padding:.25rem .125rem .875rem;scroll-snap-type:x proximity}
.jn-tiles--rail>.jn-tile{scroll-snap-align:start;flex:0 0 10.75rem}
.jn-tiles--poster>.jn-tile--img{overflow:hidden;border-radius:var(--r);position:relative}
.jn-tiles--poster>.jn-tile--img img{border-radius:0;aspect-ratio:3/4}
.jn-tiles--poster>.jn-tile--img span{bottom:0;right:0;padding:2.25rem .75rem .75rem;left:0;position:absolute;background:linear-gradient(180deg,transparent,rgba(0,0,0,.84))}
.jn-tiles--poster>.jn-tile--img b{color:#fff}
.jn-tiles--poster>.jn-tile--img small{color:rgba(255,255,255,.8)}
.jn-tiles--list{gap:.625rem 1.125rem}
.jn-tiles--list>.jn-tile--img{flex-direction:row;align-items:center;gap:.875rem;padding:.625rem;border:.0625rem solid var(--line);border-radius:var(--r);background:var(--panel)}
.jn-tiles--list>.jn-tile--img img{border-radius:calc(var(--r) * .6);width:4rem;flex:none}
.jn-tiles--list>.jn-tile--img span{flex:1;min-width:0;padding:0}
.jn-tiles--list>.jn-tile--img::after{color:var(--acc);padding-right:.375rem;line-height:1;content:"\203A";font-size:1.375rem}
.jn-tiles--list>.jn-tile--img:hover img{transform:none}
@media(max-width:51.25rem){.jn-tiles,.jn-col .jn-tiles{gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.jn-tiles--feature>.jn-tile:first-child{grid-column:span 2}
.jn-tiles--rail>.jn-tile{flex-basis:8.5rem}
.jn-tiles--list,.jn-col .jn-tiles--list{grid-template-columns:1fr}
}