/* Keep the existing hero gap on the page background. */#jj-features-shell{background:#fafafa}
/* Features — current reference design and reusable static cards, 2026-09-29. */
#jj-section-extras{--ink:#19171c;--muted:#49434e;--purple:#a13fa7;--line:#e4dfe7;--paper:#fafafa;--tint:#f1f2f3;--h1:62px;--h2:50px;background:var(--paper);color:var(--ink);font:500 14px/1.8 Montserrat,Arial,sans-serif;isolation:isolate;overflow-wrap:break-word;text-align:left}
#jj-section-extras,#jj-section-extras *{box-sizing:border-box}
#jj-section-extras :is(h1,h2,h3,h4,p,figure,dl,dd){margin:0}
#jj-section-extras :is(h1,h2){font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-style:normal;letter-spacing:-.035em;color:inherit;text-transform:none}
#jj-section-extras h1{font-size:var(--h1);line-height:1.02;max-width:625px}
#jj-section-extras h2{font-size:var(--h2);line-height:1.05;text-wrap:balance}
#jj-section-extras h3{font:500 20px/1.4 Montserrat,Arial,sans-serif;letter-spacing:-.02em;color:inherit;text-transform:none}
#jj-section-extras a{color:inherit;text-decoration:none}
#jj-section-extras button{font:inherit;cursor:pointer;touch-action:manipulation}
#jj-section-extras img{display:block;max-width:100%;height:auto}
#jj-section-extras [hidden]{display:none!important}
#jj-section-extras :is(a,button,summary):focus-visible{outline:3px solid var(--purple);outline-offset:5px}
#jj-section-extras :is(section,article)[id]{scroll-margin-top:35px}
#jj-section-extras .jfa-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto;min-width:0}
#jj-section-extras .jfa-section{padding:88px 0 0}
#jj-section-extras .jfa-eyebrow{display:block;font:600 15px/1.6 Montserrat,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;margin-bottom:12px;color:var(--purple)}
#jj-section-extras .jfa-meta{font:500 11px/1.8 Montserrat,Arial,sans-serif}
#jj-section-extras .jfa-heading{max-width:780px;margin-bottom:28px}
#jj-section-extras .jfa-heading>p{margin-top:18px;max-width:620px;color:var(--muted)}
#jj-section-extras .jfa-arrow{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .3s ease}
#jj-section-extras .jfa-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:600;line-height:1.8;border-bottom:1px solid;padding-bottom:4px;max-width:100%;width:fit-content}
#jj-section-extras .jfa-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:21px;padding:15px 22px;min-height:54px;border:1px solid #17151a;border-radius:5px;background:#17151a;color:#fff;font:600 14px/1.4 Montserrat,Arial,sans-serif;transition:background .2s,border-color .2s,color .2s,transform .2s}
#jj-section-extras .jfa-hero-copy{position:relative;z-index:2;width:100%;max-width:625px}
#jj-section-extras .jfa-hero-copy>p{font:500 16px/1.8 Montserrat,Arial,sans-serif;max-width:560px;margin-top:22px;color:#f3edf4}
#jj-section-extras .jfa-hero-breadcrumb{margin:0 0 20px;padding:0;font:600 15px/1.6 Montserrat,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#c983d2}
#jj-section-extras .jfa-hero-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;margin:0;padding:0}
#jj-section-extras .jfa-hero-breadcrumb li{display:flex;align-items:center;gap:10px;margin:0;padding:0}
#jj-section-extras .jfa-hero-breadcrumb a{color:inherit;text-decoration:none;text-underline-offset:4px}
#jj-section-extras .jfa-breadcrumb-separator{opacity:.65}
#jj-section-extras .jfa-diagram{display:block;width:100%;height:auto;overflow:visible}
#jj-section-extras .jfa-diagram text{font:500 12px Montserrat,Arial,sans-serif;fill:currentColor}
#jj-section-extras .jfa-status{display:inline-block;color:var(--purple);letter-spacing:.1em}
#jj-section-extras .jfa-object-shelf{position:relative;padding:32px 0;text-align:center;min-width:0}
#jj-section-extras .jfa-object-shelf:before{content:'';position:absolute;inset:12% 5% 16%;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#e4dfe752 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#e4dfe752 40px);z-index:-1}
#jj-section-extras .jfa-object-images{display:flex;align-items:center;justify-content:center;gap:8px;min-height:167px}
#jj-section-extras .jfa-object-images img{width:30%;max-width:180px;object-fit:contain;mix-blend-mode:multiply}
#jj-section-extras .jfa-object-images img:nth-child(2){transform:translateY(-14px)}
#jj-section-extras .jfa-object-copy>h3{margin-bottom:28px}
#jj-section-extras .jfa-object-list{list-style:none;margin:0;padding:0;display:grid;gap:28px}
#jj-section-extras .jfa-object-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;margin:0;padding:0}
#jj-section-extras .jfa-step-number{font:500 12px/1.8 Montserrat,Arial,sans-serif;letter-spacing:.08em;color:var(--purple);padding-top:5px}
#jj-section-extras .jfa-object-list strong{display:block;font:500 16px/1.5 Montserrat,Arial,sans-serif;letter-spacing:normal;color:var(--ink)}
#jj-section-extras .jfa-object-list p{font:500 14px/1.8 Montserrat,Arial,sans-serif;margin-top:8px;color:var(--muted)}
#jj-section-extras .jfa-final{position:relative;isolation:isolate;overflow:hidden;min-height:280px;margin:88px 0;padding:49px 54px;border-radius:12px;background:var(--purple);color:#fff}
#jj-section-extras .jfa-final.jj-cg-banner:before,#jj-section-extras .jfa-final.jj-cg-banner:after{content:none;display:none}
#jj-section-extras .jfa-final>.jj-cg-copy{position:relative;z-index:1;max-width:min(620px,65%)}
#jj-section-extras .jfa-final h2{max-width:620px}
#jj-section-extras .jfa-final h2 em{display:block;font-family:inherit;font-size:.86em;line-height:1.05;font-weight:inherit;font-style:normal;letter-spacing:inherit;color:#ead0ee}
#jj-section-extras .jfa-final p{font:500 14px/1.8 Montserrat,Arial,sans-serif;max-width:620px;margin-top:18px;color:#fff}
#jj-section-extras .jfa-final-action{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}
#jj-section-extras .jfa-final>.jj-cg-copy>.jfa-button{margin-top:24px}
#jj-section-extras .jfa-final .jfa-button{font:500 12px/1.25 Montserrat,Arial,sans-serif;min-height:50px;padding:16px 23px;gap:14px;border:1px solid #17151a;border-radius:4px;background:#17151a;color:#fff}
#jj-section-extras .jfa-final .jfa-button svg{width:16px;height:16px}
#jj-section-extras .jfa-final .jfa-button:focus-visible{outline-color:#fff}
#jj-section-extras .jfa-final.jj-cg-banner>.jj-cg-art{--jj-cg-size:clamp(560px,60vw,760px);position:absolute;display:block;width:var(--jj-cg-size);height:var(--jj-cg-size);max-width:none;right:calc(var(--jj-cg-size)*-.36);top:calc(50% + 36px);transform:translateY(-50%);z-index:0;pointer-events:none;user-select:none;overflow:hidden;contain:strict;opacity:.8}
#jj-section-extras .jj-cg-art canvas,#jj-section-extras .jj-cg-art .jj-cg-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
#jj-section-extras .jj-cg-art canvas{opacity:0}
#jj-section-extras .jj-cg-art[data-jj-cg-painted] canvas{opacity:1}
#jj-section-extras .jj-cg-art[data-jj-cg-painted] .jj-cg-fallback{visibility:hidden}
#jj-section-extras[data-enhanced=true] .jfa-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1);transition-delay:var(--jfa-reveal-delay,0ms)}
#jj-section-extras[data-enhanced=true] .jfa-reveal:not(.is-revealed){opacity:0;transform:translateY(22px)}
#jj-section-extras[data-enhanced=true] .jfa-reveal:focus-within{opacity:1;transform:none}
@media(hover:hover){
#jj-section-extras .jfa-button:hover{background:var(--purple);border-color:var(--purple);color:#fff;transform:translateY(-2px)}
#jj-section-extras .jfa-button:hover .jfa-arrow,#jj-section-extras .jfa-link:hover .jfa-arrow{transform:translateX(3px)}
#jj-section-extras .jfa-link:hover{color:var(--purple)}
#jj-section-extras .jfa-hero-breadcrumb a:hover{text-decoration:underline}
#jj-section-extras .jfa-final .jfa-button:hover{background:#fff;border-color:#fff;color:var(--purple)}
}
@media(max-width:1100px){
}
@media(max-width:900px){
#jj-section-extras .jfa-final{padding:35px}
}
@media(max-width:850px){
}
@media(max-width:800px){
#jj-section-extras{--h1:56px;--h2:46px}
}
@media(min-width:701px) and (max-width:900px){
#jj-section-extras .jfa-final.jj-cg-banner>.jj-cg-copy{max-width:calc(100% - 310px)}
}
@media(max-width:700px){
#jj-section-extras .jfa-wrap{width:calc(100% - 36px)}
#jj-section-extras .jfa-object-shelf{padding:15px 0 27px}
#jj-section-extras .jfa-final.jj-cg-banner{padding-bottom:160px}
#jj-section-extras .jfa-final.jj-cg-banner>.jj-cg-copy{max-width:100%}
#jj-section-extras .jfa-final.jj-cg-banner>.jj-cg-art{--jj-cg-size:440px;right:-155px;top:auto;bottom:-270px;transform:none;opacity:.62}
#jj-section-extras .jfa-reveal{--jfa-reveal-delay:0ms!important}
}
@media(max-width:540px){
#jj-section-extras{--h1:46px;--h2:42px}
#jj-section-extras .jfa-section{padding-top:58px}
#jj-section-extras .jfa-object-images{gap:0;min-height:140px}
#jj-section-extras .jfa-object-list{gap:24px}
#jj-section-extras .jfa-object-list li{gap:10px}
#jj-section-extras .jfa-final{margin-block:58px;padding:31px 26px}
#jj-section-extras .jfa-final.jj-cg-banner{padding-bottom:160px}
}
@media(max-width:380px){
#jj-section-extras{--h1:40px;--h2:38px}
}
@media(prefers-reduced-motion:reduce){
#jj-section-extras *,#jj-section-extras *:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}
#jj-section-extras[data-enhanced=true] .jfa-reveal:not(.is-revealed){opacity:1;transform:none}
}

