.fp-refreshed .fp26-home {
--h-ink: #111827;
--h-text: #4b5563;
--h-muted: #6b7280;
--h-line: #e7e9ee;
--h-grey: #f4f5f7;
--h-cream: #f3f4f8;
--h-blue: #2148b0;
--h-blue-dark: #18378a;
--h-price: #e5391f;
--h-dark: #1f2430;
--h-line-green: #06c755;
--h-radius: 16px;
width: min(1140px, calc(100% - 48px));
margin: 0 auto;
color: var(--h-text);
font-size: 15px;
line-height: 1.7;
}
.fp26-home *, .fp26-home *::before, .fp26-home *::after { box-sizing: border-box; }
.fp26-home img { display: block; max-width: 100%; height: auto; }
.fp26-home a { color: inherit; text-decoration: none; }
.fp26-home svg { width: 1.15em; height: 1.15em; flex: 0 0 auto; }
.fp26-home :is(h1, h2, h3) { margin: 0; color: var(--h-ink); font-family: inherit; letter-spacing: 0; }
.fp26-home h1 { font-size: clamp(22px, 2.29vw, 30.5px); line-height: 1.35; font-weight: 700; }
.fp26-home h2 { font-size: clamp(20.5px, 1.94vw, 25.5px); line-height: 1.4; font-weight: 700; }
.fp26-home h3 { font-size: 16.5px; line-height: 1.45; font-weight: 600; }
.fp26-home p { margin: 0; }
.fp26-home :is(a, button):focus-visible { outline: 3px solid var(--h-blue); outline-offset: 3px; border-radius: 10px; }
.fp26-nowrap { white-space: nowrap; } .fp26-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 46px;
padding: 10px 22px;
border: 0;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
line-height: 1.3;
cursor: pointer;
transition: background-color .2s, transform .2s;
}
.fp26-btn:active { transform: translateY(1px); }
.fp26-home .fp26-btn--primary { color: #fff; background: var(--h-blue); }
.fp26-home .fp26-btn--primary:hover { color: #fff; background: var(--h-blue-dark); }
.fp26-home .fp26-btn--dark { color: #fff; background: var(--h-dark); }
.fp26-home .fp26-btn--dark:hover { color: #fff; background: #000; }
.fp26-home .fp26-btn--line { color: #fff; background: var(--h-line-green); }
.fp26-home .fp26-btn--line:hover { color: #fff; background: #05a948; }
.fp26-btn--lg { min-height: 54px; padding: 12px 26px; font-size: 15px; }
.fp26-home .fp26-link { display: inline-flex; align-items: center; gap: 6px; color: var(--h-blue); font-weight: 600; white-space: nowrap; }
.fp26-home .fp26-link:hover { color: var(--h-blue-dark); } .fp26-section { margin: 0 0 57.5px; }
.fp26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px 32px; margin-bottom: 24px; }
.fp26-head--stack { display: block; }
.fp26-head--stack p { margin-top: 4px; color: var(--h-muted); } .fp26-trust {
position: relative;
isolation: isolate;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin: 0 0 24px;
padding: 14px 0;
list-style: none;
}
.fp26-trust::before { content: ""; position: absolute; inset: 0 calc(50% - 50vw); z-index: -1; background: var(--h-grey); }
.fp26-trust li { display: flex; align-items: center; gap: 12px; margin: 0; padding: 8px 14px; border-radius: 12px; background: #fff; }
.fp26-trust strong { display: block; color: var(--h-ink); font-size: 14px; font-weight: 600; line-height: 1.35; }
.fp26-trust small { display: block; color: var(--h-muted); font-size: 13px; line-height: 1.35; }
.fp26-trust__icon { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 auto; border-radius: 12px; }
.fp26-trust__icon svg { width: 22px; height: 22px; }
.fp26-trust li:nth-child(1) .fp26-trust__icon { color: #2148b0; background: #e8ebf6; }
.fp26-trust li:nth-child(2) .fp26-trust__icon { color: #2148b0; background: #e8ebf6; }
.fp26-trust li:nth-child(3) .fp26-trust__icon { color: #2148b0; background: #e8ebf6; }
.fp26-trust li:nth-child(4) .fp26-trust__icon { color: #2148b0; background: #e8ebf6; } .fp26-banner { position: relative; margin: 0 0 45px; }
.fp26-slides { display: flex; align-items: flex-start; transition: height .35s ease; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 20px; background: var(--h-grey); }
.fp26-slides::-webkit-scrollbar { display: none; }
.fp26-slide { position: relative; flex: 0 0 100%; min-width: 0; aspect-ratio: 2560 / 1124; overflow: hidden; background: #eef2f7; scroll-snap-align: start; } .fp26-slide::before { content: ""; position: absolute; inset: -24px; background: var(--fp26-bg) center / cover; filter: blur(22px) saturate(1.1); }
.fp26-slide picture { position: absolute; inset: 0; display: block; }
.fp26-home .fp26-slide img { display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; object-position: center; }
.fp26-banner__arrow {
position: absolute;
top: 50%;
display: grid;
place-items: center;
width: 44px;
height: 44px;
margin-top: -22px;
padding: 0;
border: 0;
border-radius: 999px;
color: var(--h-ink);
background: rgba(255, 255, 255, .85);
box-shadow: 0 4px 14px rgba(17, 24, 39, .15);
cursor: pointer;
}
.fp26-banner__arrow:hover { background: #fff; }
.fp26-banner__arrow--prev { left: 16px; }
.fp26-banner__arrow--prev svg { transform: rotate(180deg); }
.fp26-banner__arrow--next { right: 16px; }
.fp26-dots { display: flex; justify-content: center; gap: 6px; margin-top: 14px; }
.fp26-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: #d4d8e0; cursor: pointer; transition: width .25s, background-color .25s; }
.fp26-dots button[aria-selected="true"] { width: 24px; background: var(--h-blue); } .fp26-catalog { padding: 32px; border-radius: 24px; background: var(--h-cream); }
.fp26-catalog__intro { max-width: 820px; margin-bottom: 28px; }
.fp26-catalog__intro p { margin-top: 8px; color: var(--h-muted); font-size: 16px; }
.fp26-categories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.fp26-category {
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: var(--h-radius);
background: #fff;
box-shadow: 0 1px 2px rgba(17, 24, 39, .05);
transition: transform .25s, box-shadow .25s;
}
.fp26-category:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(17, 24, 39, .10); }
.fp26-category__media { display: block; overflow: hidden; aspect-ratio: 2 / 1; background: #dcebf6; }
.fp26-home .fp26-category__media img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform .4s; }
.fp26-category:hover .fp26-category__media img { transform: scale(1.03); }
.fp26-category__body { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; gap: 2px; padding: 14px 16px 16px; }
.fp26-category__name { color: var(--h-ink); font-size: 16px; font-weight: 700; line-height: 1.45; }
.fp26-category__desc { margin-bottom: 10px; color: var(--h-muted); font-size: 14px; line-height: 1.5; }
.fp26-price { margin-top: auto; padding: 3px 10px; border-radius: 6px; color: #fff; background: var(--h-price); font-size: 14px; font-weight: 600; line-height: 1.5; } .fp26-products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.fp26-product { display: flex; flex-direction: column; gap: 4px; }
.fp26-product__media { display: block; overflow: hidden; aspect-ratio: 1; margin-bottom: 8px; border: 1px solid var(--h-line); border-radius: var(--h-radius); background: var(--h-grey); }
.fp26-home .fp26-product__media img { width: 100%; height: 100%; object-fit: contain; background: #fff; transition: transform .4s; }
.fp26-product:hover .fp26-product__media img { transform: scale(1.04); }
.fp26-product__name { color: var(--h-ink); font-size: 15px; font-weight: 600; line-height: 1.45; }
.fp26-product:hover .fp26-product__name { color: var(--h-blue); }
.fp26-product__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; margin-top: auto; padding-top: 8px; }
.fp26-product__price b { color: var(--h-price); font-size: 20.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.fp26-product__price small { color: var(--h-muted); font-size: 13px; } .fp26-steps-band { position: relative; isolation: isolate; padding: 38.5px 0; }
.fp26-steps-band::before {
content: "";
position: absolute;
inset: 0 calc(50% - 50vw);
z-index: -1;
background: linear-gradient(90deg, #dcf7ec 0%, #fdf3dc 50%, #d9effc 100%);
}
.fp26-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.fp26-steps li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 0;
padding: 22px 24px;
border-radius: 14px;
color: #fff;
}
.fp26-steps li:nth-child(1) { background: linear-gradient(120deg, #1f2430 0%, #0f5132 100%); }
.fp26-steps li:nth-child(2) { background: linear-gradient(120deg, #1f2430 0%, #6b4a07 100%); }
.fp26-steps li:nth-child(3) { background: linear-gradient(120deg, #1f2430 0%, #0b4a7a 100%); }
.fp26-steps__no { display: block; color: rgba(255, 255, 255, .6); font-size: 13px; font-weight: 600; letter-spacing: .08em; }
.fp26-home .fp26-steps h3 { color: #fff; font-size: 16.5px; }
.fp26-steps a { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; color: rgba(255, 255, 255, .85); font-size: 14px; }
.fp26-steps a:hover { color: #fff; }
.fp26-steps__icon svg { width: 44px; height: 44px; }
.fp26-steps li:nth-child(1) .fp26-steps__icon { color: #34d399; }
.fp26-steps li:nth-child(2) .fp26-steps__icon { color: #fbbf24; }
.fp26-steps li:nth-child(3) .fp26-steps__icon { color: #60a5fa; } .fp26-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 45px; align-items: center; }
.fp26-split__media { margin: 0; overflow: hidden; border-radius: 20px; background: var(--h-grey); }
.fp26-split__media img { width: 100%; }
.fp26-split__text p { margin: 12px 0 24px; color: var(--h-muted); font-size: 16px; }
.fp26-home .fp26-split__text h2 { font-size: clamp(20.5px, 2.11vw, 29px); }
.fp26-split--soft { position: relative; isolation: isolate; padding: 45px 0; }
.fp26-split--soft::before { content: ""; position: absolute; inset: 0 calc(50% - 50vw); z-index: -1; background: #f4f5f8; }
.fp26-video { position: relative; aspect-ratio: 16 / 9; background: #10173d; }
.fp26-video iframe, .fp26-video__play { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.fp26-video__play { display: block; padding: 0; background: #10173d; cursor: pointer; }
.fp26-video__play img { width: 100%; height: 100%; object-fit: cover; opacity: .92; transition: opacity .2s; }
.fp26-video__play:hover img { opacity: 1; }
.fp26-video__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fp26-home .fp26-video__icon svg { width: 72px; height: 51px; } .fp26-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.fp26-tabs button {
min-height: 42px;
padding: 8px 20px;
border: 1px solid var(--h-line);
border-radius: 10px;
color: var(--h-text);
background: #fff;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.fp26-tabs button:hover { border-color: #c9ced8; color: var(--h-ink); }
.fp26-tabs button[aria-selected="true"] { border-color: var(--h-blue); color: #fff; background: var(--h-blue); }
.fp26-home:not(.fp26-js) .fp26-tabs { display: none; }
.fp26-home:not(.fp26-js) .fp26-panel + .fp26-panel { margin-top: 32px; }
.fp26-panel { padding: 24px; border: 1px solid var(--h-line); border-radius: var(--h-radius); background: #fff; }
.fp26-panel[hidden] { display: none; }
.fp26-table-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.fp26-table-wrap { overflow-x: auto; border: 1px solid var(--h-line); border-radius: 12px; }
.fp26-table { width: 100%; min-width: 460px; margin: 0; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.fp26-table caption { padding: 10px 16px; color: var(--h-ink); background: var(--h-grey); font-weight: 600; text-align: left; caption-side: top; }
.fp26-table :is(th, td) { padding: 8px 12px; border: 0; border-top: 1px solid var(--h-line); text-align: center; vertical-align: middle; line-height: 1.4; }
.fp26-table thead th { color: var(--h-muted); background: #fff; font-size: 14px; font-weight: 600; white-space: nowrap; }
.fp26-table td { color: var(--h-ink); font-size: 15px; font-weight: 600; }
.fp26-table tbody tr:hover { background: #fafbfc; }
.fp26-table .fp26-table__lead { position: sticky; left: 0; z-index: 1; width: 32%; min-width: 150px; background: #fff; color: var(--h-ink); text-align: left; font-weight: 600; }
.fp26-table tbody tr:hover .fp26-table__lead { background: #fafbfc; }
.fp26-table .fp26-table__lead small { display: block; color: var(--h-muted); font-size: 13px; font-weight: 400; }
.fp26-table .fp26-table__none { color: #c0c6d0; font-weight: 400; }
.fp26-notes { display: grid; gap: 2px; margin: 16px 0 0; padding: 0 0 0 20px; color: var(--h-text); font-size: 14px; }
.fp26-notes li { margin: 0; }
.fp26-panel__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 18px; } .fp26-work { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.fp26-work__item { display: flex; flex-direction: column; margin: 0; overflow: hidden; border: 1px solid var(--h-line); border-radius: var(--h-radius); background: #fff; }
.fp26-work__item > a { display: flex; flex: 1 1 auto; align-items: center; justify-content: center; background: var(--h-grey); }
.fp26-work__item img { width: 100%; max-height: 460px; object-fit: contain; }
.fp26-work__item figcaption { display: grid; padding: 12px 18px 14px; }
.fp26-work__item strong { color: var(--h-ink); font-size: 16px; font-weight: 700; }
.fp26-work__item span { color: var(--h-muted); font-size: 14px; } .fp26-line { display: flex; align-items: center; justify-content: space-between; gap: 20px 32px; padding: 32px 32px; border-radius: 20px; background: #e9f9ef; }
.fp26-line p { margin-top: 6px; font-size: 16px; }
.fp26-line strong { color: var(--h-ink); }
.fp26-line .fp26-btn { flex: 0 0 auto; } .fp26-group { text-align: center; }
.fp26-home .fp26-group h2 { margin-bottom: 16px; color: var(--h-muted); font-size: 14px; font-weight: 600; letter-spacing: .16em; }
.fp26-group img { margin: 0 auto; } body.fp-refreshed.home #jws_header,
body.fp-refreshed.home .zadora-header-v2 { border-bottom-color: transparent; }
@media (max-width: 1100px) {
.fp26-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fp26-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fp26-table-pair { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
.fp-refreshed .fp26-home { width: calc(100% - 32px); }
.fp26-section { margin-bottom: 45px; }
.fp26-catalog { padding: 28px 20px; }
.fp26-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.fp26-steps { grid-template-columns: 1fr; gap: 12px; }
.fp26-split { grid-template-columns: 1fr; gap: 24px; }
.fp26-split--reverse .fp26-split__media { order: -1; }
.fp26-work { grid-template-columns: 1fr; }
.fp26-line { flex-direction: column; align-items: flex-start; padding: 28px 24px; }
}
@media (max-width: 640px) {
.fp-refreshed .fp26-home { font-size: 14px; }
.fp26-trust { gap: 8px; padding: 10px 0; margin-bottom: 16px; }
.fp26-trust li { gap: 8px; padding: 8px 10px; }
.fp26-trust__icon { width: 32px; height: 32px; border-radius: 10px; }
.fp26-trust__icon svg { width: 18px; height: 18px; }
.fp26-trust strong { font-size: 13px; }
.fp26-trust small { display: none; }
.fp26-banner { margin-bottom: 32px; }
.fp26-slides { border-radius: 14px; } .fp26-slide { aspect-ratio: 1600 / 703; }
.fp26-slide::before { display: none; }
.fp26-slide picture { position: absolute; inset: 0; }
.fp26-home .fp26-slide img { width: 100%; height: 100% !important; aspect-ratio: auto; object-fit: contain; object-position: center; }
.fp26-slides { overflow-y: hidden; }
.fp26-banner__arrow { display: none; }
.fp26-catalog { margin-left: -16px; margin-right: -16px; padding: 24px 16px; border-radius: 0; }
.fp26-catalog__intro p { font-size: 14px; }
.fp26-category__body { padding: 10px 12px 12px; }
.fp26-category__name { margin-bottom: 8px; font-size: 14px; line-height: 1.4; }
.fp26-category__desc { display: none; }
.fp26-price { padding: 2px 8px; font-size: 12px; }
.fp26-products { gap: 12px; }
.fp26-product__name { font-size: 14px; }
.fp26-product__price b { font-size: 17.5px; }
.fp26-head { align-items: flex-start; flex-direction: column; margin-bottom: 18px; }
.fp26-steps-band { padding: 36px 0; }
.fp26-split--soft { padding: 32px 0; }
.fp26-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.fp26-tabs button { flex: 0 0 auto; padding: 8px 16px; }
.fp26-panel { padding: 14px; }
.fp26-table .fp26-table__lead { min-width: 128px; }
.fp26-table :is(th, td) { padding: 8px 10px; }
.fp26-line .fp26-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.fp26-home * { transition: none !important; }
}