.jcb-hero{overflow:hidden}
.jcb-hero__title{font-size:clamp(34px,5vw,62px);line-height:1.1;font-weight:800;letter-spacing:-.02em;white-space:pre-line}
.jcb-hero__lead{margin-top:20px;font-size:clamp(16px,1.4vw,19px);line-height:1.75;color:var(--jc-muted)}
.jcb-hero__points{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:28px;font-size:14px;font-weight:600;color:var(--jc-muted)}
.jcb-hero__points li{display:inline-flex;align-items:center;gap:8px}
.jcb-hero__points .jcb-icon{width:20px;height:20px;color:var(--jc-primary)}
.jcb-hero--center{min-height:520px;background:var(--jc-secondary);color:#fff;isolation:isolate;--jc-muted:rgba(255,255,255,.86)}
.jcb-hero--center.jcb-hero--medium{min-height:420px}.jcb-hero--center.jcb-hero--screen{min-height:100vh;min-height:100svh}
.jcb-hero--center .jcb-hero__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.jcb-hero--center::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,12,24,calc(var(--jcb-shade,.45) * .7)),rgba(8,12,24,var(--jcb-shade,.45)))}
.jcb-hero--center .jcb-hero__points .jcb-icon,.jcb-hero--center .jcb-eyebrow{color:inherit}
.jcb-hero--center .jcb-btn--outline{color:#fff}
.jcb-hero--split .jcb-hero__inner{display:grid;grid-template-columns:minmax(0,1.05fr) var(--jcb-media-col,minmax(0,1fr));align-items:center;gap:56px}
.jcb-hero--split .jcb-hero__media img,.jcb-hero--split .jcb-hero__media .jcb-ph{width:100%;min-height:380px;border-radius:calc(var(--jc-radius) + 8px);object-fit:cover;box-shadow:var(--jc-shadow)}
.jcb-hero--minimal{background:linear-gradient(160deg,var(--jc-soft),#fff 70%)}
.jcb-hero--product{background:radial-gradient(ellipse at 70% 40%,#fff 0,color-mix(in srgb,var(--jc-secondary) 14%,#f6f1ea) 55%,color-mix(in srgb,var(--jc-secondary) 28%,#e9e1d6));background-size:cover;background-position:center;isolation:isolate}
.jcb-hero--product .jcb-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) var(--jcb-media-col,minmax(0,1fr));align-items:center;gap:40px;min-height:480px}
.jcb-hero--product .jcb-hero__title{text-transform:uppercase;font-size:clamp(32px,4.6vw,60px)}
.jcb-hero--product .jcb-hero__lead{font-size:clamp(17px,1.6vw,22px)}
.jcb-hero--product .jcb-btn{border-radius:999px}
.jcb-hero--product .jcb-hero__media{display:flex;justify-content:center;align-items:flex-end}
.jcb-hero--product .jcb-hero__media img{max-height:520px;width:auto;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(15,23,42,.18))}
.jcb-hero--product .jcb-hero__media .jcb-ph{width:100%;min-height:360px}
.jcb-hero__note{max-width:520px;margin-top:48px;font-size:13px;line-height:1.7;opacity:.75}
.jcb-motion .jcb-hero--center .jcb-hero__bg{animation:jcb-kenburns 2.6s var(--jcb-ease) both}
@keyframes jcb-kenburns{from{transform:scale(1.12)}to{transform:none}}
.jcb-hero--fan{background:linear-gradient(180deg,#fff 30%,var(--jc-soft))}
.jcb-hero--fan .jcb-hero__title{font-size:clamp(32px,4.6vw,58px)}
.jcb-hero__fan-note{margin-top:14px;color:var(--jc-muted);font-size:13px}
.jcb-hero__fan{display:flex;justify-content:center;align-items:center;max-width:960px;margin:clamp(40px,6vw,72px) auto 0;padding-bottom:24px}
.jcb-hero__fan figure{position:relative;flex:none;margin:0;overflow:hidden;aspect-ratio:4/5;border-radius:calc(var(--jc-radius) + 10px);background:var(--jc-soft);box-shadow:0 26px 50px rgba(15,23,42,.18);outline:1px solid rgba(15,23,42,.08);transition:transform .7s var(--jcb-ease)}
.jcb-hero__fan img,.jcb-hero__fan .jcb-ph{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:0}
.jcb-hero__fan-start{z-index:1;width:36%;margin-inline-end:-32px;transform:translateY(28px) rotate(-6deg)}
.jcb-hero__fan-center{z-index:2;width:40%;transform:translateY(-8px)}
.jcb-hero__fan-end{z-index:1;width:36%;margin-inline-start:-32px;transform:translateY(28px) rotate(6deg)}
[dir=rtl] .jcb-hero__fan-start{transform:translateY(28px) rotate(6deg)}
[dir=rtl] .jcb-hero__fan-end{transform:translateY(28px) rotate(-6deg)}
.jcb-hero__fan:hover .jcb-hero__fan-start{transform:translate(-28px,18px) rotate(-9deg)}
.jcb-hero__fan:hover .jcb-hero__fan-end{transform:translate(28px,18px) rotate(9deg)}
.jcb-hero__fan:hover .jcb-hero__fan-center{transform:translateY(-16px) scale(1.02)}
.jcb-hero.jcb-hero--no-image-shadow .jcb-hero__media :is(img,.jcb-ph),.jcb-hero.jcb-hero--no-image-shadow .jcb-hero__fan figure{box-shadow:none;filter:none}
[dir=rtl] .jcb-hero__fan:hover .jcb-hero__fan-start{transform:translate(28px,18px) rotate(9deg)}
[dir=rtl] .jcb-hero__fan:hover .jcb-hero__fan-end{transform:translate(-28px,18px) rotate(-9deg)}
@media (max-width:991px){.jcb-hero--split .jcb-hero__inner,.jcb-hero--product .jcb-hero__inner{grid-template-columns:minmax(0,1fr);gap:36px}.jcb-hero__media{order:var(--jcb-media-order,0)}.jcb-hero--product .jcb-hero__media img{max-height:340px}.jcb-hero--split .jcb-hero__media img,.jcb-hero--split .jcb-hero__media .jcb-ph{min-height:260px}}
@media (max-width:767px){.jcb-hero--center::before{background:linear-gradient(180deg,rgba(8,12,24,calc(var(--jcb-shade-m,var(--jcb-shade,.45)) * .7)),rgba(8,12,24,var(--jcb-shade-m,var(--jcb-shade,.45))))}.jcb-hero--center{min-height:440px}.jcb-hero__fan-start,.jcb-hero__fan-end{margin-inline:-14px}}
.jcb-features__item{display:flex;flex-direction:column;gap:14px;height:100%;color:inherit;text-decoration:none}
.jcb-features__item h3,.jcb-features__item h2,.jcb-features__item h4{font-size:19px;line-height:1.35}
.jcb-features__item p{color:var(--jc-muted);font-size:15px;line-height:1.75}
.jcb-features__img{width:56px;height:56px;object-fit:contain}
.jcb-features .jcb-badge .jcb-icon{max-width:70%;max-height:70%}
.jcb-features--cards .jcb-features__item{padding:30px 26px;border:1px solid var(--jc-line);border-radius:calc(var(--jc-radius) + 6px);background:#fff;color:var(--jc-text);transition:transform .25s,box-shadow .25s,border-color .25s;--jc-muted:color-mix(in srgb,var(--jc-text) 64%,#fff)}
.jcb-features--cards .jcb-features__item:hover{transform:translateY(-4px);border-color:transparent;box-shadow:var(--jc-shadow)}
.jcb-features--icons-start .jcb-features__item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px}
.jcb-features--icons-start .jcb-features__item>div{display:grid;gap:8px}
.jcb-features--minimal .jcb-features__item{align-items:center;text-align:center}
.jcb-features--minimal .jcb-badge{width:64px;height:64px;border-radius:50%}
.jcb-features--minimal .jcb-badge .jcb-icon{width:28px;height:28px}
.jcb-bg-primary .jcb-features--icons-start .jcb-badge,.jcb-bg-dark .jcb-badge{background:rgba(255,255,255,.12);color:#fff}
.jcb-features--image-cards .jcb-features__item{position:relative;justify-content:flex-end;min-height:360px;overflow:hidden;padding:24px;border-radius:calc(var(--jc-radius) + 22px);background:var(--jc-secondary);color:#fff;isolation:isolate;transition:transform .3s}
.jcb-features--image-cards .jcb-features__item:hover{transform:translateY(-4px)}
.jcb-features--image-cards .jcb-features__item:nth-child(even){margin-top:56px}
.jcb-features__cover{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.jcb-features--image-cards .jcb-features__item::before{content:"";position:absolute;inset:40% 0 0;z-index:-1;background:linear-gradient(transparent,rgba(30,22,10,.78))}
.jcb-features--image-cards .jcb-features__item :is(h2,h3,h4){font-size:clamp(20px,2vw,26px);font-weight:500;text-transform:uppercase;line-height:1.15}
.jcb-features--image-cards .jcb-features__item p{color:rgba(255,255,255,.85)}
.jcb-features--image-cards .jcb-ph{position:absolute;inset:0;z-index:-2;min-height:0;border-radius:0}
.jcb-features__stack{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px}
.jcb-features__stack .jcb-head{margin:0}
.jcb-features__stack .jcb-actions .jcb-btn{border-radius:999px}
.jcb-features__cards{display:grid;gap:14px}
.jcb-features--stacked .jcb-features__item{position:relative;overflow:hidden;gap:6px;padding:22px 120px 22px 30px;border-radius:calc(var(--jc-radius) + 16px);background:var(--jc-primary);color:#fff}
.jcb-features--stacked .jcb-features__item :is(h2,h3,h4){font-size:clamp(24px,2.6vw,38px);font-weight:700;line-height:1.1}
.jcb-features--stacked .jcb-features__item p{color:rgba(255,255,255,.88);font-size:14px}
.jcb-features--stacked .jcb-badge{position:absolute;top:50%;inset-inline-end:22px;width:auto;height:auto;background:none;color:#fff;opacity:.22;transform:translateY(-50%)}
.jcb-features--stacked .jcb-badge .jcb-icon{width:84px;height:84px;stroke-width:1.2}
.jcb-features--stacked .jcb-features__img{position:absolute;top:50%;inset-inline-end:22px;width:84px;height:84px;opacity:.3;transform:translateY(-50%)}
@media (max-width:991px){.jcb-features__stack{grid-template-columns:minmax(0,1fr);gap:32px}.jcb-features--image-cards .jcb-features__item:nth-child(even){margin-top:0}}
@media (max-width:767px){.jcb-features .jcb-grid{--jcb-n:1;grid-template-columns:minmax(0,1fr)}.jcb-features--cards .jcb-features__item{padding:24px 20px}.jcb-features--image-cards .jcb-grid{--jcb-n:2;grid-template-columns:repeat(2,minmax(0,1fr))}.jcb-features--image-cards .jcb-features__item{min-height:240px;padding:16px}.jcb-features--stacked .jcb-features__item{padding:20px 90px 20px 22px}}
@media(min-width:992px){.jcb.jcb-features--image-cards.jcb-r-columns :is(.jcb-grid){--jcb-n:var(--jcb-r-columns)!important;grid-template-columns:repeat(var(--jcb-r-columns),minmax(0,1fr))!important}}
@media((min-width:768px) and (max-width:991px)){.jcb.jcb-features--image-cards.jcb-r-columns :is(.jcb-grid){--jcb-n:var(--jcb-r-columns-t)!important;grid-template-columns:repeat(var(--jcb-r-columns-t),minmax(0,1fr))!important}}
@media(max-width:767px){.jcb.jcb-features--image-cards.jcb-r-columns :is(.jcb-grid){--jcb-n:var(--jcb-r-columns-m)!important;grid-template-columns:repeat(var(--jcb-r-columns-m),minmax(0,1fr))!important}}
@media(min-width:992px){.jcb.jcb-features--icons-start.jcb-r-columns :is(.jcb-grid){--jcb-n:var(--jcb-r-columns)!important;grid-template-columns:repeat(var(--jcb-r-columns),minmax(0,1fr))!important}}
@media((min-width:768px) and (max-width:991px)){.jcb.jcb-features--icons-start.jcb-r-columns :is(.jcb-grid){--jcb-n:var(--jcb-r-columns-t)!important;grid-template-columns:repeat(var(--jcb-r-columns-t),minmax(0,1fr))!important}}
@media(max-width:767px){.jcb.jcb-features--icons-start.jcb-r-columns :is(.jcb-grid){--jcb-n:var(--jcb-r-columns-m)!important;grid-template-columns:repeat(var(--jcb-r-columns-m),minmax(0,1fr))!important}}
@media(max-width:767px){.jcb.jcb-features--icons-start.jcb-r-iconSize :is(.jcb-features__img,.jcb-features__item>.jcb-badge){width:calc(var(--jcb-r-iconSize-m) * 1px)!important;height:calc(var(--jcb-r-iconSize-m) * 1px)!important}}
@media(max-width:767px){.jcb.jcb-features--icons-start.jcb-r-iconGap :is(.jcb-features__item){column-gap:calc(var(--jcb-r-iconGap-m) * 1px)!important}}
.jcb-slider{position:relative}
.jcb-slider__track{position:relative;display:flex;gap:var(--jcb-gap,0px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.jcb-slider[data-center="1"] .jcb-slider__track>*{scroll-snap-align:center}
.jcb-slider[data-effect=fade] .jcb-slider__track{display:grid;overflow:hidden;scroll-snap-type:none}
.jcb-slider[data-effect=fade] .jcb-slider__track>*{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}
.jcb-slider[data-effect=fade] .jcb-slider__track>.is-active{opacity:1;visibility:visible}
.jcb-slider__track::-webkit-scrollbar{display:none}
.jcb-slider__track>*{flex:0 0 calc((100% - (var(--jcb-per,1) - 1) * var(--jcb-gap,0px)) / var(--jcb-per,1));min-width:0;scroll-snap-align:start}
.jcb-per-2{--jcb-per:2}.jcb-per-3{--jcb-per:3}.jcb-per-4{--jcb-per:4}
.jcb-slider__nav{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:46px;height:46px;margin-top:-23px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#111827;box-shadow:0 6px 18px rgba(15,23,42,.16);cursor:pointer;transition:transform .2s}
.jcb-slider__nav:hover{transform:scale(1.06)}
.jcb-slider__nav:disabled{opacity:.35;cursor:default;transform:none}
.jcb-slider__prev{inset-inline-start:16px}.jcb-slider__next{inset-inline-end:16px}
[dir=rtl] .jcb-slider__nav svg{transform:scaleX(-1)}
.jcb-slider__dots{display:flex;justify-content:center;gap:8px;min-height:8px;margin-top:20px}
.jcb-slider__dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:currentColor;opacity:.28;cursor:pointer;transition:width .25s,opacity .25s}
.jcb-slider__dots button[aria-current=true]{width:26px;opacity:.9}
@media (max-width:991px){.jcb-per-3,.jcb-per-4{--jcb-per:2}}
@media (max-width:767px){.jcb-per-2,.jcb-per-3,.jcb-per-4{--jcb-per:1.12}.jcb-slider__nav{display:none}}

.jcb-carousel__slide{position:relative;min-height:520px;overflow:hidden;background:var(--jc-secondary);color:#fff;isolation:isolate}
.jcb-carousel--medium .jcb-carousel__slide{min-height:400px}.jcb-carousel--screen .jcb-carousel__slide{min-height:100vh;min-height:100svh}
.jcb-carousel__slide picture,.jcb-carousel__slide>img,.jcb-carousel__slide>.jcb-ph{position:absolute;inset:0;z-index:-2;width:100%;height:100%;border-radius:0}
.jcb-carousel__slide picture img{width:100%;height:100%;object-fit:cover}
.jcb-carousel__slide::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,12,24,.62),rgba(8,12,24,.08))}
.jcb-text-end .jcb-carousel__slide::before,[dir=rtl] .jcb-text-start .jcb-carousel__slide::before{background:linear-gradient(270deg,rgba(8,12,24,.62),rgba(8,12,24,.08))}
[dir=rtl] .jcb-text-end .jcb-carousel__slide::before{background:linear-gradient(90deg,rgba(8,12,24,.62),rgba(8,12,24,.08))}
.jcb-text-center .jcb-carousel__slide::before{background:rgba(8,12,24,.42)}
.jcb-carousel__body{padding-block:72px}
.jcb-slider.has-arrows .jcb-carousel__slide>.jcb-container{padding-inline:max(80px,var(--jcb-side))}
.jcb-carousel__title{font-size:clamp(28px,4.2vw,54px);line-height:1.12;font-weight:800;letter-spacing:-.015em;color:inherit}
.jcb-carousel__text{margin-top:16px;font-size:clamp(15px,1.3vw,18px);line-height:1.75;color:var(--jc-muted)}
.jcb-carousel__body .jcb-actions{margin-top:28px}
.jcb-carousel--full .jcb-slider__dots,.jcb-carousel--fade .jcb-slider__dots{position:absolute;inset-inline:0;bottom:22px;margin:0;color:#fff}
.jcb-carousel--contained .jcb-carousel__slide{border-radius:calc(var(--jc-radius) + 10px)}
.jcb-carousel--contained .jcb-carousel__slide>.jcb-container{padding-inline:max(56px,var(--jcb-side))}
.jcb-carousel--contained .jcb-slider.has-arrows .jcb-carousel__slide>.jcb-container{padding-inline:max(84px,var(--jcb-side))}
.jcb-carousel--contained .jcb-slider__dots,.jcb-carousel--split .jcb-slider__dots,.jcb-carousel--coverflow .jcb-slider__dots,.jcb-carousel--peek .jcb-slider__dots,.jcb-carousel--cards .jcb-slider__dots{color:var(--jc-primary)}
.jcb-carousel--split .jcb-carousel__split{position:relative;min-height:540px;padding-block:64px;background:linear-gradient(120deg,color-mix(in srgb,var(--jc-primary) 10%,#fff),#fff 60%,color-mix(in srgb,var(--jc-secondary) 8%,#fff));background-size:cover;background-position:center;color:var(--jc-text);isolation:isolate}
.jcb-carousel--medium .jcb-carousel__split{min-height:440px}.jcb-carousel--screen .jcb-carousel__split{min-height:100vh;min-height:100svh}
.jcb-carousel__split-inner{display:grid;grid-template-columns:minmax(0,1fr) var(--jcb-media-col,minmax(0,1.1fr));align-items:center;gap:48px;height:100%}
.jcb-carousel__split .jcb-carousel__title{font-size:clamp(30px,4.4vw,58px);text-transform:uppercase}
.jcb-carousel__split-media{display:flex;justify-content:center;align-items:flex-end}
.jcb-carousel__split-media img{max-height:440px;width:auto;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(15,23,42,.18))}
.jcb-carousel__split-media .jcb-ph{width:100%;min-height:360px}
.jcb-carousel--split .jcb-slider.has-arrows .jcb-carousel__split>.jcb-container{padding-inline:max(80px,var(--jcb-side))}
.jcb-carousel--coverflow .jcb-slider{--jcb-cf:44%}
.jcb-carousel--coverflow .jcb-slider__track{gap:0;padding-inline:calc((100% - var(--jcb-cf)) / 2);padding-block:16px 24px}
.jcb-carousel--coverflow .jcb-slider__track>*{flex:0 0 100%;transform:scale(.84);opacity:.85;transition:transform .45s,opacity .45s;cursor:pointer}
.jcb-carousel--coverflow .jcb-slider__track>.is-active{z-index:2;transform:none;opacity:1;cursor:default}
.jcb-carousel__cf{overflow:hidden;border-radius:calc(var(--jc-radius) + 16px);background:#fff;color:var(--jc-text);box-shadow:0 18px 44px rgba(15,23,42,.14)}
.jcb-carousel__cf .jcb-ratio{aspect-ratio:16/10}
.jcb-carousel__cf-body{display:grid;gap:4px;padding:24px 20px 28px;text-align:center;transition:background-color .45s,color .45s}
.jcb-carousel__cf-body :is(h2,h3,h4){color:var(--jc-primary);font-size:clamp(18px,2vw,26px);line-height:1.25}
.jcb-carousel__cf-body p{color:inherit;opacity:.85;font-size:15px}
.is-active>.jcb-carousel__cf .jcb-carousel__cf-body{background:var(--jc-primary);color:#fff;padding-block:36px 40px}
.is-active>.jcb-carousel__cf .jcb-carousel__cf-body :is(h2,h3,h4){color:#fff}
.jcb-carousel--caption-card .jcb-slider::after{content:"";position:absolute;inset-inline:0;bottom:0;z-index:-1;height:140px;background:var(--jc-primary)}
.jcb-carousel--caption-card .jcb-slider{isolation:isolate}
.jcb-carousel__cc{position:relative;padding-bottom:70px}
.jcb-carousel__cc .jcb-ratio{aspect-ratio:auto;height:clamp(300px,36vw,560px);border-radius:0}
.jcb-carousel__cc-card{position:absolute;bottom:20px;inset-inline:0;width:min(900px,calc(100% - 40px));margin-inline:auto;padding:24px 72px;border-radius:calc(var(--jc-radius) + 10px);background:#fff;color:var(--jc-text);text-align:center;box-shadow:0 14px 34px rgba(15,23,42,.12)}
.jcb-carousel__cc-card :is(h2,h3,h4){color:var(--jc-primary);font-size:clamp(20px,2.4vw,30px);line-height:1.25}
.jcb-carousel__cc-card p{margin-top:8px;color:var(--jc-muted);font-size:16px}
.jcb-carousel--caption-card .jcb-slider__nav{top:auto;bottom:62px;margin:0;background:var(--jc-primary);color:#fff;width:40px;height:40px}
.jcb-carousel--caption-card .jcb-slider__prev{inset-inline-start:max(30px,calc(50% - 430px))}
.jcb-carousel--caption-card .jcb-slider__next{inset-inline-end:max(30px,calc(50% - 430px))}
.jcb-carousel--peek .jcb-slider{--jcb-gap:24px}
.jcb-carousel--peek .jcb-slider__track>*{flex:0 0 var(--jcb-peek,86%)}
.jcb-carousel__pk .jcb-ratio{aspect-ratio:16/7.4;border-radius:calc(var(--jc-radius) + 22px)}
.jcb-carousel__pk-title{position:absolute;inset-inline:0;bottom:0;z-index:1;padding:60px 40px 28px;background:linear-gradient(transparent,rgba(8,12,24,.62));color:#fff;font-size:clamp(22px,3vw,40px);font-weight:800;text-transform:uppercase}
.jcb-carousel__pk-media{position:relative;overflow:hidden;border-radius:calc(var(--jc-radius) + 22px)}
.jcb-carousel__pk-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 34px 0}
.jcb-carousel__pk-foot p{max-width:620px;font-size:18px;line-height:1.6}
.jcb-carousel__pk-foot .jcb-btn{border-radius:999px}
.jcb-carousel--peek .jcb-slider__nav{top:calc(50% - 40px);border-radius:var(--jc-radius);background:var(--jc-primary);color:#fff}
.jcb-carousel--peek .jcb-slider__prev{display:none}
.jcb-carousel--peek .jcb-slider__next{inset-inline-end:calc(100% - var(--jcb-peek,86%) - 23px)}
.jcb-carousel__th .jcb-ratio{aspect-ratio:16/8;border-radius:calc(var(--jc-radius) + 8px)}
.jcb-carousel__th-caption{position:absolute;inset-inline:0;bottom:0;z-index:1;padding:56px 32px 26px;background:linear-gradient(transparent,rgba(8,12,24,.66));color:#fff}
.jcb-carousel__th-caption :is(h2,h3,h4){font-size:clamp(20px,2.6vw,32px)}
.jcb-carousel__th-caption p{margin-top:6px;opacity:.88}
.jcb-carousel__th{position:relative;overflow:hidden;border-radius:calc(var(--jc-radius) + 8px)}
.jcb-carousel__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:14px}
.jcb-carousel__thumbs button{overflow:hidden;aspect-ratio:16/10;padding:0;border:2px solid transparent;border-radius:var(--jc-radius);background:var(--jc-soft);cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}
.jcb-carousel__thumbs button[aria-current=true]{border-color:var(--jc-primary);opacity:1}
.jcb-carousel__thumbs img{width:100%;height:100%;object-fit:cover}
.jcb-carousel--cards .jcb-slider{--jcb-gap:24px}
.jcb-carousel--cards .jcb-card{display:flex;flex-direction:column;height:100%;text-decoration:none;transition:transform .25s,box-shadow .25s}
.jcb-carousel--cards a.jcb-card:hover{transform:translateY(-4px);box-shadow:var(--jc-shadow)}
.jcb-carousel--cards .jcb-ratio{aspect-ratio:4/3}
.jcb-carousel__card-body{padding:20px 22px 24px}
.jcb-carousel__card-body h3,.jcb-carousel__card-body h2,.jcb-carousel__card-body h4{font-size:19px;line-height:1.35}
.jcb-carousel__card-body p{margin-top:8px;color:var(--jc-muted);font-size:15px}
.jcb-carousel--cards .jcb-slider__nav{top:38%}
@media (max-width:991px){.jcb-carousel__split-inner{grid-template-columns:minmax(0,1fr);gap:28px;text-align:center}.jcb-carousel__split-inner .jcb-actions{justify-content:center}.jcb-carousel__split-media img{max-height:300px}.jcb-carousel__split-media{order:var(--jcb-media-order,0)}.jcb-carousel--coverflow .jcb-slider{--jcb-cf:64%}}
.jcb-motion .jcb-slider__track>* :is(.jcb-carousel__body,.jcb-carousel__cc-card,.jcb-carousel__th-caption,.jcb-carousel__cf-body)>*{transition:opacity .7s var(--jcb-ease),transform .8s var(--jcb-ease)}
.jcb-motion .jcb-slider__track>* :is(.jcb-carousel__body,.jcb-carousel__cc-card,.jcb-carousel__th-caption,.jcb-carousel__cf-body)>:nth-child(2){transition-delay:.12s}
.jcb-motion .jcb-slider__track>* :is(.jcb-carousel__body,.jcb-carousel__cc-card,.jcb-carousel__th-caption,.jcb-carousel__cf-body)>:nth-child(3){transition-delay:.24s}
.jcb-motion .jcb-slider__track>:not(.is-active) :is(.jcb-carousel__body,.jcb-carousel__cc-card,.jcb-carousel__th-caption,.jcb-carousel__cf-body)>*{opacity:0;transform:translateY(26px);transition-delay:0s}
.jcb-motion .jcb-carousel__slide picture img,.jcb-motion .jcb-carousel__split-media img{transition:transform 6s ease-out}
.jcb-motion .jcb-carousel__slide:not(.is-active) picture img{transform:scale(1.08)}
.jcb-motion .jcb-slider__track>:not(.is-active) .jcb-carousel__split-media img{transform:translateX(40px) scale(.96);transition-duration:.9s}
@media (max-width:767px){.jcb-carousel__slide{min-height:440px}.jcb-slider.has-arrows .jcb-carousel__slide>.jcb-container,.jcb-carousel--contained .jcb-carousel__slide>.jcb-container,.jcb-carousel--contained .jcb-slider.has-arrows .jcb-carousel__slide>.jcb-container,.jcb-carousel--split .jcb-slider.has-arrows .jcb-carousel__split>.jcb-container{padding-inline:max(24px,min(var(--jcb-side),32px))}.jcb-carousel--coverflow .jcb-slider{--jcb-cf:82%}.jcb-carousel__cc-card{padding:18px 20px}.jcb-carousel--peek .jcb-slider__track>*{flex-basis:var(--jcb-peek,90%)}.jcb-carousel__pk .jcb-ratio{aspect-ratio:4/3}.jcb-carousel__pk-title{padding:40px 20px 18px}.jcb-carousel__pk-foot{padding:16px 6px 0}.jcb-carousel__th .jcb-ratio{aspect-ratio:4/3}.jcb-carousel__thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
.jcb-product-catalog .product-header { margin-bottom: clamp(32px, 4vw, 64px); } .jcb-product-catalog .product-title { margin: 0; color: var(--jc-primary); font-size: clamp(34px, 4.5vw, 76px); font-weight: 800; line-height: 1.1; letter-spacing: -.035em; overflow-wrap: anywhere; } .jcb-product-catalog .product-subtitle { margin: 12px 0 0; color: var(--jc-muted); font-size: clamp(18px, 2vw, 30px); line-height: 1.4; overflow-wrap: anywhere; } .jcb-product-catalog .product-grid { display: grid; grid-template-columns: repeat(var(--product-columns, 3), minmax(0, 1fr)); gap: 48px 32px; } .jcb-product-catalog .product-card { display: flex; flex-direction: column; min-width: 0; } .jcb-product-catalog .product-media { position: relative; display: block; width: 100%; flex: none; aspect-ratio: var(--jcb-ratio, 1); border-radius: var(--jc-radius); overflow: hidden; color: inherit; text-decoration: none; } .jcb-product-catalog .product-image { display: block; width: 100%; height: 100%; object-fit: var(--jcb-fit, contain); object-position: center; } .jcb-product-catalog .product-placeholder { display: grid; place-items: center; width: 100%; height: 100%; min-height: 180px; color: var(--jc-muted); background: color-mix(in srgb, currentColor 5%, transparent); } .jcb-product-catalog .product-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding-top: 24px; } .jcb-product-catalog .product-name-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin-bottom: 10px; } .jcb-product-catalog .product-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--jcb-title-lines, 2); overflow: hidden; margin: 0; color: var(--jc-primary); font-size: clamp(22px, 2vw, 32px); line-height: 1.2; font-weight: 750; letter-spacing: -.025em; overflow-wrap: anywhere; } .jcb-product-catalog .product-name a { color: inherit; text-decoration: none; } .jcb-product-catalog .product-kind { margin: 0; color: var(--jc-muted); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; } .jcb-product-catalog .product-headline { margin: 0 0 8px; color: inherit; font-size: 17px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; } .jcb-product-catalog .product-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--jcb-text-lines, 3); overflow: hidden; width: 100%; margin: 0 0 24px; color: var(--jc-muted); font-size: 15px; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere; } .jcb-product-catalog .product-button { max-width: 100%; min-height: 44px; margin-top: auto; font-family: inherit; font-weight: 500; } .jcb-product-catalog .product-button span { min-width: 0; overflow-wrap: anywhere; } .jcb-product-catalog .product-button svg { flex: none; width: 18px; height: 20px; fill: none; stroke: currentColor; } .jcb-product-catalog .product-button[aria-disabled] { cursor: default; } .jcb-product-catalog .product-button[aria-disabled]:hover { transform: none; } .jcb-product-catalog :is(.product-name a, a.product-button):hover { text-decoration: underline; text-underline-offset: .2em; } .jcb-product-catalog :is(.product-name a, a.product-button):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } .jcb-product-catalog .product-empty { grid-column: 1 / -1; } .jcb-product-catalog.product-align-center .product-header { text-align: center; } .jcb-product-catalog.product-align-center .product-copy { align-items: center; text-align: center; } .jcb-product-catalog.product-align-center .product-name-row { justify-content: center; } .jcb-product-catalog:is(.jcb-bg-primary, .jcb-bg-dark, .jcb-bg-image, .jcb-tone-light) :is(.product-title, .product-name) { color: inherit; } @media (max-width: 1100px) { .jcb-product-catalog .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; } } @media (max-width: 640px) { .jcb-product-catalog .product-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; } .jcb-product-catalog .product-title { font-size: clamp(30px, 8vw, 44px); } .jcb-product-catalog .product-subtitle { font-size: 18px; } .jcb-product-catalog .product-copy { padding-top: 20px; } .jcb-product-catalog .product-name { font-size: 26px; } }
.jcb-technology-operations .ops-container { container-type: inline-size; } .jcb-technology-operations .ops-grid { display: grid; grid-template-columns: repeat(var(--ops-columns, 4), minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; } .jcb-technology-operations .ops-item { min-width: 0; display: flex; } .jcb-technology-operations .ops-card { position: relative; display: flex; flex-direction: column; width: 100%; min-width: 0; min-height: var(--ops-height, 340px); overflow: hidden; border-radius: calc(var(--jc-radius) + 24px); background: color-mix(in srgb, var(--jc-primary) 6%, #fff); color: var(--jc-text); } .jcb-technology-operations .ops-media { position: relative; display: grid; place-items: center; flex-shrink: 0; height: calc(var(--ops-height, 340px) - 92px); min-height: 0; overflow: hidden; } .jcb-technology-operations .ops-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .jcb-technology-operations .ops-icon { display: grid; place-items: center; color: var(--jc-primary); } .jcb-technology-operations .ops-icon .jcb-icon { width: 80px; height: 80px; stroke-width: 1.1; } .jcb-technology-operations .ops-copy { display: flex; flex-direction: column; width: 100%; max-height: 100%; padding: 26px 22px; border-radius: calc(var(--jc-radius) + 24px) calc(var(--jc-radius) + 24px) 0 0; background: var(--jc-primary); color: #fff; } .jcb-technology-operations .ops-title-row { display: flex; flex-shrink: 0; gap: 12px; align-items: center; } .jcb-technology-operations .ops-card-title { flex: 1; min-width: 0; margin: 0; font-size: 21px; font-weight: 700; line-height: 1.25; white-space: pre-line; overflow-wrap: anywhere; } .jcb-technology-operations .ops-toggle { flex-shrink: 0; display: grid; place-items: center; width: 32px; height: 32px; padding: 5px; border: 1px solid currentColor; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; font: inherit; opacity: .85; } .jcb-technology-operations .ops-toggle svg { width: 100%; height: 100%; } .jcb-technology-operations .ops-toggle:focus-visible, .jcb-technology-operations .ops-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } .jcb-technology-operations .ops-detail { display: grid; grid-template-rows: 1fr; min-height: 0; } .jcb-technology-operations .ops-detail-inner { min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: none; } .jcb-technology-operations .ops-detail-inner::-webkit-scrollbar { display: none; width: 0; height: 0; } .jcb-technology-operations .ops-description { margin: 14px 0 0; font-size: 14px; line-height: 1.7; opacity: .9; white-space: pre-line; overflow-wrap: anywhere; } .jcb-technology-operations .ops-link { display: inline-flex; gap: 10px; align-items: center; margin-top: 16px; color: inherit; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; } .jcb-technology-operations .ops-link .jcb-icon { width: 17px; height: 17px; } .jcb-technology-operations .ops-enhanced .ops-card { height: var(--ops-height, 340px); min-height: 0; } .jcb-technology-operations .ops-enhanced .ops-media { height: 100%; padding-bottom: 92px; } .jcb-technology-operations .ops-enhanced .ops-copy { position: absolute; bottom: 0; } .jcb-technology-operations .ops-enhanced .ops-detail { grid-template-rows: 0fr; opacity: 0; visibility: hidden; transform: translateY(18px); } .jcb-technology-operations .ops-enhanced .is-open .ops-detail { grid-template-rows: 1fr; opacity: 1; visibility: visible; transform: translateY(0); } .jcb-technology-operations .ops-enhanced .is-open .ops-toggle svg { transform: rotate(45deg); } @media (prefers-reduced-motion: no-preference) { .jcb-technology-operations [data-ops-motion="on"].ops-enhanced .ops-detail { transition: grid-template-rows .45s ease, transform .45s ease, opacity .3s ease, visibility 0s linear .45s; } .jcb-technology-operations [data-ops-motion="on"].ops-enhanced .is-open .ops-detail { transition-delay: 0s; } .jcb-technology-operations [data-ops-motion="on"] .ops-toggle svg { transition: transform .3s ease; } } @container (max-width: 1000px) { .jcb-technology-operations .ops-grid { grid-template-columns: repeat(var(--ops-tablet-columns, 3), minmax(0, 1fr)); gap: 20px; } } @container (max-width: 560px) { .jcb-technology-operations .ops-grid { grid-template-columns: repeat(var(--ops-mobile-columns, 2), minmax(0, 1fr)); gap: 16px; } .jcb-technology-operations .ops-copy { padding: 22px 16px; } .jcb-technology-operations .ops-card-title { font-size: 18px; } .jcb-technology-operations .ops-title-row { gap: 8px; } .jcb-technology-operations .ops-toggle { width: 28px; height: 28px; padding: 4px; } .jcb-technology-operations .ops-description { font-size: 13px; } .jcb-technology-operations .ops-icon .jcb-icon { width: 64px; height: 64px; } } @container (max-width: 320px) { .jcb-technology-operations .ops-grid { grid-template-columns: minmax(0, 1fr); } }
.jcb-business-solutions {
  --biz-tint: var(--jc-primary);
  --biz-caption: #fff;
  --biz-radius: var(--jc-radius);
}
.jcb-business-solutions .biz-container { container-type: inline-size; }
.jcb-business-solutions .biz-grid {
  --jcb-n: var(--biz-columns);
  --jcb-grid-gap: var(--biz-gap);
  display: grid;
  grid-template-columns: repeat(var(--biz-columns), minmax(0, 1fr));
  align-items: start;
  gap: var(--jcb-grid-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.jcb-business-solutions .biz-item {
  position: relative;
  min-width: 0;
  padding-top: var(--biz-lift);
}
.jcb-business-solutions .biz-number {
  position: absolute;
  top: 0;
  inset-inline-end: 22px;
  color: color-mix(in srgb, var(--biz-tint) 12%, transparent);
  font-size: 160px;
  font-weight: 800;
  line-height: 1;
  user-select: none;
  pointer-events: none;
}
.jcb-business-solutions .biz-card {
  position: relative;
  min-width: 0;
  border-radius: var(--biz-radius);
  border-top-left-radius: var(--biz-radius-top-left, var(--biz-radius));
  outline-offset: 5px;
}
.jcb-business-solutions .biz-visual {
  position: relative;
  height: var(--biz-height);
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  border-radius: var(--biz-radius);
  border-top-left-radius: var(--biz-radius-top-left, var(--biz-radius));
  background: var(--jc-soft);
}
.jcb-business-solutions .biz-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jcb-business-solutions .biz-placeholder { height: 100%; }
.jcb-business-solutions .biz-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--biz-tint) 18%, transparent) 59%, color-mix(in srgb, var(--biz-tint) 78%, transparent) 82%, var(--biz-tint) 100%);
  pointer-events: none;
}
.jcb-business-solutions .biz-visual figcaption {
  position: absolute;
  inset-inline: 22px;
  bottom: 24px;
  z-index: 2;
  color: var(--biz-caption);
}
.jcb-business-solutions .biz-card-title {
  margin: 0;
  color: inherit;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -.025em;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.jcb-business-solutions .biz-detail {
  padding: 16px 12px 6px;
  opacity: 0;
  visibility: hidden;
}
.jcb-business-solutions .biz-description {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.jcb-business-solutions .biz-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  max-width: 100%;
  min-height: 44px;
  margin-top: 12px;
  padding: 8px 13px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.jcb-business-solutions .biz-link span { flex-shrink: 0; font-size: 20px; }
.jcb-business-solutions .biz-link:hover { background: color-mix(in srgb, var(--biz-tint) 18%, transparent); }
.jcb-business-solutions :is(.biz-card, .biz-link):focus-visible { outline: 3px solid currentColor; }
/* 稳定的 li 保留上移空间；隐藏内容仍占位，长文案和切换均不推动其他卡片。 */
.jcb-business-solutions .biz-item[data-biz-reveal]:has(:focus-visible) .biz-card { transform: translateY(calc(-1 * var(--biz-lift))); }
.jcb-business-solutions .biz-item[data-biz-reveal]:has(:focus-visible) .biz-detail { opacity: 1; visibility: visible; }
@media (hover: hover) and (pointer: fine) {
  .jcb-business-solutions .biz-item[data-biz-reveal]:hover .biz-card { transform: translateY(calc(-1 * var(--biz-lift))); }
  .jcb-business-solutions .biz-item[data-biz-reveal]:hover .biz-detail { opacity: 1; visibility: visible; }
}
@media (prefers-reduced-motion: no-preference) {
  .jcb-business-solutions [data-biz-motion="on"] .biz-card { transition: transform .48s cubic-bezier(.22, 1, .36, 1); }
  .jcb-business-solutions [data-biz-motion="on"] .biz-detail { transition: opacity .28s ease, visibility .28s; }
}
@container (max-width: 1060px) {
  .jcb-business-solutions .biz-grid { --jcb-n: var(--biz-tablet-columns); grid-template-columns: repeat(var(--biz-tablet-columns), minmax(0, 1fr)); }
  .jcb-business-solutions .biz-item { padding-top: 40px; }
  .jcb-business-solutions .biz-number { top: 0; font-size: 110px; }
  .jcb-business-solutions .biz-item .biz-card,
  .jcb-business-solutions .biz-item[data-biz-reveal]:is(:hover, :has(:focus-visible)) .biz-card { transform: none; }
  .jcb-business-solutions .biz-detail { opacity: 1; visibility: visible; }
}
@container (max-width: 560px) {
  .jcb-business-solutions .biz-grid { --jcb-n: 1; grid-template-columns: minmax(0, 1fr); }
  .jcb-business-solutions .biz-card-title { font-size: 25px; }
  .jcb-business-solutions .biz-detail { padding-inline: 6px; }
}
@media (hover: none), (pointer: coarse), print {
  .jcb-business-solutions .biz-item { padding-top: 40px; }
  .jcb-business-solutions .biz-number { top: 0; font-size: 110px; }
  .jcb-business-solutions .biz-item .biz-card,
  .jcb-business-solutions .biz-item[data-biz-reveal]:is(:hover, :has(:focus-visible)) .biz-card { transform: none; }
  .jcb-business-solutions .biz-detail { opacity: 1; visibility: visible; }
}
@media(min-width:768px){.jcb.jcb-business-solutions--default.jcb-r-cardHeight{--biz-height:calc(var(--jcb-r-cardHeight) * 1px)!important}}
@media(min-width:768px){.jcb.jcb-business-solutions--default.jcb-r-gap :is(.biz-grid){gap:calc(var(--jcb-r-gap) * 1px)!important;--jcb-grid-gap:calc(var(--jcb-r-gap) * 1px)!important}}
.jcb-acc__layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:clamp(32px,5vw,72px)}
.jcb-acc__title{font-size:clamp(30px,4vw,52px);line-height:1.08;font-weight:800;letter-spacing:-.02em;white-space:pre-line}
.jcb-acc__text .jcb-lead{margin-top:18px}
.jcb-acc{display:flex;gap:12px;height:var(--jcb-acc-h,480px)}
.jcb-acc__panel{position:relative;flex:1 1 0;min-width:52px;overflow:hidden;border-radius:calc(var(--jc-radius) + 14px);background:var(--jc-secondary);color:#fff;cursor:pointer;isolation:isolate;transition:flex-grow .7s var(--jcb-ease,ease)}
.jcb-acc__panel.is-active{flex-grow:5;cursor:default}
.jcb-acc__panel:focus-visible{outline:3px solid var(--jc-primary);outline-offset:3px}
.jcb-acc__panel>img,.jcb-acc__panel>.jcb-ph{position:absolute;inset:0;z-index:-2;width:100%;height:100%;min-height:0;object-fit:cover;border-radius:0;transition:transform .8s var(--jcb-ease,ease)}
.jcb-acc__panel.is-active>img{transform:scale(1.04)}
.jcb-acc__panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,12,24,.05) 40%,rgba(8,12,24,.72))}
.jcb-acc__label{position:absolute;left:50%;bottom:28px;max-height:calc(100% - 56px);overflow:hidden;writing-mode:vertical-rl;text-orientation:var(--jcb-vorient,mixed);text-overflow:ellipsis;transform:translateX(-50%) rotate(var(--jcb-vrot,180deg));font-size:15px;font-weight:700;white-space:nowrap;transition:opacity .3s}
.jcb-acc__panel.is-active .jcb-acc__label{opacity:0}
.jcb-acc__body{position:absolute;inset-inline:24px;bottom:22px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .4s .15s,transform .5s .15s var(--jcb-ease,ease)}
.jcb-acc__panel.is-active .jcb-acc__body{opacity:1;transform:none;pointer-events:auto}
.jcb-acc__body :is(h2,h3,h4){font-size:clamp(18px,1.8vw,24px);line-height:1.25;font-weight:750}
.jcb-acc__body a{color:inherit;text-decoration:none}
.jcb-acc__body a:hover{text-decoration:underline}
.jcb-acc__body p{max-width:440px;margin-top:6px;color:rgba(255,255,255,.86);font-size:14.5px;line-height:1.6}
@media (max-width:991px){.jcb-acc__layout{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.jcb-acc{flex-direction:column;height:auto}.jcb-acc__panel{flex:none;height:64px;transition:height .6s var(--jcb-ease,ease)}.jcb-acc__panel.is-active{height:300px}.jcb-acc__label{left:auto;inset-inline-start:20px;top:50%;bottom:auto;max-height:none;max-width:calc(100% - 40px);writing-mode:horizontal-tb;transform:translateY(-50%)}}
.jcb-split-feature-list .sfl-container { container-type: inline-size; } .jcb-split-feature-list .sfl-layout { display: grid; grid-template-columns: minmax(0, var(--sfl-copy-width)) minmax(0, 1fr); align-items: stretch; gap: var(--sfl-column-gap); } .jcb-split-feature-list .sfl-layout--reverse { grid-template-columns: minmax(0, 1fr) minmax(0, var(--sfl-copy-width)); } .jcb-split-feature-list .sfl-layout--reverse .sfl-copy { order: 2; } .jcb-split-feature-list .sfl-copy { min-width: 0; } .jcb-split-feature-list .sfl-copy > .jcb-textbox { width: 100%; } .jcb-split-feature-list .sfl-copy .jcb-head { max-width: none; margin: 0; text-align: inherit; } .jcb-split-feature-list .sfl-copy .jcb-title { white-space: pre-line; overflow-wrap: anywhere; } .jcb-split-feature-list .sfl-actions { margin-top: 32px; } .jcb-split-feature-list .sfl-actions .jcb-btn { min-height: 44px; max-width: 100%; white-space: normal; text-align: start; overflow-wrap: anywhere; } .jcb-split-feature-list .sfl-button-arrow { flex-shrink: 0; width: 24px; height: 24px; } [dir="rtl"] .jcb-split-feature-list .sfl-button-arrow { transform: rotate(180deg); } .jcb-split-feature-list .sfl-list { display: grid; align-content: start; gap: var(--sfl-card-gap); min-width: 0; margin: 0; padding: 0; list-style: none; } .jcb-split-feature-list .sfl-item { min-width: 0; } .jcb-split-feature-list .sfl-card { position: relative; isolation: isolate; display: flex; align-items: center; min-height: var(--sfl-min-height); padding: var(--sfl-padding); overflow: hidden; border-radius: var(--jc-radius); background: var(--sfl-card-bg, var(--jc-primary)); color: var(--sfl-card-text, #fff); } .jcb-split-feature-list .sfl-card-copy { position: relative; z-index: 1; min-width: 0; width: 100%; } .jcb-split-feature-list .sfl-card-title { margin: 0; color: inherit; font-size: var(--sfl-title-size); font-weight: 750; line-height: 1.15; white-space: pre-line; overflow-wrap: anywhere; } .jcb-split-feature-list .sfl-description { margin: 10px 0 0; font-size: inherit; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; } .jcb-split-feature-list .sfl-mark { position: absolute; z-index: 0; inset-inline-end: 16px; top: 50%; transform: translateY(-50%); width: var(--sfl-icon-size); height: var(--sfl-icon-size); opacity: var(--sfl-icon-opacity); color: inherit; pointer-events: none; } .jcb-split-feature-list .sfl-mark :is(.jcb-icon, img) { display: block; width: 100%; height: 100%; object-fit: contain; } .jcb-split-feature-list .sfl-actions .jcb-btn:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; } @container (max-width: 900px) { .jcb-split-feature-list .sfl-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; } .jcb-split-feature-list .sfl-layout--reverse .sfl-copy { order: 0; } } @container (max-width: 560px) { .jcb-split-feature-list .sfl-card-title { font-size: min(var(--sfl-title-size), 32px); } .jcb-split-feature-list .sfl-card { padding: min(var(--sfl-padding), 24px); } } @media (prefers-reduced-motion: reduce) { .jcb-split-feature-list .sfl-actions .jcb-btn, .jcb-split-feature-list .sfl-button-arrow { transition: none; animation: none; } }
.jcb-choice-panels .cp-container { container-type: inline-size; } .jcb-choice-panels .cp-header { margin-bottom: var(--cp-head-gap); } .jcb-choice-panels .cp-header .jcb-head { max-width: none; margin-bottom: 0; } .jcb-choice-panels .cp-header .jcb-title { white-space: pre-line; } .jcb-choice-panels .cp-pointer { display: block; width: 48px; height: 16px; margin: 28px auto 0; background: var(--cp-accent, var(--jc-primary)); clip-path: polygon(0 0, 100% 0, 50% 100%); } .jcb-choice-panels .cp-header--start .cp-pointer { margin-inline: 0; } .jcb-choice-panels .cp-list { --jcb-n: var(--cp-columns); --jcb-grid-gap: 0px; display: grid; grid-template-columns: repeat(var(--cp-columns), minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; border: var(--cp-border) solid var(--cp-accent, var(--jc-primary)); border-radius: var(--cp-radius, var(--jc-radius)); overflow: hidden; list-style: none; } .jcb-choice-panels .cp-item { display: flex; min-width: 0; } .jcb-choice-panels .cp-panel { display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 0; min-height: var(--cp-min-height); padding: var(--cp-padding); background: var(--cp-background, transparent); color: var(--cp-text, var(--jc-primary)); text-align: center; } .jcb-choice-panels .cp-item:has(:focus-visible) .cp-panel { background: var(--cp-highlight-bg, var(--jc-primary)); color: var(--cp-highlight-text, #fff); } @media (hover: hover) and (pointer: fine) { .jcb-choice-panels .cp-item:hover .cp-panel { background: var(--cp-highlight-bg, var(--jc-primary)); color: var(--cp-highlight-text, #fff); } .jcb-choice-panels .cp-list:has(.cp-item:hover) .cp-item:not(:hover):has(:focus-visible) .cp-panel { background: var(--cp-background, transparent); color: var(--cp-text, var(--jc-primary)); } } .jcb-choice-panels .cp-panel-title { width: 100%; margin: 0; color: inherit; font-size: var(--cp-title-size); font-weight: 750; line-height: 1.18; white-space: pre-line; overflow-wrap: anywhere; } .jcb-choice-panels .cp-description { width: 100%; margin: 16px 0 0; color: inherit; font-size: inherit; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; } .jcb-choice-panels .cp-actions { width: 100%; justify-content: center; margin-top: auto; padding-top: 32px; } .jcb-choice-panels .cp-button { min-width: 0; max-width: 100%; min-height: 44px; color: inherit; white-space: normal; } .jcb-choice-panels .cp-button:hover { background: color-mix(in srgb, currentColor 10%, transparent); color: inherit; } .jcb-choice-panels .cp-button-text { min-width: 0; overflow-wrap: anywhere; } .jcb-choice-panels .cp-button-arrow { flex-shrink: 0; width: 20px; height: 20px; } .jcb-choice-panels .cp-button:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; } [dir="rtl"] .jcb-choice-panels .cp-button-arrow { transform: rotate(180deg); } @container (max-width: 900px) { .jcb-choice-panels .cp-list { --jcb-n: 1; grid-template-columns: minmax(0, 1fr); } .jcb-choice-panels .cp-panel { padding: min(var(--cp-padding), 28px); } .jcb-choice-panels .cp-panel-title { font-size: min(var(--cp-title-size), 32px); } } @media (prefers-reduced-motion: reduce) { .jcb-choice-panels .cp-button, .jcb-choice-panels .cp-button-arrow { transition: none; animation: none; } }
.jcb-post{display:flex;flex-direction:column;min-width:0;height:100%}
.jcb-post__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--jcb-ratio,4/3);border-radius:calc(var(--jc-radius) + 4px);background:var(--jc-soft)}
.jcb-post__media img{width:100%;height:100%;object-fit:var(--jcb-fit,cover);transition:transform .45s}
.jcb-post__media .jcb-ph{width:100%;height:100%;min-height:0;border-radius:0}
.jcb-post:hover .jcb-post__media img{transform:scale(1.05)}
.jcb-post__body{display:flex;flex-direction:column;gap:8px;padding-top:16px}
.jcb-post__date{color:var(--jc-muted);font-size:13px;font-variant-numeric:tabular-nums}
.jcb-post__title{font-size:18px;line-height:1.4;font-weight:700}
.jcb-post__title a{text-decoration:none;display:-webkit-box;-webkit-line-clamp:var(--jcb-title-lines,2);-webkit-box-orient:vertical;overflow:hidden}
.jcb-post__title a:hover{color:var(--jc-primary)}
.jcb-post__summary{display:-webkit-box;-webkit-line-clamp:var(--jcb-text-lines,3);-webkit-box-orient:vertical;overflow:hidden;color:var(--jc-muted);font-size:15px;line-height:1.7}

.jcb-blog__featured{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;align-items:start}
.jcb-blog__featured>.jcb-post .jcb-post__media{aspect-ratio:var(--jcb-ratio,16/10)}
.jcb-blog__featured>.jcb-post .jcb-post__title{font-size:24px}
.jcb-blog__side{display:grid;gap:22px}
.jcb-blog__side .jcb-post{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center}
.jcb-blog__side .jcb-post__body{padding:0;gap:4px}
.jcb-blog__side .jcb-post__title{font-size:16px}
.jcb-blog__side .jcb-post__media{aspect-ratio:4/3}
.jcb-blog--magazine .jcb-post__date{position:absolute;top:12px;inset-inline-start:12px;padding:4px 10px;border-radius:999px;background:var(--jc-primary);color:#fff;font-size:12px;font-weight:700}
.jcb-blog--magazine .jcb-post{position:relative}
.jcb-blog__compact{display:grid;max-width:900px;margin-inline:auto;border-top:1px solid var(--jc-line)}
.jcb-blog__compact .jcb-post{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:22px 4px;border-bottom:1px solid var(--jc-line)}
.jcb-blog__compact .jcb-post__date{color:var(--jc-primary);font-size:15px;font-weight:700}
.jcb-blog__compact .jcb-post__body{padding:0}
.jcb-blog__spot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.jcb-blog__spot-main .jcb-post{overflow:hidden;border-radius:calc(var(--jc-radius) + 32px) calc(var(--jc-radius) + 32px) calc(var(--jc-radius) + 32px) var(--jc-radius);background:#0b0b0b;color:#fff}
.jcb-blog__spot-main .jcb-post__media{aspect-ratio:var(--jcb-ratio,16/9);border-radius:0}
.jcb-blog__spot-main .jcb-post__body{gap:12px;padding:28px 34px 32px}
.jcb-blog__spot-main .jcb-post__title{font-size:clamp(20px,2vw,26px);text-transform:uppercase;color:var(--jc-primary)}
.jcb-blog__spot-main .jcb-post__title a{-webkit-line-clamp:var(--jcb-title-lines,3)}
.jcb-blog__spot-main .jcb-post__summary{color:rgba(255,255,255,.88)}
.jcb-blog__spot-main .jcb-post__read{align-self:flex-end;display:inline-flex;align-items:center;gap:4px;padding:6px 16px;border:1px solid rgba(255,255,255,.7);border-radius:999px;font-size:13px;text-decoration:none}
.jcb-blog__spot-main .jcb-post__read .jcb-icon{width:14px;height:14px}
.jcb-blog__spot-list{display:grid;gap:12px}
.jcb-blog__spot-list .jcb-post{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px 28px;border-radius:999px;background:color-mix(in srgb,var(--jc-text) 5%,#fff);transition:background-color .2s}
.jcb-blog__spot-list .jcb-post__title{font-size:17px;font-weight:500}
.jcb-blog__spot-list .jcb-post__title a{-webkit-line-clamp:1}
.jcb-blog__spot-list .jcb-post__date{color:inherit;font-size:16px}
.jcb-blog__spot-list .jcb-post:first-child,.jcb-blog__spot-list .jcb-post:hover{background:var(--jc-primary);color:#fff}
.jcb-blog__spot-list .jcb-post:first-child .jcb-post__title a:hover{color:inherit}
.jcb-blog__spot-list .jcb-post:first-child::before{content:"";position:absolute;inset-inline-start:-12px;top:50%;border:7px solid transparent;border-inline-end-color:var(--jc-primary);transform:translateY(-50%)}
@media (max-width:991px){.jcb-blog__featured,.jcb-blog__spot{grid-template-columns:minmax(0,1fr)}.jcb-blog__spot-list .jcb-post{border-radius:calc(var(--jc-radius) + 10px)}}
@media (max-width:767px){.jcb-blog__compact .jcb-post{grid-template-columns:minmax(0,1fr);gap:6px}.jcb-blog__side .jcb-post{grid-template-columns:104px minmax(0,1fr)}}
/* Keep offscreen provider helpers from expanding the page; vertical popovers stay visible. */
.jcb-inquiry-panel .qi-container { container-type: inline-size; position: relative; overflow-x: clip; overflow-clip-margin: 8px; }
.jcb-inquiry-panel .qi-frame { position: relative; }
.jcb-inquiry-panel .qi-frame--quotes { padding: 26px 24px; }
.jcb-inquiry-panel .qi-panel {
  display: grid;
  grid-template-columns: minmax(0, var(--qi-copy-width)) minmax(0, 1fr);
  align-items: start;
  gap: var(--qi-gap);
  padding: min(var(--qi-padding), 4.5cqi);
  border-radius: var(--qi-radius, var(--jc-radius, 32px));
  background: var(--jcb-bg, var(--jc-primary));
  color: inherit;
}
.jcb-inquiry-panel .qi-panel--reverse { grid-template-columns: minmax(0, 1fr) minmax(0, var(--qi-copy-width)); }
.jcb-inquiry-panel .qi-panel--reverse .qi-copy { order: 2; }
.jcb-inquiry-panel .qi-panel--stacked { grid-template-columns: minmax(0, 1fr); gap: 32px; }
.jcb-inquiry-panel .qi-panel--compact { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); align-items: center; gap: 32px; }
.jcb-inquiry-panel :is(.qi-copy, .qi-content, .qi-form) { min-width: 0; }
.jcb-inquiry-panel .qi-copy .jcb-head { max-width: none; margin: 0; }
.jcb-inquiry-panel .qi-copy .jcb-title { color: inherit; white-space: pre-line; overflow-wrap: anywhere; }
.jcb-inquiry-panel .qi-copy .jcb-head--display .jcb-title {
  font-size: clamp(32px, 6cqi, var(--qi-title-size));
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -.045em;
  text-transform: none;
  color: inherit;
}
.jcb-inquiry-panel .qi-copy .jcb-head--display .jcb-eyebrow { font-size: clamp(16px, 1.8cqi, 25px); font-weight: 700; line-height: 1.3; }
.jcb-inquiry-panel .qi-copy .jcb-head--display .jcb-eyebrow + :is(.jcb-title, .jcb-title-lines) { margin-top: 16px; }
.jcb-inquiry-panel .qi-panel--compact .qi-copy .jcb-head--display .jcb-title { font-size: clamp(28px, 3cqi, 40px); }
.jcb-inquiry-panel .qi-copy .jcb-lead { white-space: pre-line; overflow-wrap: anywhere; }
.jcb-inquiry-panel .qi-form--card {
  padding: 24px;
  border-radius: var(--jc-radius, 16px);
  background: #fff;
  color: var(--jc-text, #1e293b);
  --jc-bg: #fff;
  --jc-muted: color-mix(in srgb, var(--jc-text, #1e293b) 65%, #fff);
  --jc-line: color-mix(in srgb, var(--jc-text, #1e293b) 20%, #fff);
}
.jcb-inquiry-panel .qi-description { margin: 24px 0 0; font-size: inherit; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere; }
.jcb-inquiry-panel .qi-mark { position: absolute; display: block; width: clamp(64px, 9cqi, 124px); pointer-events: none; }
.jcb-inquiry-panel .qi-mark--open { top: 0; inset-inline-start: 0; }
.jcb-inquiry-panel .qi-mark--close { bottom: 0; inset-inline-end: 0; transform: rotate(180deg); }
.jcb-inquiry-panel .qi-quote { display: block; width: 100%; height: auto; overflow: visible; fill: var(--qi-quote-color, var(--jc-primary)); stroke: var(--qi-quote-outline, #fff); stroke-width: 6px; stroke-linejoin: round; paint-order: stroke fill; }
[dir="rtl"] .jcb-inquiry-panel .qi-mark--open { transform: scaleX(-1); }
[dir="rtl"] .jcb-inquiry-panel .qi-mark--close { transform: rotate(180deg) scaleX(-1); }
@container (max-width: 900px) {
  .jcb-inquiry-panel :is(.qi-panel, .qi-panel--reverse, .qi-panel--compact) { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: min(var(--qi-padding), 40px); }
  .jcb-inquiry-panel .qi-panel--reverse .qi-copy { order: 0; }
  .jcb-inquiry-panel .qi-copy .jcb-head--display .jcb-title { font-size: clamp(32px, 7cqi, var(--qi-title-size)); }
}
@container (max-width: 560px) {
  .jcb-inquiry-panel .qi-frame--quotes { padding: 18px 10px; }
  .jcb-inquiry-panel :is(.qi-panel, .qi-panel--reverse) { padding: 24px; gap: 24px; border-radius: min(var(--qi-radius, var(--jc-radius, 32px)), 32px); }
  .jcb-inquiry-panel .qi-mark { width: 58px; }
  .jcb-inquiry-panel .qi-form--card { padding: 18px; }
  .jcb-inquiry-panel .qi-description { margin-top: 20px; }
}
@media (max-width: 767px) {
  .jcb-inquiry-panel .qi-copy .jcb-head--display .jcb-title { font-size: var(--qi-title-size-m, clamp(32px, 7cqi, var(--qi-title-size))); }
}
@media(min-width:768px){.jcb.jcb-inquiry-panel--compact.jcb-r-columnGap :is(.qi-panel){gap:calc(var(--jcb-r-columnGap) * 1px)!important}}
@media(min-width:768px){.jcb.jcb-inquiry-panel--compact.jcb-r-panelPadding :is(.qi-panel){padding:calc(var(--jcb-r-panelPadding) * 1px)!important}}
.jcb-contact__item{display:flex;gap:14px;align-items:flex-start;color:inherit;text-decoration:none}
.jcb-contact__item>div{display:grid;gap:4px;min-width:0}
.jcb-contact__label{color:var(--jc-muted);font-size:14px}
.jcb-contact__value{font-size:16px;font-weight:650;line-height:1.6}
a.jcb-contact__item:hover .jcb-contact__value{color:var(--jc-primary)}
.jcb-contact--cards .jcb-contact__item{flex-direction:column;align-items:center;height:100%;padding:28px 20px;border:1px solid var(--jc-line);border-radius:calc(var(--jc-radius) + 6px);background:#fff;color:var(--jc-text);text-align:center;--jc-muted:color-mix(in srgb,var(--jc-text) 64%,#fff)}
.jcb-contact--cards .jcb-contact__item>div{justify-items:center}
.jcb-contact__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:48px;align-items:stretch}
.jcb-contact__layout .jcb-head{margin-bottom:28px}
.jcb-contact__list{display:grid;gap:22px}
.jcb-contact__map{overflow:hidden;min-height:360px;border-radius:calc(var(--jc-radius) + 6px);background:var(--jc-soft)}
.jcb-contact__map iframe,.jcb-contact__map img{width:100%;height:100%;min-height:360px;border:0;object-fit:cover}
.jcb-contact--simple .jcb-contact__list{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 56px;text-align:center}
.jcb-contact--simple .jcb-contact__item{flex-direction:column;align-items:center}
.jcb-contact--simple .jcb-contact__item>div{justify-items:center}
.jcb-contact__mapwrap{position:relative;overflow:hidden;min-height:520px;border-radius:calc(var(--jc-radius) + 6px);background:var(--jc-soft)}
.jcb-contact__mapwrap>iframe,.jcb-contact__mapwrap>img,.jcb-contact__mapwrap>.jcb-ph{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;object-fit:cover}
.jcb-contact__popup{position:absolute;top:24px;inset-inline-start:50%;z-index:1;width:min(380px,calc(100% - 32px));overflow:hidden;border-radius:calc(var(--jc-radius) + 6px);background:#fff;color:var(--jc-text);box-shadow:0 18px 44px rgba(15,23,42,.2);transform:translateX(-50%);--jc-muted:color-mix(in srgb,var(--jc-text) 64%,#fff)}
[dir=rtl] .jcb-contact__popup{transform:translateX(50%)}
.jcb-contact__popup-head{padding:16px 20px;background:linear-gradient(90deg,var(--jc-primary),color-mix(in srgb,var(--jc-primary) 70%,#fff));color:#fff;font-size:18px;font-weight:800}
.jcb-contact__popup .jcb-contact__list{gap:12px;padding:18px 20px 6px}
.jcb-contact__popup .jcb-contact__item{gap:10px;align-items:flex-start}
.jcb-contact__item>.jcb-badge{color:var(--jcb-icon-color,var(--jc-primary));background:var(--jcb-icon-bg,color-mix(in srgb,var(--jc-primary) 12%,#fff))}
.jcb-contact__popup .jcb-badge{width:auto;height:auto;background:none}
.jcb-contact__popup .jcb-icon{width:16px;height:16px;margin-top:3px}
.jcb-contact__popup .jcb-contact__label{display:none}
.jcb-contact__popup .jcb-contact__value{font-size:14px;font-weight:500}
.jcb-contact__popup .jcb-actions{justify-content:center;gap:12px;margin:10px 20px 20px}
.jcb-contact__popup .jcb-btn{min-height:34px;padding:6px 16px;font-size:13px}
.jcb-contact__canvas{position:absolute;inset:0;z-index:0;background:var(--jc-soft)}
.jcb-contact__map .jcb-contact__canvas{position:relative;height:100%;min-height:360px}
.jcb-contact__mapwrap--live .jcb-contact__popup{z-index:2}
[dir] .jcb-contact__popup.is-in-map{position:static;width:min(360px,72vw);box-shadow:none;transform:none}
.jcb-map-label{padding:12px 32px 12px 16px;font-weight:700;white-space:nowrap}
.jcb-map-marker{border:0;background:none}
.jcb .leaflet-container img{max-width:none}
.jcb-map-pin{position:relative;display:block;width:32px;height:32px;border-radius:50% 50% 50% 0;background:var(--jc-primary);box-shadow:0 6px 16px rgba(15,23,42,.35);transform:rotate(-45deg)}
.jcb-map-pin::after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.jcb-map-popup .leaflet-popup-content-wrapper{padding:0;overflow:hidden;border-radius:calc(var(--jc-radius) + 6px)}
.jcb-map-popup .leaflet-popup-content{width:auto!important;margin:0;font:inherit;line-height:inherit}
.jcb-map-popup a.leaflet-popup-close-button{color:#fff}
.jcb-contact .gm-style .gm-style-iw-c{padding:0!important;border-radius:calc(var(--jc-radius) + 6px)}
.jcb-contact .gm-style .gm-style-iw-d{overflow:hidden!important}
.jcb-contact .gm-style .gm-style-iw-chr{position:absolute;top:0;inset-inline-end:0;z-index:1}
.jcb-contact .amap-info .jcb-contact__popup.is-in-map{margin-bottom:12px;box-shadow:0 14px 34px rgba(15,23,42,.22)}
@media (max-width:767px){.jcb-contact__mapwrap{min-height:0;display:flex;flex-direction:column;background:none}.jcb-contact__mapwrap>iframe,.jcb-contact__mapwrap>img,.jcb-contact__mapwrap>.jcb-ph{position:static;height:280px;border-radius:calc(var(--jc-radius) + 6px)}.jcb-contact__popup{position:static;width:auto;margin-top:16px;transform:none}[dir=rtl] .jcb-contact__popup{transform:none}}
@media (max-width:767px){.jcb-contact__mapwrap.jcb-contact__mapwrap--live{display:block;min-height:440px;background:var(--jc-soft)}.jcb-contact__mapwrap--live .jcb-contact__popup{margin:16px}}
@media (max-width:991px){.jcb-contact__layout{grid-template-columns:minmax(0,1fr)}.jcb-contact__map,.jcb-contact__map iframe,.jcb-contact__map img{min-height:280px}}
.jcb-lang{position:relative;font-size:14px}
.jcb-lang .jiancms-languages{margin:0;padding:0;list-style:none}
.jcb-lang:has(.jiancms-languages li:only-child){display:none}
.jcb-lang__toggle{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px;border:0;border-radius:var(--jc-radius);background:transparent;color:inherit;font:inherit;font-weight:650;cursor:pointer}
.jcb-lang__toggle:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.jcb-lang__toggle .jcb-icon{width:18px;height:18px}
.jcb-lang__toggle .jcb-lang__chevron{width:14px;height:14px;transition:transform .2s}
.jcb-lang.is-open .jcb-lang__chevron{transform:rotate(180deg)}
.jcb-lang--dropdown-code .jcb-lang__current{text-transform:uppercase}
.jcb-lang__menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:70;min-width:170px;padding:6px;border:1px solid rgba(15,23,42,.08);border-radius:calc(var(--jc-radius) + 4px);background:#fff;color:#1f2937;box-shadow:0 14px 34px rgba(15,23,42,.16);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .18s,transform .18s,visibility .18s}
.jcb-lang.is-open .jcb-lang__menu,.jcb-lang--dropdown:hover .jcb-lang__menu,.jcb-lang--dropdown:focus-within .jcb-lang__menu{opacity:1;visibility:visible;transform:none}
.jcb-lang__menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;border-radius:var(--jc-radius);font-size:14px;text-decoration:none;white-space:nowrap}
.jcb-lang__menu a:hover{background:var(--jc-soft)}
.jcb-lang__menu a[aria-current]{color:var(--jc-primary);font-weight:700}
.jcb-lang__menu a[aria-current]::after{content:"✓";font-size:12px}
.jcb-lang--inline .jiancms-languages{display:flex;flex-wrap:wrap;align-items:center;gap:2px}
.jcb-lang--inline li{display:inline-flex;align-items:center}
.jcb-lang--inline a{display:inline-block;padding:4px 8px;border-radius:var(--jc-radius);font-size:14px;text-decoration:none;opacity:.72;transition:opacity .2s}
.jcb-lang--inline a:hover,.jcb-lang--inline a[aria-current]{opacity:1}
.jcb-lang--inline a[aria-current]{color:var(--jc-primary);font-weight:700}
:is(.jcb-bg-primary,.jcb-bg-dark,.jcb-bg-image,.jcb-on-dark) .jcb-lang--inline a[aria-current]{color:inherit}
.jcb-lang--inline-code a{font-size:0}
.jcb-lang--inline-code a::before{content:attr(data-code);font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.jcb-lang--inline-code li+li::before{content:"";width:1px;height:12px;margin-inline:2px;background:currentColor;opacity:.3}

.jcb-site-footer{font-size:15px}
.jcb-site-footer .jcb-lang__menu{top:auto;bottom:calc(100% + 6px)}
.jcb-foot__end{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.jcb-foot__grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(var(--jcb-groups,2),minmax(0,1fr)) minmax(0,1.1fr);gap:40px}
.jcb-foot__brand .jcb-nav__logo{width:auto;height:var(--jcb-logo,40px);max-width:220px;object-fit:contain}
.jcb-foot__brand .jcb-nav__logo-ph{display:inline-grid;place-items:center;width:120px;height:40px;border:1.5px dashed currentColor;border-radius:var(--jc-radius);font-size:12px;font-weight:800;letter-spacing:.2em;opacity:.45}
.jcb-foot__brand .jcb-nav__name{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jcb-foot__brand{display:inline-block;margin-bottom:16px;color:inherit;font-size:20px;font-weight:800;text-decoration:none}
.jcb-foot__about,.jcb-foot__contact{color:var(--jc-muted);line-height:1.85}
.jcb-foot__title{margin-bottom:14px;color:var(--jcb-foot-title,inherit);font-size:16px;font-weight:700}
.jcb-foot__links{display:grid;gap:10px}
.jcb-foot__links a,.jcb-foot__nav a{color:var(--jcb-foot-link,var(--jc-muted));text-decoration:none;transition:color .2s}
.jcb-foot__links a:hover,.jcb-foot__nav a:hover{color:var(--jcb-foot-hover,inherit)}
.jcb-foot__social{display:flex;gap:10px;margin-top:18px}
.jcb-foot__social a{display:grid;place-items:center;width:var(--jcb-social-size,38px);height:var(--jcb-social-size,38px);border:1px solid var(--jcb-social-border,var(--jc-line));border-radius:50%;background:var(--jcb-social-bg,none);color:var(--jcb-social-color,inherit)}
.jcb-foot__social .jcb-icon{width:18px;height:18px}
.jcb-foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:22px;border-top:1px solid var(--jcb-foot-line,var(--jc-line));color:var(--jc-muted);font-size:14px}
.jcb-foot__nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.jcb-site-footer--simple .jcb-foot__bottom{align-items:center;margin:0;padding:0;border:0}
.jcb-site-footer--simple .jcb-foot__social{margin:0}
.jcb-site-footer--centered .jcb-foot__center{display:grid;justify-items:center;gap:18px;text-align:center}
.jcb-site-footer--centered .jcb-foot__about{max-width:620px}
.jcb-site-footer--centered .jcb-foot__nav,.jcb-site-footer--centered .jcb-foot__bottom{justify-content:center}
.jcb-foot__grid--compact{grid-template-columns:minmax(0,1.6fr) repeat(var(--jcb-groups,2),minmax(0,1fr))}
.jcb-foot__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-bottom:48px;padding-bottom:44px;border-bottom:1px solid var(--jc-line)}
.jcb-foot__cta h2{font-size:clamp(24px,2.6vw,34px);line-height:1.2;font-weight:800}
.jcb-foot__cta p{max-width:620px;margin-top:8px;color:var(--jc-muted)}
.jcb-foot__cta .jcb-btn{flex:none}
.jcb-foot__contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:48px}
.jcb-foot__contact-item{display:flex;align-items:center;gap:14px;min-width:0;padding:18px 20px;border:1px solid var(--jc-line);border-radius:calc(var(--jc-radius) + 4px);color:inherit;text-decoration:none}
.jcb-foot__contact-item>.jcb-icon{flex:none;width:44px;height:44px;padding:11px;border-radius:50%;background:var(--jc-primary);color:#fff}
.jcb-foot__contact-item span{display:grid;min-width:0}
.jcb-foot__contact-item small{color:var(--jc-muted);font-size:13px}
.jcb-foot__contact-item strong{overflow:hidden;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
a.jcb-foot__contact-item:hover strong{color:var(--jc-primary)}
.jcb-foot__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-bottom:22px;border-bottom:1px solid var(--jc-line)}
.jcb-foot__row .jcb-foot__brand{margin:0}
.jcb-site-footer--brand-row .jcb-foot__bottom{align-items:center;margin-top:0;border-top:0}
.jcb-site-footer--brand-row .jcb-foot__social{margin:0}
.jcb-foot__word{margin-top:48px;overflow:hidden;font-size:clamp(40px,var(--jcb-word,10vw),220px);line-height:.9;font-weight:900;letter-spacing:-.04em;white-space:nowrap;text-align:center;color:color-mix(in srgb,currentColor 16%,transparent);user-select:none}
.jcb-foot__card{padding:clamp(28px,4vw,52px);border:1px solid var(--jc-line);border-radius:calc(var(--jc-radius) + 18px);background:color-mix(in srgb,currentColor 4%,transparent)}
.jcb-site-footer--card .jcb-foot__bottom{margin-top:36px}
.jcb-site-footer--certified{padding-bottom:0;background:color-mix(in srgb,var(--jc-text) 4%,#fff);color:var(--jc-text);--jc-muted:color-mix(in srgb,var(--jc-text) 66%,#fff);--jc-line:color-mix(in srgb,var(--jc-text) 12%,#fff)}
.jcb-foot__cert{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.7fr);gap:44px 32px}
.jcb-foot__cert-brand{grid-column:1/5}
.jcb-foot__cert-side,.jcb-foot__cert-contact{grid-column:5}
.jcb-foot__cert-brand .jcb-foot__about{max-width:760px;font-size:16px}
.jcb-foot__pill{display:inline-flex;align-items:center;gap:6px;margin-top:22px;padding:9px 26px;border-radius:999px;background:var(--jc-primary);color:#fff;font-size:15px;font-weight:800;letter-spacing:.02em;text-decoration:none;text-transform:uppercase;transition:transform .25s,box-shadow .25s}
.jcb-foot__pill:hover{transform:translateY(-2px);box-shadow:0 10px 22px color-mix(in srgb,var(--jc-primary) 35%,transparent)}
.jcb-foot__pill .jcb-icon{width:16px;height:16px}
.jcb-foot__cert-head{margin-bottom:18px;color:var(--jc-primary);font-size:clamp(20px,2vw,28px);font-weight:900;line-height:1.2;text-transform:uppercase}
.jcb-foot__cert-logos{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px}
.jcb-foot__cert-logos img{width:auto;max-width:110px;height:64px;object-fit:contain}
.jcb-site-footer--certified .jcb-foot__title{margin-bottom:22px;color:var(--jcb-foot-title,var(--jc-primary));font-size:17px;font-weight:800;text-transform:uppercase}
.jcb-site-footer--certified .jcb-foot__links{gap:14px}
.jcb-site-footer--certified .jcb-foot__links a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jcb-site-footer--certified .jcb-foot__links a:hover{color:var(--jcb-foot-hover,var(--jc-primary))}
.jcb-foot__reach{display:grid;gap:16px;color:var(--jc-muted)}
.jcb-foot__reach li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;line-height:1.55}
.jcb-foot__reach .jcb-icon{width:20px;height:20px;color:var(--jc-primary)}
.jcb-foot__reach a{text-decoration:none}
.jcb-foot__reach a:hover{color:var(--jc-primary)}
.jcb-foot__band{margin-top:56px;padding:36px 0 26px;background:var(--jc-primary);color:#fff;text-align:center;--jc-muted:rgba(255,255,255,.86);--jc-line:rgba(255,255,255,.3)}
.jcb-foot__band .jcb-foot__social{justify-content:center;gap:18px;margin:0 0 16px}
.jcb-foot__band .jcb-foot__social a{width:44px;height:44px;border:2px solid #fff;transition:background-color .25s,color .25s}
.jcb-foot__band .jcb-foot__social a:hover{background:#fff;color:var(--jc-primary)}
.jcb-foot__band .jcb-foot__social .jcb-icon{width:22px;height:22px}
.jcb-foot__copy{font-size:clamp(15px,1.4vw,19px)}
.jcb-foot__band .jcb-lang{display:flex;justify-content:center;margin-top:12px}
.jcb-foot__band .jcb-lang ul{justify-content:center}
@media (max-width:991px){.jcb-foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jcb-foot__contacts{grid-template-columns:minmax(0,1fr)}.jcb-foot__cert{grid-template-columns:repeat(2,minmax(0,1fr))}.jcb-foot__cert-brand,.jcb-foot__cert-side,.jcb-foot__cert-contact{grid-column:1/-1}}
@media (max-width:767px){.jcb-foot__grid{grid-template-columns:minmax(0,1fr);gap:28px}.jcb-foot__cta .jcb-btn{width:100%}}