/* Reusable editorial cards: Features, articles and learning collections. */
#jj-section-extras .jfa-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
#jj-section-extras .jfa-feature{min-width:0;margin:0;padding:0}
#jj-section-extras .jfa-feature:nth-child(even){margin-top:72px}
#jj-section-extras .jj-entry-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4dfe7;border-radius:12px;overflow:hidden}
#jj-section-extras .jj-entry-media{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f1f2f3;color:var(--purple)}
#jj-section-extras .jj-entry-media>img{display:block;width:100%;height:100%;object-fit:cover}
#jj-section-extras .jj-entry-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:26px}
#jj-section-extras .jj-entry-title{font:500 20px/1.4 Montserrat,Arial,sans-serif;letter-spacing:-.02em;color:var(--ink)}
#jj-section-extras .jj-entry-title>a{color:inherit}
#jj-section-extras .jj-entry-excerpt{font:500 14px/1.8 Montserrat,Arial,sans-serif;margin-top:14px;color:var(--muted)}
#jj-section-extras .jj-entry-link{display:inline-flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin-top:22px;padding-bottom:4px;border-bottom:1px solid currentColor;font:600 12px/1.8 Montserrat,Arial,sans-serif;color:var(--ink)}
#jj-section-extras .jj-entry-media.jj-entry-illustration{display:grid;place-items:center;padding:24px;background:#f1f2f3}
#jj-section-extras .jj-entry-illustration .jfa-diagram{width:90%;max-height:100%}
#jj-section-extras .jj-entry-media.jj-entry-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#e4dfe7}
#jj-section-extras .jj-entry-frame{display:block;position:relative;min-width:0;height:100%;overflow:hidden}
#jj-section-extras .jj-entry-frame>img{display:block;width:100%;height:100%;object-fit:cover}
#jj-section-extras .jj-entry-world{background:#000}
#jj-section-extras .jj-entry-world>img{object-fit:contain}
#jj-section-extras .jj-entry-destination>img{object-fit:cover;object-position:37% center}
#jj-section-extras .jj-entry-frame-label{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);padding:3px 7px;border-radius:3px;background:#19171cc7;color:#fff;font:500 10px/1.6 Montserrat,Arial,sans-serif}

