/* FISolutions design system */
:root{--blue:#2563EB;--navy:#0B1220;--navy2:#111827;--bg:#F8FAFC;--text:#475569;--cyan:#06B6D4}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:#fff}
h1,h2,h3{color:var(--navy2);font-weight:800;letter-spacing:-.02em}
.py-6{padding:5rem 0}.bg-soft{background:var(--bg)}
.fi-nav{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0}
.fi-logo{font-weight:800;font-size:1.35rem;color:var(--navy2);text-decoration:none}.fi-logo span{color:var(--blue)}
.nav-link{font-weight:500;color:var(--navy2)}.nav-link:hover,.nav-link.active{color:var(--blue)}
.btn-fi{background:var(--blue);color:#fff;border:0;font-weight:600;border-radius:10px;transition:.2s}.btn-fi:hover{background:#1d4ed8;color:#fff;transform:translateY(-1px)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.hero{background:linear-gradient(135deg,var(--navy),#12233f);color:#cbd5e1;padding:5rem 0}.hero h1{color:#fff;font-size:clamp(2.1rem,4.5vw,3.4rem)}
.eyebrow{color:var(--cyan);font-weight:700;letter-spacing:.12em;font-size:.8rem}.trust{margin-top:1.5rem;font-size:.9rem}.trust i{color:var(--cyan)}
.mock{position:relative;background:#fff;border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.4);overflow:visible}
.mock-bar{background:#e2e8f0;padding:10px;border-radius:16px 16px 0 0}.mock-bar i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#94a3b8;margin-right:6px}
.mock-body{display:flex;gap:12px;padding:14px;min-height:260px}.mside{width:60px}.mside b{display:block;height:10px;background:#dbeafe;border-radius:4px;margin-bottom:12px}
.mmain{flex:1}.kp{display:flex;gap:8px;margin-bottom:14px}.kp u{flex:1;height:48px;border-radius:8px;background:#eff6ff;border-top:3px solid var(--blue)}
.fcard{position:absolute;background:#fff;color:var(--navy2);font-size:.8rem;font-weight:600;padding:8px 12px;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.25)}
.c1{left:-18px;bottom:30px}.c1 i{color:#16a34a}.c2{right:-12px;top:50px}
.sec-h{max-width:680px;margin:0 auto 3rem;text-align:center}.sec-h h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.fi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.6rem;box-shadow:0 1px 3px rgba(15,23,42,.06);transition:box-shadow .2s,transform .2s}
.fi-card:hover{box-shadow:0 12px 28px rgba(15,23,42,.1);transform:translateY(-3px)}.fi-card h3{font-size:1.15rem}.fi-card a{font-weight:600;text-decoration:none;color:var(--blue)}
.ico{font-size:1.6rem;color:var(--blue);background:#eff6ff;border-radius:10px;padding:.4rem .6rem;display:inline-block;margin-bottom:.8rem}.ico.big{font-size:2.2rem}
.sol{display:flex;gap:14px;background:#fff;border-radius:14px;padding:1.2rem;height:100%;border:1px solid #e2e8f0}.sol>i{font-size:1.5rem;color:var(--cyan)}.sol h3{font-size:1.05rem}.sol small{color:var(--blue);font-weight:500}
.why{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.why li{display:flex;gap:10px;font-weight:500;color:var(--navy2)}.why i{color:var(--blue);font-size:1.3rem}
.step{text-align:left;position:relative;padding-top:.5rem}.step span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;margin-bottom:.8rem}.step h3{font-size:1rem}.step p{font-size:.9rem}
.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:2rem}.filters .btn{border:1px solid #cbd5e1;border-radius:99px;font-weight:500}.filters .btn.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.badge-demo{font-size:.7rem;background:#cffafe;color:#155e75;padding:3px 8px;border-radius:99px;font-weight:600}
.tech{display:inline-block;margin:4px;padding:8px 16px;border-radius:99px;background:#fff;border:1px solid #cbd5e1;font-weight:600;color:var(--navy2)}
.fi-cta{background:linear-gradient(135deg,var(--blue),#1e40af);color:#e0e7ff;border-radius:20px;padding:3.5rem 2rem;text-align:center}.fi-cta h2{color:#fff}
.page-hero{background:var(--navy);color:#cbd5e1;padding:4rem 0}.page-hero h1{color:#fff}
.dl dt{color:var(--navy2);font-weight:700;margin-top:1rem}.dl dd{margin:0}.note{background:#eff6ff;padding:12px 16px;border-radius:10px;margin-bottom:1.5rem}
.cinfo li{margin:.7rem 0}.cinfo i{color:var(--blue);margin-right:8px}
.fi-foot{background:var(--navy);color:#94a3b8;padding:3.5rem 0 1.5rem}.fi-foot .fi-logo{color:#fff}.fi-foot h2{color:#fff;font-size:1rem}.fi-foot ul{list-style:none;padding:0}.fi-foot a{color:#94a3b8;text-decoration:none}.fi-foot a:hover{color:#fff}.fi-foot li{margin:.4rem 0}
#top{position:fixed;right:20px;bottom:20px;display:none;z-index:50}
.reveal{opacity:0;transform:translateY(16px);transition:.5s}.reveal.in{opacity:1;transform:none}
@media(max-width:767px){.why{grid-template-columns:1fr}.py-6{padding:3.5rem 0}.c1,.c2{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.topbar{background:var(--navy);color:#cbd5e1;font-size:.82rem;padding:6px 0}.topbar a{color:#fff;font-weight:600;text-decoration:none}.topbar i{color:var(--cyan)}.slot{border:2px dashed #cbd5e1;border-radius:12px;padding:1.6rem .5rem;color:#94a3b8;font-size:.85rem}#industries .tech{margin:5px}.tech{font-size:.9rem}h3.h6{color:var(--navy2);margin-bottom:.6rem}