/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/jf5-0cf9d1da94.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/jf5-4bebc6c034.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/jf5-a53d698ee9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/jf5-949db6e349.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/jf5-c30f5e0c34.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/jf5-a96cafd642.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/fonts/jf5-0cf9d1da94.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/fonts/jf5-4bebc6c034.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/fonts/jf5-a53d698ee9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/fonts/jf5-949db6e349.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/fonts/jf5-c30f5e0c34.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/fonts/jf5-a96cafd642.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/jf5-0cf9d1da94.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/jf5-4bebc6c034.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/jf5-a53d698ee9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/jf5-949db6e349.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/jf5-c30f5e0c34.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/jf5-a96cafd642.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/jf5-0cf9d1da94.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/jf5-4bebc6c034.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/jf5-a53d698ee9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/jf5-949db6e349.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/jf5-c30f5e0c34.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/jf5-a96cafd642.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/jf5-0cf9d1da94.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/jf5-4bebc6c034.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/jf5-a53d698ee9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/jf5-949db6e349.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/jf5-c30f5e0c34.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/jf5-a96cafd642.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/jf5-4e5ac5e1cb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/jf5-75d5aee1a4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/jf5-406ac3be19.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/jf5-6e0fa20e0e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jf5-54d4d6625a.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jf5-89a23c17f7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ============ Maison Sable — tokens ============ */
:root{
  --bg-main:#F4EDE1;
  --bg-card:#FBF7EE;
  --bg-deep:#EBDFCB;
  --accent:#A6C23A;
  --accent-hover:#BBD452;
  --accent-2:#C05B3B;
  --link:#A34A2E;
  --text-main:#2B2118;
  --text-muted:#6F5F4E;
  --border:#DFD3BD;
  /* night-frame surfaces (logo tone = light → dark bars, hard rule) */
  --bar:#2B2118;
  --on-bar:#F4EDE1;
  --on-bar-muted:#DFD3BD;
  --bar-veil:rgba(244,237,225,.14);
  --bar-line:rgba(166,194,58,.38);
  --lime-wash:rgba(166,194,58,.14);
  --font-head:"Zilla Slab",Georgia,"Times New Roman",serif;
  --font-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;
  --wrap:1120px;
  --gutter:clamp(16px,4vw,32px);
  --pad-sec:clamp(24px,4vw,44px);
  --r-card:18px;
  --r-btn:14px;
  --r-chip:9px;
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2.25rem;
}

/* ============ base ============ */
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--bg-main);color:var(--text-main);
  font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{max-width:100%}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;line-height:1.18;margin:0;text-wrap:balance}
h1{font-size:clamp(1.9rem,4.2vw,2.9rem)}
h2{font-size:clamp(1.5rem,3vw,2.05rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
.jf5-section p{max-width:72ch}
ul,ol{margin:0;padding:0}
p,li,dd,dt,td,summary,h1,h2,h3,h4{overflow-wrap:anywhere}
a{color:var(--link);text-decoration:underline;text-decoration-color:rgba(163,74,46,.35);text-underline-offset:3px}
a:hover{color:var(--text-main);text-decoration-color:var(--link)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
::selection{background:var(--accent);color:var(--text-main)}
:where([id]){scroll-margin-block:5.5rem}

.jf5-container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.jf5-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.jf5-fine{font-size:.78rem;line-height:1.55;color:var(--text-muted)}
.jf5-eyebrow{font:700 .78rem/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--link);margin:0}
.jf5-lead{font-size:1.1rem;color:var(--text-muted);line-height:1.6}
.jf5-rule{height:6px;border-block:1px solid var(--border)}
.jf5-icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;flex-shrink:0}

/* ============ archetype: stack of cards ============ */
main{display:flex;flex-direction:column;gap:clamp(18px,2.5vw,28px);
  padding:clamp(20px,3vw,32px) clamp(12px,2vw,20px) clamp(36px,5vw,56px)}
.jf5-section{
  width:100%;max-width:calc(var(--wrap) + 2*var(--pad-sec));margin-inline:auto;
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);
  padding:var(--pad-sec);
}
.jf5-section > *{min-width:0}
.jf5-section h2{margin:0 0 var(--s3)}
.jf5-overview p{color:var(--text-main)}