/* Object explanation left, application objects right. */
#jj-section-extras .jfa-style-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:center}

/* Track sharing: original three-point layout on the Download information-card surface. */

/* Download App's full-width FAQ. */
#jj-section-extras .jfa-faq-section>.jfa-heading{max-width:none;margin-bottom:28px}
#jj-section-extras .jfa-faq-section>.jfa-heading h2{max-width:none}
#jj-section-extras .jfa-faq-section>.jfa-heading .jfa-link{margin-top:20px}
#jj-section-extras .jfa-faq-list{width:100%;border-top:1px solid var(--line)}
#jj-section-extras .jfa-faq-list details{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
#jj-section-extras .jfa-faq-list summary{position:relative;display:list-item;cursor:pointer;list-style:none;padding:21px 36px 21px 0;font:500 16px/1.5 Montserrat,Arial,sans-serif;color:var(--ink)}
#jj-section-extras .jfa-faq-list summary::-webkit-details-marker{display:none}
#jj-section-extras .jfa-faq-list summary:after{content:'+';position:absolute;right:3px;top:16px;font:400 23px/1.5 Montserrat,Arial,sans-serif;color:var(--purple)}
#jj-section-extras .jfa-faq-list details[open] summary:after{content:'−'}
#jj-section-extras .jfa-faq-list details p{max-width:760px;padding:0 36px 23px 0;font:500 14px/1.8 Montserrat,Arial,sans-serif;color:var(--muted)}
#jj-section-extras .jfa-faq-list details a{text-decoration:underline;text-underline-offset:3px}

