/* Extracted from Index.cshtml */
.hzf-hero { background: linear-gradient(120deg,#0d1b2a,#12345b,#0d1b2a); position:relative; background-size:200% 200%; animation:heroGradient 26s ease-in-out infinite; }
.hzf-hero-overlay { position:absolute; inset:0; overflow:hidden; }
.hzf-hero-overlay::before, .hzf-hero-overlay::after { content:""; position:absolute; width:140%; height:140%; top:-20%; left:-20%; background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.12),transparent 60%),radial-gradient(circle at 70% 65%,rgba(255,255,255,.10),transparent 65%); animation:overlayDrift 38s linear infinite; mix-blend-mode:overlay; }
.hzf-hero-overlay::after { animation-direction:reverse; opacity:.55; }
@keyframes heroGradient { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }
@keyframes overlayDrift { 0%{ transform:translate3d(0,0,0) scale(1);} 50%{ transform:translate3d(4%, -3%,0) scale(1.05);} 100%{ transform:translate3d(-3%,4%,0) scale(1);} }
.hero-image-wrapper { min-height:350px; background:#0c2238; display:flex; align-items:center; justify-content:center; will-change:transform; transition:transform .6s ease; }
.hero-image-wrapper img { object-fit:cover; }
.small-trust-ribbon .trust-badge { background:rgba(255,255,255,.78); border:1px solid #cfd7de; padding:.55rem 1rem; font-weight:600; font-size:.78rem; color:#17324d; box-shadow:0 .25rem .75rem -0.35rem rgba(0,0,0,.12); }
.trust-badge { background:rgba(255,255,255,.55); border:1px solid #dfe5ea; padding:.55rem 1rem; font-size:.75rem; letter-spacing:.5px; backdrop-filter:blur(6px); cursor:help; transition:.3s; color:#1a2f44; }
.trust-badge:hover { background:#fff; box-shadow:0 .5rem 1rem -0.5rem rgba(0,0,0,.15); }
.trust-tooltip { position:relative; text-align:center; font-size:.7rem; color:#526072; margin-top:.75rem; min-height:1.2rem; opacity:0; transition:.35s; }
.trust-tooltip.show { opacity:1; }
.metric-tile { background:#fff; transition:.45s cubic-bezier(.19,1,.22,1); }
.metric-tile:hover { transform:translateY(-6px) scale(1.03); box-shadow:0 1.25rem 2.25rem -0.75rem rgba(0,15,40,.18); }
.feature-card { background:#fff; border:1px solid #e3e8ed; transition:.55s cubic-bezier(.19,1,.22,1); position:relative; overflow:hidden; }
.feature-card::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 15%,rgba(13,110,253,.15),transparent 60%); opacity:0; transition:.6s; }
.feature-card:hover { box-shadow:0 1.5rem 2.4rem -0.9rem rgba(0,25,55,.22); transform:translateY(-8px) scale(1.015); border-color:#cfdae3; }
.feature-card:hover::after { opacity:1; }
.feature-icon { max-height:64px; }
.capability-box { background:#fff; border:1px solid #e5e8ec; transition:.3s; }
.capability-box:hover { background:#0d6efd; color:#fff; }
.capability-box:hover p { color:#f1f5f9 !important; }
.service-card { background:#111; color:#fff; }
.service-bg { position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(.55); transition:.5s; }
.service-card:hover .service-bg { filter:brightness(.85); transform:scale(1.05); }
.lawyer-bg { background-image:url('/img/partnership400x400.png'); }
.legal-bg { background-image:url('/img/legalassist.png'); }
.self-bg { background-image:url('/img/selfhelp.png'); }
.global-bg { background-image:url('/img/globalpartnership400x400.png'); }
.service-content { position:relative; z-index:2; }
.usecase-card { background:#fff; border:1px solid #eef0f2; transition:.45s cubic-bezier(.19,1,.22,1); }
.usecase-card:hover { box-shadow:0 1rem 2rem -0.75rem rgba(0,0,0,.18); transform:translateY(-6px); }
.flow-steps-wrapper { position:relative; }
.flow-steps { counter-reset:flow; gap:1.25rem; }
.step-item { background:#fff; border:1px solid #e4e8ec; flex:1 1 140px; min-width:140px; padding:1rem .75rem; border-radius:1rem; position:relative; text-align:center; transition:.6s cubic-bezier(.19,1,.22,1); overflow:hidden; }
.step-item::before { content:""; position:absolute; inset:0; background:linear-gradient(140deg,rgba(13,110,253,.15),transparent 70%); opacity:0; transition:.6s; }
.step-item:hover { box-shadow:0 1.1rem 2.2rem -0.9rem rgba(0,0,0,.22); transform:translateY(-8px); }
.step-item.active { border-color:#0d6efd; box-shadow:0 0 0 .15rem rgba(13,110,253,.15); }
.step-item.active::before { opacity:1; }
.step-index { display:inline-block; width:34px; height:34px; line-height:34px; background:#0d6efd; color:#fff; border-radius:50%; font-size:.9rem; font-weight:600; margin-bottom:.5rem; transition:.6s; }
.step-item.active .step-index { background:#6610f2; }
.hiring-box { background:linear-gradient(135deg,#ffffff,#f4f7fb); border:1px solid #e2e6ea; }
.hiring-image { background:linear-gradient(140deg,#0d1b2a,#12345b); }
.security-section .bg-gradient-light { background:linear-gradient(140deg,#f8fafc,#f1f5f9); }
.security-accent { width:6px; height:160px; background:linear-gradient(180deg,#0d6efd,#6610f2); border-radius:4px; }
.reveal { opacity:0; transform: translateY(22px); transition: opacity .8s cubic-bezier(.19,1,.22,1), transform .8s cubic-bezier(.19,1,.22,1); }
.reveal.reveal-visible { opacity:1; transform:translateY(0); }
.reveal.stagger-1, .reveal.stagger-2, .reveal.stagger-3, .reveal.stagger-4, .reveal.stagger-5 { transition-delay: calc(.12s * var(--stagger-index)); }
.trust-badge:focus { outline:2px solid #0d6efd; outline-offset:2px; }
@media (max-width: 991.98px) { .flow-steps { flex-direction:column; } .step-item { text-align:left; } }