/* ============ buttons ============ */
.jf5-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font:700 .95rem/1.2 var(--font-body);color:var(--text-main);
  background:var(--accent);border:1px solid var(--accent);border-radius:var(--r-btn);
  padding:.85rem 1.4rem;text-decoration:none;cursor:pointer;
  white-space:normal;text-align:center;max-width:100%;min-height:44px;
  transition:background .15s ease,border-color .15s ease;
}
.jf5-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-main)}
.jf5-btn--ghost{background:transparent;border-color:var(--text-main);color:var(--text-main)}
.jf5-btn--ghost:hover{background:var(--text-main);color:var(--bg-card)}
.jf5-btn--bar{background:transparent;border-color:var(--on-bar);color:var(--on-bar)}
.jf5-btn--bar:hover{background:var(--on-bar);color:var(--bar)}

/* ============ header (dark bar — logo tone) ============ */
.jf5-header{position:sticky;top:0;z-index:1000;background:var(--bar);border-bottom:1px solid var(--bar-line)}
.jf5-header__in{
  width:100%;max-width:var(--wrap);margin-inline:auto;padding:0.65rem var(--gutter);
  display:flex;align-items:center;gap:clamp(.5rem,2vw,1.4rem);
}
.jf5-logo{display:inline-flex;align-items:center;min-width:0;flex-shrink:1;text-decoration:none}
.jf5-logo__img{height:40px;width:auto;max-width:min(150px,40vw);object-fit:contain;display:block}
.jf5-nav{display:flex;align-items:center;gap:clamp(.7rem,1.6vw,1.4rem);margin-inline-start:auto}
.jf5-nav a:not(.jf5-btn){
  color:var(--on-bar);text-decoration:none;font:600 .9rem/1.2 var(--font-body);
  padding:.4rem .1rem;border-bottom:2px solid transparent;white-space:nowrap;
}
.jf5-nav a:not(.jf5-btn):hover{color:var(--accent);border-bottom-color:var(--accent)}
.jf5-nav a:not(.jf5-btn)[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}
.jf5-header__cta{flex-shrink:0;padding:.7rem 1.1rem;font-size:.9rem}
.jf5-burger{
  display:none;flex-shrink:0;width:44px;height:44px;flex-direction:column;
  align-items:center;justify-content:center;gap:5px;background:transparent;
  border:1px solid var(--bar-veil);border-radius:10px;cursor:pointer;
}
.jf5-burger span{display:block;width:22px;height:2px;background:var(--on-bar);border-radius:2px}
.jf5-header.is-open .jf5-burger{border-color:var(--bar-line)}
@media (max-width:1023px){
  .jf5-nav{
    display:none;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--bar);border-bottom:1px solid var(--bar-line);
    padding:.4rem var(--gutter) 1.2rem;
  }
  .jf5-header.is-open .jf5-nav{display:flex}
  .jf5-nav a:not(.jf5-btn){
    display:block;padding:.85rem .2rem;font-size:1rem;white-space:normal;
    border-bottom:1px solid var(--bar-veil);
  }
  .jf5-burger{display:flex}
}
@media (max-width:480px){
  .jf5-header__cta{font-size:.82rem;padding:.6rem .85rem}
}