/* Further reading, composed like the Home video-guide card. */
#jj-section-extras .jfa-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:none;margin:0}
#jj-section-extras .jfa-next-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:300px;padding:28px;border:1px solid #211f242b;border-radius:13px;background:#fff;color:#fff;transition:box-shadow .3s}
#jj-section-extras .jfa-next-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
#jj-section-extras .jfa-next-card:before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.52);pointer-events:none}
#jj-section-extras .jfa-next-tutorials .jfa-next-image{object-position:25% center}
#jj-section-extras .jfa-next-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px}
#jj-section-extras .jfa-next-label{font:600 10px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px #000,0 2px 7px #000c}
#jj-section-extras .jfa-next-category{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:5px 9px;border:1px solid #fff;border-radius:20px;background:#fff;color:#211f24;font:600 9px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
#jj-section-extras h3.jfa-next-title{position:relative;z-index:2;max-width:460px;margin:22px 0;font:600 36px/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;color:#fff;text-shadow:0 1px 3px #000,0 3px 12px #000a}
#jj-section-extras .jfa-next-bottom{position:relative;z-index:2;display:flex;align-items:center;gap:18px;min-height:22px}
#jj-section-extras .jfa-next-rule{display:block;flex:1;height:1px;background:#ffffffd9;box-shadow:0 1px 2px #0008}
#jj-section-extras .jfa-next-bottom>.jfa-arrow{width:22px;height:22px;color:#fff;stroke-width:1.5}

