.ftblock{background:#000066;color:#FFFFFF;position:relative;overflow:hidden}
.ftblock::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,0.05) 0 2px,transparent 2px 36px)}
.ftgrid{position:relative;display:grid;grid-template-columns:1.1fr 0.9fr;gap:36px;align-items:center;padding:64px 16px 58px}
.fttext h1{color:#FFFFFF}
.ftlead{color:#FFFFFF;font-size:clamp(16px,2vw,19px)}
.ftcta{display:inline-block;background:#FFFFFF;color:#000066;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:700;font-size:17px}
.ftcta:hover{background:#E8E8F5;color:#00004D}
.ftcta-line{display:inline-block;background:transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.6);color:#FFFFFF;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:700;font-size:17px}
.ftcta-line:hover{background:rgba(255,255,255,0.12);color:#FFFFFF}
.ftviz{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.ftgrid3{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,64px);gap:8px;background:#00004D;border-radius:14px;padding:16px;box-shadow:0 20px 44px rgba(0,0,0,0.4)}
.ftgrid3 span{display:flex;align-items:center;justify-content:center;font-size:30px;background:rgba(255,255,255,0.08);border-radius:10px}
.ftdemo{font-size:13.5px;color:#B9B9D9;margin:0;text-align:center}
.ftspin{background:#FFFFFF;color:#000066;border:0;border-radius:8px;padding:12px 26px;font-weight:700;font-size:15px;cursor:pointer}
.ftspin:hover{background:#E8E8F5}
@media(max-width:1080px){.ftgrid{grid-template-columns:1fr;padding:52px 14px 46px;gap:26px}}
@media(max-width:480px){.ftgrid3{grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px)}.ftgrid3 span{font-size:24px}}