/* ============ hero ============ */
.jf5-hero{
  position:relative;width:100%;max-width:calc(var(--wrap) + 2*var(--pad-sec));
  margin-inline:auto;background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--r-card);overflow:hidden;
}
.jf5-hero__img{
  display:block;width:100%;height:auto;max-height:70vh;aspect-ratio:3/2;
  object-fit:cover;border-radius:12px;
}
/* home: split pattern */
.jf5-hero--home .jf5-hero__inner{
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.25rem);
  align-items:center;padding:clamp(26px,5vw,54px);
}
.jf5-hero__content{display:flex;flex-direction:column;gap:var(--s3);align-items:flex-start;min-width:0}
.jf5-hero__content h1{margin:0}
.jf5-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}
.jf5-hero__chips{display:flex;flex-wrap:wrap;gap:.5rem}
.jf5-hero__visual{
  aspect-ratio:3/2;min-width:0;border:1px solid var(--border);border-radius:14px;
  background:linear-gradient(135deg,var(--bg-deep) 0%,var(--border) 55%,rgba(192,91,59,.24) 100%);
  overflow:hidden;
}
.jf5-hero__visual .jf5-hero__img{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}
@media (max-width:860px){
  .jf5-hero--home .jf5-hero__inner{grid-template-columns:1fr;padding:clamp(22px,5vw,32px)}
}
/* inner: compact dark page-header band */
.jf5-hero--inner,.jf5-page-header{
  position:relative;overflow:hidden;display:flex;align-items:center;
  min-height:clamp(150px,24vw,195px);
  background:var(--bar);color:var(--on-bar);border-radius:var(--r-card);
  width:100%;max-width:calc(var(--wrap) + 2*var(--pad-sec));margin-inline:auto;
}
.jf5-hero--inner .jf5hero-scrim, /* guard, unused */
.jf5-hero--inner::after,.jf5-page-header::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(43,33,24,.92) 0%,rgba(43,33,24,.78) 45%,rgba(43,33,24,.5) 100%);
}
.jf5-hero--inner .jf5-hero__img,.jf5-page-header .jf5-hero__img{
  position:absolute;inset:0;width:100%;height:100%;max-height:none;
  aspect-ratio:auto;object-fit:cover;border-radius:0;z-index:0;
}
.jf5-hero--inner .jf5-hero__inner,.jf5-page-header__content{
  width:100%;max-width:calc(var(--wrap) + 2*var(--pad-sec));margin-inline:auto;
  padding:clamp(1.6rem,3.5vw,2.4rem) var(--pad-sec);
  display:flex;flex-direction:column;gap:.6rem;
}
:where(.jf5-hero--inner .jf5-hero__inner > :not(.jf5-hero__img)){position:relative;z-index:2}
.jf5-hero--inner h1,.jf5-page-header h1{font-size:clamp(1.45rem,3.2vw,2.15rem);margin:0}
.jf5-hero--inner .jf5-eyebrow,.jf5-page-header .jf5-eyebrow{color:var(--accent)}
.jf5-hero--inner .jf5-lead,.jf5-hero--inner .jf5-fine{color:var(--on-bar-muted)}
.jf5-hero--inner .jf5-chip{color:var(--on-bar)}
.jf5-breadcrumb{
  display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;
  font-size:.82rem;color:var(--on-bar-muted);opacity:.95;
}
.jf5-breadcrumb a{color:inherit;text-decoration:none;border-bottom:1px solid var(--bar-veil)}
.jf5-breadcrumb a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.jf5-breadcrumb [aria-current]{color:var(--on-bar);font-weight:600}

/* ============ data chips (signature: lime-outlined mono figures) ============ */
.jf5-chip{
  display:inline-flex;align-items:center;gap:.45rem;
  font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.8rem;
  color:var(--text-main);background:var(--lime-wash);
  border:1px solid var(--accent);border-radius:var(--r-chip);padding:.35rem .65rem;
}
.jf5-chip--bar{color:var(--on-bar);background:rgba(166,194,58,.16)}

/* ============ verdict-box (dark night panel, double rule) ============ */
.jf5-verdict{
  background:var(--bar);color:var(--on-bar);border-radius:var(--r-card);
  border:1px solid var(--bar-line);border-top:4px double var(--accent);
}
.jf5-verdict__inner{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(1.5rem,3vw,2.5rem);align-items:start;padding:var(--pad-sec);
}
.jf5-verdict__text{display:flex;flex-direction:column;gap:var(--s2);min-width:0}
.jf5-verdict__text h2{color:var(--on-bar);margin:0}
.jf5-verdict__text .jf5-eyebrow{color:var(--accent)}
.jf5-verdict__text p{color:var(--on-bar-muted);margin:0}
.jf5-verdict__chips{display:flex;flex-direction:column;gap:.6rem;min-width:0}
.jf5-verdict__chip{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;
  font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.85rem;
  color:var(--on-bar);background:rgba(166,194,58,.12);
  border:1px solid var(--accent);border-radius:12px;padding:.7rem .9rem;
}
.jf5-verdict__chip span:first-child{font-family:var(--font-body);color:var(--on-bar-muted)}
@media (max-width:860px){.jf5-verdict__inner{grid-template-columns:1fr}}