@media(hover:hover){
 #jj-section-extras .jj-entry-title>a:hover,#jj-section-extras .jj-entry-link:hover{color:var(--purple)}
 #jj-section-extras .jj-entry-link:hover .jfa-arrow{transform:translateX(3px)}
 #jj-section-extras .jfa-next-card:hover .jfa-next-image{transform:scale(1.035)}
 #jj-section-extras .jfa-next-card:hover .jfa-arrow{transform:translateX(4px)}
 #jj-section-extras .jfa-next-card:hover{box-shadow:0 12px 35px #2f14311f}
}
@media(max-width:1100px){
 #jj-section-extras .jfa-style-layout{gap:35px}
}
@media(max-width:900px){
 #jj-section-extras .jfa-sharing{grid-template-columns:1fr;padding:34px;gap:34px}
 #jj-section-extras .jfa-next-card{padding:24px}
 #jj-section-extras h3.jfa-next-title{font-size:32px}
}
@media(max-width:800px){
 #jj-section-extras .jfa-collection{gap:24px}
 #jj-section-extras .jj-entry-body{padding:22px}
}
@media(max-width:700px){
 #jj-section-extras .jfa-collection{grid-template-columns:1fr;gap:24px}
 #jj-section-extras .jfa-feature:nth-child(even){margin-top:0}
 #jj-section-extras .jfa-style-layout{grid-template-columns:1fr;gap:30px}
 #jj-section-extras .jfa-sharing{padding:28px 24px;gap:32px}
 #jj-section-extras .jfa-sharing-items{gap:18px}
 #jj-section-extras .jfa-sharing-contours{width:100%;right:-100px;opacity:.22}
 #jj-section-extras .jfa-next-grid{grid-template-columns:1fr;gap:18px}
 #jj-section-extras .jfa-next-card{min-height:280px}
}
@media(max-width:540px){
 #jj-section-extras .jfa-sharing-items{grid-template-columns:1fr;padding-top:0;padding-left:25px;gap:24px}
 #jj-section-extras .jfa-sharing-items:before{top:7px;bottom:0;left:5px;right:auto;width:1px;height:auto}
 #jj-section-extras .jfa-sharing-dot{position:absolute;left:-25px;top:6px;margin:0}
 #jj-section-extras .jfa-next-card{padding:20px}
 #jj-section-extras h3.jfa-next-title{font-size:29px}
 #jj-section-extras .jfa-next-top{gap:12px}
}




/* Place shared navigation after the final CTA without doubling the section gap. */
#jj-section-extras .jfa-final{margin-bottom:0}
#jj-section-extras .jfa-crosslinks{padding:64px 0;margin-block:0}
@media(max-width:640px){#jj-section-extras .jfa-crosslinks{padding-block:44px}}

/* Features introduction: simple page copy followed directly by the dynamic list. */
#jj-section-extras .jfa-hero{display:block;padding:48px 0 0;margin-block:0;border:0;border-radius:0;background:transparent;color:var(--ink)}
#jj-section-extras .jfa-hero-copy{width:100%;max-width:940px}
#jj-section-extras .jfa-hero h1{max-width:940px}
#jj-section-extras .jfa-hero-copy>p{max-width:760px;color:var(--muted)}
#jj-section-extras .jfa-hero-breadcrumb{color:var(--purple)}
#jj-section-extras #jfa-animation{padding-top:44px}
@media(max-width:700px){#jj-section-extras .jfa-hero{padding-top:32px}#jj-section-extras #jfa-animation{padding-top:32px}}

@media(max-width:767px){#jj-section-extras .jfa-eyebrow,#jj-section-extras .jfa-hero-breadcrumb{font-size:12px}}

#jj-examples-atlas .jex-catalogue{padding-bottom:0!important}#jj-examples-atlas .jj-section-nav{margin:0 auto!important;padding:64px 0!important}#jj-examples-atlas .jex-hero h1{line-height:1.02}#jj-section-extras .jfa-faq-section{padding-top:88px}#jj-section-extras .jfa-reveal{opacity:1;transform:none}#jj-section-extras .jfa-reveal.jfa-await{opacity:0;transform:translateY(22px)}#jj-section-extras .jfa-reveal.is-revealed{opacity:1;transform:none}@media(max-width:640px){#jj-examples-atlas .jj-section-nav{padding-block:44px!important}}@media(max-width:540px){#jj-section-extras .jfa-faq-section{padding-top:58px}}