.ftsx{--b:#1B75C0;--bd:#155d99;--c:#14202e;--n:#0d1826;--g:#5b6370;--l:#f4f6f8;font-family:"Helvetica",Helvetica,Arial,sans-serif;color:var(--c);line-height:1.6;font-size:18px}
.ftsx *{box-sizing:border-box}.ftsx img,.ftsx video{max-width:100%;display:block}
.ftsx a{text-decoration:none}
.ftsx .w{max-width:1240px;margin:0 auto;padding:0 24px}
.ftsx h1,.ftsx h2,.ftsx h3{font-family:"Helvetica",Helvetica,Arial,sans-serif;color:inherit;margin:0 0 .5em;line-height:1.12;font-weight:800;letter-spacing:-.02em}
.ftsx h2{font-size:clamp(28px,3.4vw,42px)}.ftsx .ey{color:var(--b);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin-bottom:10px}
.ftsx .sec{padding:112px 0}.ftsx .alt{background:var(--l)}
.ftsx .btn{display:inline-block;padding:16px 30px;border-radius:4px;font-weight:700;font-size:16px;transition:.2s}
.ftsx .bp{background:var(--b);color:#fff}.ftsx .bp:hover{background:var(--bd);color:#fff}
.ftsx .bo{border:2px solid #fff;color:#fff}.ftsx .bo:hover{background:#fff;color:var(--c)}
.ftsx .hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:center;color:#fff;background:#14171b url(https://ftsonline.net/wp-content/uploads/2026/10/fts-pd2k-dual-panel-hero.webp) 70% 38%/cover no-repeat}@media(max-width:600px){.ftsx .hero{background-position:86% 30%}.ftsx section.hero:before{background:linear-gradient(180deg,rgba(9,18,30,.55) 0%,rgba(9,18,30,.82) 55%,rgba(9,18,30,.92) 100%)}}
.ftsx .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,18,30,.94) 0%,rgba(9,18,30,.78) 38%,rgba(9,18,30,.3) 70%,rgba(9,18,30,.15) 100%)}.ftsx .hero .w>*{animation:ftsUp .9s ease both}.ftsx .hero .w>*:nth-child(2){animation-delay:.12s}.ftsx .hero .w>*:nth-child(3){animation-delay:.24s}.ftsx .hero .w>*:nth-child(n+4){animation-delay:.36s}@keyframes ftsUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ftsx .hero .w>*{animation:none}}
.ftsx .hero .w{position:relative;width:100%}.ftsx .hero h1{font-size:clamp(34px,5vw,62px);max-width:820px;color:#fff}
.ftsx .hero p{font-size:clamp(18px,2vw,22px);color:#d6dbe1;margin:0 0 34px}.ftsx .hero .btn{margin:0 12px 12px 0}
.ftsx .trust{background:var(--n);color:#e6edf5;border-bottom:3px solid var(--b)}.ftsx .trust li:before{content:"";display:inline-block;width:8px;height:8px;background:var(--b);border-radius:50%;margin-right:10px;vertical-align:middle}.ftsx .trust ul{list-style:none;margin:0 auto;padding:18px 24px;max-width:1240px;display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px 28px;font-weight:700;font-size:16px}
.ftsx .vid{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}
.ftsx .vid video{width:100%;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.18);background:#000}
.ftsx .vid .k{display:flex;gap:28px;margin:22px 0 30px}.ftsx .vid .k b{display:block;font-size:40px;color:var(--b);line-height:1}.ftsx .vid .k span{font-size:14px;color:var(--g)}
.ftsx .muted{color:var(--g)}
.ftsx .grid{display:grid;gap:24px}.ftsx .g3{grid-template-columns:repeat(3,1fr)}.ftsx .g4{grid-template-columns:repeat(4,1fr)}
.ftsx .cat{display:block;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e3e7ec;color:var(--c);transition:.25s}
.ftsx .cat:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.1);color:var(--c)}
.ftsx .cat .im{aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;padding:28px}.ftsx .cat .im img{transition:.35s}.ftsx .cat:hover .im img{transform:scale(1.05)}.ftsx .cat .im img{max-height:100%;object-fit:contain}
.ftsx .cat h3{font-size:20px;margin:0;padding:18px 22px;border-top:1px solid #eef1f4;display:flex;justify-content:space-between}.ftsx .cat h3:after{content:"\2192";color:var(--b)}
.ftsx .brands{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:40px}
.ftsx .brands a{display:flex;align-items:center;justify-content:center;width:260px;height:150px;background:#fff;border:1px solid #e3e7ec;border-radius:8px;padding:24px;transition:.25s}.ftsx .brands a:hover{box-shadow:0 14px 34px rgba(13,24,38,.1);transform:translateY(-3px)}
.ftsx .brands img{max-height:88px;max-width:180px;width:auto;height:auto;object-fit:contain;transition:.25s}
.ftsx .why .it{border-top:3px solid var(--b);padding-top:22px}.ftsx .why h3{font-size:21px}.ftsx .why p{color:var(--g);font-size:16px;margin:0}
.ftsx .pj{position:relative;border-radius:8px;overflow:hidden;background:#e9ecef;margin:0}
.ftsx .pj img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.4s}.ftsx .pj:hover img{transform:scale(1.03)}
.ftsx .pj figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;color:#fff;font-weight:700;font-size:15px;background:linear-gradient(transparent,rgba(10,12,15,.82))}
.ftsx .pjg{grid-template-columns:repeat(3,1fr)}.ftsx .pj.ft{grid-column:span 2;grid-row:span 2}.ftsx .pj.ft img{height:100%}
.ftsx .about{max-width:860px;margin:0 auto;text-align:center}.ftsx .about p{font-size:20px;color:var(--g)}.ftsx .about a{color:var(--b);font-weight:600}
.ftsx .cta{background:radial-gradient(ellipse at 80% 0%,#1d3550 0%,#0d1826 60%);color:#fff;text-align:center}.ftsx .cta h2{color:#fff}
.ftsx .cta .ph{display:block;font-size:clamp(30px,4vw,48px);font-weight:800;color:#fff;margin:6px 0 26px}.ftsx .cta p{color:#c4ccd5}.ftsx .cta a.m{color:#9fcbf0}
@media(max-width:960px){.ftsx .vid{grid-template-columns:1fr}.ftsx .g4,.ftsx .pjg{grid-template-columns:repeat(2,1fr)}.ftsx .pj.ft{grid-column:span 2;grid-row:auto}.ftsx .g3{grid-template-columns:repeat(2,1fr)}.ftsx .sec{padding:72px 0}}
@media(max-width:600px){.ftsx{font-size:17px}.ftsx .g3,.ftsx .g4,.ftsx .pjg{grid-template-columns:1fr}.ftsx .brands a{width:calc(50% - 12px);height:110px;padding:16px}.ftsx .pj.ft{grid-column:auto;grid-row:auto}.ftsx .hero{min-height:560px}.ftsx .hero .btn{display:block;text-align:center;margin:0 0 12px}.ftsx .trust ul{justify-content:flex-start;flex-direction:column;gap:6px}.ftsx .brands img{height:64px}.ftsx .sec{padding:56px 0}}

.ftsx section,.ftsx .trust{scroll-margin-top:96px}.ftsx p:empty,.ftsx br{display:none}
.ftsx p{margin:0 0 1em}.ftsx figcaption{font-style:normal;text-align:left}
/* polish 2026-10-16 */
.ftsx{margin-bottom:0}
body.page-id-22651 .site-main,body.page-id-22651 .page-content,body.page-id-22651 #content,body.page-id-1724 .site-main,body.page-id-1724 .page-content,body.page-id-1724 #content{margin-bottom:0!important;padding-bottom:0!important}
.ftsx .vid{align-items:start}.ftsx .vid>video{margin-top:8px}
.ftsx .sec{padding:88px 0}
.ftsx .cta .btn{margin-bottom:0}.ftsx .cta .ph{margin-bottom:28px}
@media(max-width:960px){.ftsx .sec{padding:72px 0}.ftsx .pjg .pj:last-child{grid-column:span 2}.ftsx .vid{gap:36px}}
@media(max-width:600px){.ftsx .sec{padding:52px 0}.ftsx .pjg .pj:last-child{grid-column:auto}}
/* partners grid 2026-10-16 */
.ftsx .brands{display:grid!important;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:40px}
.ftsx .brands a{width:auto!important;height:130px!important;padding:18px!important;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e3e7ec;border-radius:8px}
.ftsx .brands img{max-height:76px!important;max-width:100%!important;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:none!important;opacity:1!important}
@media(max-width:960px){.ftsx .brands{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.ftsx .brands{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.ftsx .brands{grid-template-columns:repeat(2,1fr);gap:14px}.ftsx .brands a{height:110px!important}}
/* hero collage (preview 22651 only; .hc not used on 1724) */
.ftsx .hero.hc{background:radial-gradient(ellipse at 78% 25%,#1f3a58 0%,#0d1826 62%);min-height:0;padding:80px 0}
.ftsx .hero.hc:before{display:none}
.ftsx .hcw{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}
.ftsx .hc h1{font-size:clamp(32px,3.6vw,52px)}
.ftsx .hcg{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,150px);gap:12px}
.ftsx .hcg figure{margin:0;position:relative;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.ftsx .hcg img{width:100%;height:100%;display:block;transition:transform .5s}
.ftsx .hcg figure:hover img{transform:scale(1.04)}
.ftsx .hcg .ph img{object-fit:cover}.ftsx .hcg .pr img{object-fit:contain;padding:12px}
.ftsx .hcg span{position:absolute;left:8px;bottom:8px;background:rgba(13,24,38,.82);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:3px}
.ftsx .hcg .t1{grid-column:1/3;grid-row:1/3}.ftsx .hcg .t2{grid-column:3;grid-row:1}.ftsx .hcg .t3{grid-column:4;grid-row:1}
.ftsx .hcg .t4{grid-column:3;grid-row:2}.ftsx .hcg .t5{grid-column:4;grid-row:2/4}.ftsx .hcg .t6{grid-column:1;grid-row:3}.ftsx .hcg .t7{grid-column:2/4;grid-row:3}
@media(max-width:960px){.ftsx .hcw{grid-template-columns:1fr;gap:36px}.ftsx .hero.hc{padding:56px 0}}
@media(max-width:600px){.ftsx .hcg{grid-template-columns:repeat(3,1fr);grid-template-rows:180px 104px;gap:8px}.ftsx .hcg .t1{grid-column:1/4;grid-row:1}.ftsx .hcg .t2{grid-column:1;grid-row:2}.ftsx .hcg .t3{grid-column:2;grid-row:2}.ftsx .hcg .t4{grid-column:3;grid-row:2}.ftsx .hcg .t5,.ftsx .hcg .t6,.ftsx .hcg .t7{display:none}.ftsx .hcg .pr img{padding:8px}}


.ftsx .hero p{margin:0 0 34px}
/* category slider */
.ftsx .csw{position:relative}
.ftsx .cs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*20px)/4.5);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 2px;padding:4px 2px 18px;margin-top:36px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#b9c3cf transparent;overscroll-behavior-x:contain}
.ftsx .cs::-webkit-scrollbar{height:6px}.ftsx .cs::-webkit-scrollbar-thumb{background:#b9c3cf;border-radius:3px}
.ftsx .cs .cat{scroll-snap-align:start;display:flex;flex-direction:column}
.ftsx .cs .cat .im{aspect-ratio:1/1}
.ftsx .cs .cat h3{font-size:17px;flex:1;align-items:center}
.ftsx .cs:focus-visible{outline:2px solid #1B75C0;outline-offset:4px}
.ftsx .cs-nav{display:none;position:absolute;right:24px;top:-64px;gap:10px}
.ftsx .cs-nav button{width:46px;height:46px;border-radius:50%;border:1px solid #cfd6de;background:#fff;color:#14202e;font-size:20px;line-height:1;cursor:pointer;transition:.2s;padding:0}
.ftsx .cs-nav button:hover{background:#1B75C0;border-color:#1B75C0;color:#fff}.ftsx .cs-nav button:disabled{opacity:.35;cursor:default;background:#fff;color:#14202e;border-color:#cfd6de}
@media(min-width:961px){.ftsx .cs-js .cs-nav{display:flex}}
@media(max-width:960px){.ftsx .cs{grid-auto-columns:calc((100% - 2*16px)/2.6);gap:16px}}
@media(max-width:600px){.ftsx .cs{grid-auto-columns:calc((100% - 14px)/1.65);gap:14px}.ftsx .cs .cat h3{font-size:16px;padding:14px 16px}}