/* ============ feature-cards: icon-rows ============ */
.jf5-features{display:flex;flex-direction:column}
.jf5-features__item{
  display:flex;gap:1.1rem;align-items:flex-start;padding:1.15rem 0;
  border-bottom:1px solid var(--border);min-width:0;
}
.jf5-features__item:last-child{border-bottom:0;padding-bottom:.35rem}
.jf5-features__item:first-child{padding-top:.35rem}
.jf5-features__icon{
  flex:0 0 auto;width:46px;height:46px;border-radius:12px;
  background:var(--lime-wash);border:1px solid var(--accent);color:var(--accent-2);
  display:flex;align-items:center;justify-content:center;
}
.jf5-features__icon .jf5-icon{width:1.4em;height:1.4em}
.jf5-features__body{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.jf5-features__body h3{margin:0}
.jf5-features__body p{margin:0;color:var(--text-muted);font-size:.95rem}
@media (max-width:480px){
  .jf5-features__item{gap:.8rem}
  .jf5-features__icon{width:40px;height:40px}
}

/* ============ cards-grid ============ */
.jf5-cards{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.jf5-card{
  background:var(--bg-main);border:1px solid var(--border);border-radius:14px;
  padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;min-width:0;
}
.jf5-card h3{margin:0}
.jf5-card p{margin:0;color:var(--text-muted);font-size:.95rem}
.jf5-card .jf5-icon{color:var(--accent-2)}

/* ============ data-table / payments ============ */
.jf5-table-wrap{overflow-x:auto;max-width:100%;margin-block:var(--s3)}
.jf5-table{width:100%;border-collapse:collapse;font-size:.95rem}
.jf5-table th{
  white-space:nowrap;text-align:left;padding:.6rem .75rem;
  font:700 .76rem/1.4 var(--font-body);letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-muted);border-bottom:4px double var(--text-main);
}
.jf5-table td{padding:.7rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}
.jf5-table tbody tr:nth-child(even){background:rgba(223,211,189,.18)}
.jf5-table tbody tr:hover{background:var(--lime-wash)}
.jf5-table .jf5-mono{white-space:nowrap}
.jf5-pay__method{display:flex;align-items:center;gap:.6rem;font-weight:600;min-width:0}
.jf5-pay__method .jf5-icon{color:var(--accent-2)}

/* ============ two-cols + content-panel ============ */
.jf5-two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start}
@media (max-width:860px){.jf5-two{grid-template-columns:1fr}}
.jf5-two > *{min-width:0}
.jf5-panel{
  background:var(--bg-main);border:1px solid var(--border);border-radius:14px;
  padding:1.4rem;display:flex;flex-direction:column;gap:1rem;min-width:0;
}
.jf5-panel__title{font-family:var(--font-head);font-weight:600;font-size:1.05rem;margin:0}
.jf5-facts{display:flex;flex-direction:column;margin:0}
.jf5-facts__row{
  display:flex;justify-content:space-between;gap:1rem;align-items:baseline;
  padding:.65rem 0;border-bottom:1px solid var(--border);
}
.jf5-facts__row:last-child{border-bottom:0}
.jf5-facts dt{color:var(--text-muted);font-size:.9rem}
.jf5-facts dd{margin:0;font-weight:600;text-align:right}
.jf5-checklist{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.jf5-checklist li{display:flex;gap:.6rem;align-items:flex-start}
.jf5-checklist .jf5-icon{color:var(--accent-2)}
.jf5-score{display:flex;align-items:center;gap:.75rem}
.jf5-score__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1}
.jf5-score .jf5-icon{color:var(--accent-2)}
.jf5-score__label{font-size:.82rem;color:var(--text-muted)}
.jf5-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.jf5-mini-stat{
  background:var(--bg-card);border:1px solid var(--border);border-radius:12px;
  padding:.8rem .9rem;display:flex;flex-direction:column;gap:.2rem;min-width:0;
}
.jf5-mini-stat__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:1.15rem}
.jf5-mini-stat__label{font-size:.76rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}

/* ============ numbered-list ============ */
.jf5-numbered{list-style:none;counter-reset:jf5n;display:flex;flex-direction:column;gap:var(--s2)}
.jf5-numbered li{
  counter-increment:jf5n;display:grid;grid-template-columns:44px minmax(0,1fr);
  gap:1rem;align-items:start;min-width:0;
}
.jf5-numbered li::before{
  content:counter(jf5n,decimal-leading-zero);
  font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--text-main);
  width:44px;height:44px;border-radius:10px;
  border:1px solid var(--accent);background:var(--lime-wash);
  display:flex;align-items:center;justify-content:center;
}
.jf5-numbered h3{margin:0 0 .2rem}
.jf5-numbered p{margin:0;color:var(--text-muted);font-size:.95rem}

/* ============ stats-bar: tiles ============ */
.jf5-stats{display:grid;gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
.jf5-stat{
  background:var(--bg-main);border:1px solid var(--border);border-radius:14px;
  padding:1.1rem;display:flex;flex-direction:column;gap:.35rem;min-width:0;
}
.jf5-stat__value{
  font-family:var(--font-mono);font-variant-numeric:tabular-nums;
  font-size:clamp(1.5rem,3vw,1.9rem);font-weight:700;line-height:1.1;
}
.jf5-stat__label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}

/* ============ categories-bar ============ */
.jf5-tags{display:flex;flex-wrap:wrap;gap:.6rem}
.jf5-tag{
  display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .95rem;
  background:var(--bg-main);border:1px solid var(--border);border-radius:14px;
  font:600 .85rem/1.2 var(--font-body);color:var(--text-main);text-decoration:none;
}
.jf5-tag:hover{border-color:var(--accent);color:var(--text-main)}
.jf5-tag .jf5-icon{width:1.2em;height:1.2em;color:var(--accent-2)}

/* ============ quick-facts ============ */
.jf5-quickfacts{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.jf5-quickfacts .jf5-facts{display:contents}
.jf5-quickfacts .jf5-facts__row{
  display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;
  background:var(--bg-main);border:1px solid var(--border);border-radius:12px;
  padding:.85rem .95rem;
}
.jf5-quickfacts .jf5-facts dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;text-align:left}

/* ============ methodology ============ */
.jf5-methodology{counter-reset:jf5m;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.jf5-methodology li{
  counter-increment:jf5m;list-style:none;min-width:0;
  background:var(--bg-main);border:1px solid var(--border);border-radius:14px;
  padding:1.1rem;display:flex;flex-direction:column;gap:.5rem;
}
.jf5-methodology li::before{
  content:counter(jf5m,decimal-leading-zero);align-self:flex-start;
  font-family:var(--font-mono);font-size:.8rem;font-weight:700;
  border:1px solid var(--accent);background:var(--lime-wash);border-radius:8px;
  padding:.2rem .55rem;
}
.jf5-methodology h3{margin:0}
.jf5-methodology p{margin:0;color:var(--text-muted);font-size:.95rem}

/* ============ pros-cons ============ */
.jf5-pros-cons{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.jf5-pros,.jf5-cons{
  background:var(--bg-main);border:1px solid var(--border);border-radius:14px;
  padding:1.35rem;display:flex;flex-direction:column;gap:.75rem;min-width:0;
}
.jf5-pros{border-top:3px solid var(--accent)}
.jf5-cons{border-top:3px solid var(--accent-2)}
.jf5-pros h3,.jf5-cons h3{margin:0}
.jf5-pros ul,.jf5-cons ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.jf5-pros li,.jf5-cons li{display:flex;gap:.55rem;align-items:flex-start}
.jf5-pros .jf5-icon{color:var(--accent-2)}
.jf5-cons .jf5-icon{color:var(--text-muted)}

/* ============ toc ============ */
.jf5-toc{background:var(--bg-main);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.4rem}
.jf5-toc__title{font-family:var(--font-head);font-weight:600;margin:0 0 .65rem}
.jf5-toc ol{list-style:none;display:flex;flex-direction:column;gap:.45rem}
.jf5-toc a{color:var(--text-main);text-decoration:none;border-bottom:1px solid var(--border)}
.jf5-toc a:hover{color:var(--link);border-bottom-color:var(--link)}

/* ============ faq: boxed ============ */
.jf5-faq{display:flex;flex-direction:column;gap:.9rem}
.jf5-faq details{background:var(--bg-main);border:1px solid var(--border);border-radius:14px;padding:.15rem 1.15rem}
.jf5-faq summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none}
.jf5-faq summary::-webkit-details-marker{display:none}
.jf5-faq summary::before{content:'+';margin-right:.5rem;transition:transform .2s;color:var(--accent-2);font-family:var(--font-mono)}
.jf5-faq details[open] summary::before{content:'−'}
.jf5-faq details > :not(summary){padding:.5rem 0 1rem}
.jf5-faq details p{margin:0;color:var(--text-muted)}
@media (max-width:480px){.jf5-faq details{padding-inline:.8rem}}

/* ============ cta-block (dark closer, same section rhythm) ============ */
.jf5-cta{
  background:var(--bar);color:var(--on-bar);border-radius:var(--r-card);
  border:1px solid var(--bar-line);padding:var(--pad-sec);
}
.jf5-cta__inner{display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start;text-align:start}
.jf5-cta--center .jf5-cta__inner{align-items:center;text-align:center}
.jf5-cta h2{color:var(--on-bar);margin:0}
.jf5-cta .jf5-eyebrow{color:var(--accent)}
.jf5-cta p{color:var(--on-bar-muted);margin:0;max-width:60ch}
.jf5-cta__actions{display:flex;flex-wrap:wrap;gap:.75rem}
.jf5-cta .jf5-fine{color:var(--on-bar-muted)}

/* ============ rtp-grid ============ */
.jf5-rtp { display: grid; gap: clamp(.6rem, 1.5vw, 1rem);
  grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 640px) { .jf5-rtp { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 960px) { .jf5-rtp { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.jf5-rtp-item { position: relative; overflow: hidden; min-width: 0;
  background: var(--bg-main); border: 1px solid var(--border); border-radius: 14px; }
.jf5-rtp-item__thumb { display: block; aspect-ratio: 3/2; position: relative;
  background: linear-gradient(135deg, var(--bg-deep), var(--border)); }
.jf5-rtp-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jf5-rtp-item__body { padding: .7rem .8rem .8rem; display: flex; flex-direction: column; gap:.15rem; min-width:0 }
.jf5-rtp-item__name { font: 600 .92rem/1.3 var(--font-head); }
.jf5-rtp-item__studio { font-size:.74rem; color: var(--text-muted); }
.jf5-rtp-tooltip { position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; transition: opacity .2s;
  background: rgba(43,33,24,.92); color: var(--on-bar);
  font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-size: .78rem;
  padding: .55rem .8rem; pointer-events: none; border-radius: 0 0 13px 13px; }
.jf5-rtp-item:hover .jf5-rtp-tooltip, .jf5-rtp-item:focus-within .jf5-rtp-tooltip { opacity: 1; }

/* ============ sticky-nav (mobile) ============ */
.jf5-sticky-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:950;display:none;
  background:var(--bar);border-top:1px solid var(--bar-line);
  padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));
}
@media (max-width:767px){.jf5-sticky-nav{display:flex;justify-content:space-around}}
.jf5-sticky-nav a{
  display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0;
  color:var(--on-bar-muted);text-decoration:none;font:600 .68rem/1.2 var(--font-body);
  padding:.3rem .6rem;
}
.jf5-sticky-nav a:hover{color:var(--accent)}
.jf5-sticky-nav .jf5-icon{width:1.35em;height:1.35em}

/* ============ chat-widget ============ */
.jf5-chat-btn{
  position:fixed;right:1.1rem;bottom:calc(1.1rem + env(safe-area-inset-bottom));z-index:960;
  width:52px;height:52px;border-radius:50%;
  background:var(--accent);border:1px solid var(--text-main);color:var(--text-main);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.jf5-chat-btn .jf5-icon{width:1.6em;height:1.6em}
.jf5-chat{
  position:fixed;right:1.1rem;bottom:calc(4.9rem + env(safe-area-inset-bottom));z-index:961;
  display:none;flex-direction:column;
  width:min(340px,calc(100vw - 2.2rem));max-height:min(460px,72vh);
  background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;
}
.jf5-chat.is-open{display:flex}
.jf5-chat__head{background:var(--bar);color:var(--on-bar);padding:.85rem 1rem;font:600 .95rem var(--font-head)}
.jf5-chat__body{padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}
.jf5-chat__msg{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;padding:.6rem .8rem;font-size:.9rem}
.jf5-chat__form{display:flex;gap:.5rem;padding:0 1rem 1rem}
.jf5-chat__form input{
  flex:1;min-width:0;font:inherit;font-size:.9rem;color:var(--text-main);
  background:var(--bg-main);border:1px solid var(--border);border-radius:10px;padding:.6rem .7rem;
}
.jf5-chat__form button{flex-shrink:0;padding:.6rem .9rem;font-size:.85rem}
@media (max-width:767px){
  .jf5-chat-btn{bottom:calc(4.4rem + env(safe-area-inset-bottom))}
  .jf5-chat{bottom:calc(8.2rem + env(safe-area-inset-bottom))}
}

/* ============ footer (dark bar — logo tone) ============ */
.jf5-footer{background:var(--bar);color:var(--on-bar);border-top:1px solid var(--bar-line)}
.jf5-footer__grid{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,.85fr);
  gap:clamp(1.75rem,3.5vw,3rem);padding-block:clamp(2.2rem,5vw,3.4rem);
}
.jf5-footer__grid > *{min-width:0}
.jf5-footer__brand{display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}
.jf5-footer__tagline{margin:0;color:var(--on-bar-muted);font-size:.95rem;max-width:34ch}
.jf5-footer__contact{margin:0;font-size:.85rem;color:var(--on-bar-muted)}
.jf5-footer__contact a{color:var(--on-bar);text-decoration:none;border-bottom:1px solid var(--bar-veil)}
.jf5-footer__contact a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.jf5-footer__title{font:600 .95rem/1.3 var(--font-head);color:var(--accent);margin:0 0 .85rem;letter-spacing:.03em}
.jf5-footer__col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.jf5-footer__col a{color:var(--on-bar);text-decoration:none;border-bottom:1px solid transparent}
.jf5-footer__col a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.jf5-footer__legal{
  border-top:1px solid var(--bar-veil);padding-block:1.15rem;
  display:flex;flex-direction:column;gap:.55rem;
  font-size:.78rem;line-height:1.6;color:var(--on-bar-muted);
}
.jf5-footer__legal p{margin:0}
.jf5-footer__micro{letter-spacing:.01em}
.jf5-footer__bottom{
  border-top:1px solid var(--bar-veil);padding-block:1rem;
  display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:space-between;
  font-size:.8rem;color:var(--on-bar-muted);
}
.jf5-footer__bottom p{margin:0}
@media (max-width:820px){.jf5-footer__grid{grid-template-columns:1fr 1fr}.jf5-footer__brand{grid-column:1 / -1}}
@media (max-width:560px){.jf5-footer__grid{grid-template-columns:1fr}}

/* ============ motion / reduced ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
/* sa-responsive-net */
table th{white-space:nowrap}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.jf5-footer .jf5-logo__img{filter:none;background:transparent;padding:0}
.jf5-footer .jf5-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.jf5-logo__img{object-fit:contain}
/* sa-ph-media */
.jf5-page-header:has(.jf5-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.jf5-page-header:has(.jf5-hero__img) .jf5-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.jf5-page-header:has(.jf5-hero__img)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(10,12,18,.5))}
:where(.jf5-page-header:has(.jf5-hero__img)>:not(.jf5-hero__img)){position:relative}
.jf5-page-header:has(.jf5-hero__img)>:not(.jf5-hero__img){z-index:2}
.jf5-page-header:has(.jf5-hero__img),.jf5-page-header:has(.jf5-hero__img) h1,.jf5-page-header:has(.jf5-hero__img) a,.jf5-page-header:has(.jf5-hero__img) p,.jf5-page-header:has(.jf5-hero__img) li,.jf5-page-header:has(.jf5-hero__img) span{color:#fff}
/* sa-hero-media */
.jf5-hero:has(>.jf5-hero__img){position:relative;isolation:isolate}
.jf5-hero:has(>.jf5-hero__img)>.jf5-hero__img{z-index:0}
.jf5-hero:has(>.jf5-hero__img)::after{z-index:1}
:where(.jf5-hero:has(>.jf5-hero__img)>:not(.jf5-hero__img)){position:relative}
.jf5-hero:has(>.jf5-hero__img)>:not(.jf5-hero__img){z-index:2}
/* sa-rhythm v3 */
:where(.jf5-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.jf5-table-wrap)+p{margin-block-start:1rem}
main :is(ul,ol,table,.jf5-table-wrap,.jf5-rtp,.jf5-steps,.jf5-cards,.jf5-features)+:is(.jf5-actions,div:has(>.jf5-btn),p:has(>.jf5-btn)){margin-block-start:1.25rem}
/* sa-table-thead */
.jf5-table-wrap thead th,.jf5-table-wrap thead{position:static}
/* sa-slot-link v2 */
.jf5-rtp-item,.jf5-rtp-item:hover,.jf5-rtp-item:focus{color:inherit;text-decoration:none;cursor:pointer}
:where(.jf5-rtp-item){display:block}
/* sa-rtp-touch */
.jf5-rtp-item__thumb{display:block}
@media (hover:none){.jf5-rtp-item__thumb{aspect-ratio:auto;overflow:visible}.jf5-rtp-item__thumb img{height:auto}.jf5-rtp-tooltip{position:static;opacity:1;background:transparent;border-top:0;padding:.4rem .7rem 0;font-size:.74rem;line-height:1.35}.jf5-rtp-item__name{padding-top:.35rem}}