*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover)}
img{max-width:100%}
.nav-toggle{display:none}
.nav-dd-menu{opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dd-menu a:hover{background:var(--purple-50)}
.hcx-card-link{display:block;transition:transform .15s ease,box-shadow .15s ease}
.hcx-card-link:hover{transform:translateY(-4px)}
.hcx-section{padding:var(--space-20) 0}
.hcx-pad15{padding-top:calc(var(--space-20) * 1.15);padding-bottom:calc(var(--space-20) * 1.15)}
.hcx-pad35{padding-top:calc(var(--space-20) * 1.4);padding-bottom:calc(var(--space-20) * 1.4)}
.hcx-pad2x{padding-top:calc(var(--space-20) * 1.38);padding-bottom:calc(var(--space-20) * 1.38)}
.hcx-pad15-clients{padding-top:calc(var(--space-12) * 1.38);padding-bottom:calc(var(--space-16) * 1.38)}
.logo-strip img{filter:none}
@media (max-width:1000px){
.auto-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:900px){
.hcx-trust-h1{white-space:normal !important}
.hcx-plat-h1{white-space:normal !important}
.hcx-banner-panel{right:auto !important;left:16px !important;max-width:calc(100% - 32px) !important}
.hcx-video-narrow{width:100% !important}
.hcx-fig-pull{max-width:100% !important}
.hcx-banner-heading{white-space:normal !important}
.hcx-fig-inset{width:100% !important;margin-left:0 !important}
.hcx-fig-pull{width:100% !important;margin-left:0 !important;margin-right:0 !important}
.hcx-heading-nudge{padding-left:0 !important}
.nav-links{display:none !important}
.nav-toggle{display:flex !important}
.two-col{grid-template-columns:1fr !important;gap:var(--space-10) !important}
.two-col-reverse>*:first-child{order:2}
.two-col-reverse>*:last-child{order:1}
.hcx-cookie-banner{flex-direction:column !important;align-items:flex-start !important;gap:var(--space-5) !important;left:16px !important;right:16px !important;bottom:16px !important;padding:var(--space-6) !important;max-height:80vh;overflow-y:auto}
.hcx-cookie-actions{width:100%}
.footer-grid{grid-template-columns:1fr 1fr !important}
.stack-mobile{grid-template-columns:1fr !important}
}
@media (max-width:768px){
.hcx-plat-hero{padding-top:var(--space-16) !important;padding-bottom:var(--space-16) !important}
.hcx-acq-hero{padding-bottom:var(--space-16) !important}
.hcx-company-hero{padding-bottom:var(--space-16) !important}
.hcx-company-intro{padding-top:var(--space-16) !important;padding-bottom:var(--space-16) !important}
.hcx-section{padding-top:var(--space-16);padding-bottom:var(--space-16)}
.hcx-pad15{padding-top:calc(var(--space-16) * 1.15);padding-bottom:calc(var(--space-16) * 1.15)}
.hcx-pad35{padding-top:calc(var(--space-16) * 1.4);padding-bottom:calc(var(--space-16) * 1.4)}
.hcx-pad2x{padding-top:calc(var(--space-16) * 1.1);padding-bottom:calc(var(--space-16) * 1.1)}
.hcx-pad15-clients{padding-top:calc(var(--space-10) * 1.38);padding-bottom:calc(var(--space-12) * 1.38)}
}
@media (max-width:640px){
.hcx-iso-badge{width:230px !important}
.hcx-risk-logos img{max-width:120px !important}
.hcx-banner-panel{padding:var(--space-5) !important;border-radius:20px !important}
.hcx-banner-panel h2{font-size:var(--text-heading-md) !important}
.auto-grid{grid-template-columns:1fr !important}
.hcx-gif-row img{width:auto !important;max-width:100% !important;max-height:340px !important}
.footer-grid{grid-template-columns:1fr !important}
.contact-grid{grid-template-columns:1fr !important}
.hcx-cookie-actions button{width:100%}
}
@media (max-width:520px){
.hcx-container-tight{padding-left:20px !important;padding-right:20px !important}
}
@media (max-width:420px){
.nav-cta button{padding:7px 12px !important;font-size:10px !important}
}

/* ---- 1280 laptop layer ---- */
@media (max-width:1280px){
.hcx-home-hero{padding-bottom:var(--space-6) !important}
.hcx-teams-fig{margin-left:0 !important;margin-right:auto !important}
}

/* ---- 1024 layer ---- */
@media (max-width:1024px){
.hcx-hero-gif{max-width:212px !important}
.hcx-home-hero{padding-bottom:0 !important}
.hcx-acq-conv .two-col{transform:translateX(-40px)}
.hcx-acq-conv .hcx-fig-pull{margin-left:auto !important;margin-right:0 !important}
.hcx-eng-onboard{padding-top:var(--space-10) !important;padding-bottom:var(--space-10) !important}
.hcx-eng-onboard .two-col{gap:var(--space-8) !important}
.hcx-eng-onboard .two-col > div:first-child{padding-left:40px}
.hcx-eng-onboard .hcx-fig-pull{margin-left:0 !important;margin-right:auto !important}
.hcx-eng-onboard .hcx-fig-pull{width:54% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-eng-fig{width:60% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-eng-usecases{padding-top:var(--space-12) !important;padding-bottom:var(--space-12) !important}
.hcx-eng-usecases .two-col{grid-template-columns:1fr 0.72fr !important;gap:var(--space-6) !important;align-items:center}
.hcx-eng-usecases .two-col > *:first-child{order:2}
.hcx-eng-usecases .two-col > *:last-child{order:1;padding-left:28px}
.hcx-eng-usecases .hcx-eng-fig{width:100% !important;transform:translateX(-24px)}
.hcx-eng-usecases .two-col > div > div{gap:var(--space-3) !important;margin-top:var(--space-5) !important}
.hcx-eng-usecases .two-col > div > div > div{gap:var(--space-3) !important}
.hcx-eng-usecases .two-col p{font-size:calc(var(--text-body-md) * 0.92) !important;line-height:1.42 !important}
.hcx-eng-usecases svg{width:21px !important;height:21px !important}
.hcx-eng-clarity{padding-top:var(--space-12) !important;padding-bottom:var(--space-12) !important}
.hcx-eng-clarity .two-col{grid-template-columns:1fr 0.72fr !important;gap:var(--space-6) !important;align-items:center}
.hcx-eng-clarity .two-col > div:first-child{padding-right:12px}
.hcx-eng-clarity .hcx-eng-fig{width:100% !important;transform:translateX(-24px)}
.hcx-eng-clarity .two-col p{font-size:calc(var(--text-body-md) * 0.92) !important;line-height:1.42 !important}
.hcx-banner-panel{top:auto !important;bottom:5% !important;transform:none !important}
.hcx-eng-relevant{padding-top:var(--space-12) !important;padding-bottom:var(--space-12) !important}
.hcx-ret-fig{width:60% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-plat-fig{width:60% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-trust-deepfake{width:60% !important;margin:calc(var(--space-6) * -1) auto !important}
.hcx-trust-deepfake-sec{padding-top:var(--space-10) !important;padding-bottom:var(--space-10) !important}
.hcx-trust-deepfake-sec .two-col{gap:var(--space-4) !important}
.hcx-trust-concierge{width:60% !important;margin:0 auto !important}
.hcx-trust-concierge-sec{padding-top:var(--space-12) !important;padding-bottom:var(--space-12) !important}
.hcx-trust-concierge-sec .two-col + div{margin-top:var(--space-6) !important;gap:var(--space-6) !important}
.hcx-trust-concierge-sec p{line-height:1.45 !important}
.hcx-ind-fig{width:60% !important;margin:0 auto !important}
.hcx-pat-hero .two-col > div:first-child{padding-left:0}
.hcx-pat-hero .hcx-fig-pull{width:36% !important;margin:0 auto !important}
.hcx-plat-e2e{padding-top:var(--space-16) !important;padding-bottom:var(--space-16) !important}
.hcx-plat-e2e .two-col{transform:none !important}
.hcx-plat-e2e .two-col .hcx-fig-pull{width:51% !important;margin:0 auto !important}
.hcx-plat-e2e .two-col{transform:translateX(40px)}
.hcx-plat-e2e .hcx-fig-pull{margin-left:0 !important;margin-right:auto !important}
.hcx-plat-hero{padding-top:calc(var(--space-16) * 0.69) !important}
.hcx-pat-hero .two-col > div:first-child{padding-left:40px}
.hcx-contact-section{padding-top:calc(var(--space-20) * 0.5) !important;padding-bottom:calc(var(--space-20) * 0.5) !important}
}


html{background:var(--grey-900)}
body{background:transparent}
#root{background:var(--surface-page)}

/* ---- 900 layer: hero stays two-column ---- */
.hcx-br-900{display:none}
@media (max-width:900px){
.hcx-br-900{display:inline}
.hcx-home-hero .two-col{grid-template-columns:1.25fr 0.75fr !important;gap:var(--space-6) !important}
.hcx-home-hero{padding-bottom:var(--space-2) !important}
.hcx-home-video{padding-bottom:var(--space-8) !important}
.hcx-home-teams{padding-top:var(--space-8) !important}
.hcx-home-teams .hcx-teams-fig{width:45% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-friction-fig{width:45% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-analytics-fig{width:45% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-company-hero{padding-bottom:var(--space-12) !important}
.hcx-company-hero .hcx-fig-pull{width:46% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-journey-fig{width:46% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-video-narrow{width:65% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-acq-hero{padding-bottom:var(--space-12) !important}
.hcx-acq-laptop{width:60% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-acq-conv .two-col{transform:none !important;grid-template-columns:1fr 0.62fr !important;gap:var(--space-6) !important;align-items:center}
.hcx-acq-conv .two-col > *:first-child{order:2}
.hcx-acq-conv .two-col > *:last-child{order:1;padding-left:28px}
.hcx-acq-conv .hcx-fig-pull{width:100% !important;max-width:260px !important;margin-left:0 !important;margin-right:auto !important}
.hcx-gif-row{grid-template-columns:repeat(3, minmax(0,1fr)) !important;gap:var(--space-4) !important}
.hcx-gif-row img{width:100% !important;height:auto !important;max-width:100% !important;max-height:none !important}
.hcx-gif-row > div:nth-child(1) img,.hcx-gif-row > div:nth-child(3) img{width:50% !important}
.hcx-acq-conv{padding-bottom:var(--space-10) !important}
.hcx-acq-integrate .two-col{gap:var(--space-4) !important}
.hcx-acq-integrate .two-col > div:first-child p{line-height:1.45 !important}
.hcx-acq-integrate .two-col > div:first-child p + p{margin-top:var(--space-3) !important}
.hcx-acq-integrate .hcx-acq-laptop{margin-left:auto !important;margin-right:auto !important;margin-top:-24px !important;transform:translateX(-70px)}
.hcx-acq-integrate{padding-bottom:var(--space-6) !important}
.footer-grid{grid-template-columns:1.2fr 1fr 1fr !important;row-gap:var(--space-12) !important}
.footer-grid > div:first-child{grid-row:1 / span 2}
.footer-grid > div:nth-child(5){margin-left:0 !important}
.hcx-home-hero .two-col > div:first-child{padding-left:32px}
.hcx-home-hero .hcx-hero-gif{max-width:180px !important;margin-left:0 !important;margin-right:auto !important}
}

@media (max-width:640px){
.footer-grid > div:first-child{grid-row:auto}
}

/* ---- 834 layer ---- */
@media (max-width:834px){
footer{padding-top:calc(var(--space-20) * 0.67) !important}
.hcx-sol-img{width:79% !important;margin-left:auto !important;margin-right:auto !important}
}

/* ---- 480 phone layer: hero stacks with GIF on top ---- */
@media (max-width:480px){
.hcx-home-hero{padding-top:calc(var(--space-16) * 0.67) !important}
.hcx-home-hero .two-col{grid-template-columns:1fr !important;gap:var(--space-8) !important}
.hcx-home-hero .two-col > div:first-child{padding-left:0 !important;order:2}
.hcx-home-hero .hcx-hero-gif{order:1;max-width:210px !important;margin:0 auto !important}
.hcx-sol-card .hcx-sol-logo{height:186px !important}
.hcx-sol-card .hcx-sol-logo img{height:112px !important}
.hcx-sol-card .hcx-sol-logo span{font-size:40px !important}
.hcx-sol-card .hcx-sol-img{width:88% !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important}
.hcx-home-teams .hcx-teams-fig{width:68% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-friction-fig{width:68% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-analytics-fig{width:68% !important;margin-left:auto !important;margin-right:auto !important}
.footer-grid{grid-template-columns:1fr 1fr !important;row-gap:var(--space-12) !important;column-gap:var(--space-8) !important}
.footer-grid > div:first-child{grid-column:1 / -1;grid-row:auto}
.footer-grid > div:nth-child(5){margin-left:0 !important}
footer{padding-top:calc(var(--space-20) * 0.47) !important}
.hcx-video-narrow{width:100% !important;margin-left:0 !important;margin-right:0 !important}
.hcx-acq-integrate{padding-top:var(--space-8) !important}
.hcx-acq-integrate .hcx-acq-laptop{width:75% !important;margin:0 auto !important;transform:none !important}
.hcx-acq-conv .two-col{grid-template-columns:1fr !important;gap:var(--space-8) !important}
.hcx-acq-conv .two-col > *:first-child{order:1 !important}
.hcx-acq-conv .two-col > *:last-child{order:2 !important;padding-left:0 !important}
.hcx-acq-conv .two-col .hcx-fig-pull{max-width:180px !important;margin:0 auto !important;transform:none}
.hcx-gif-row{grid-template-columns:1fr !important;gap:var(--space-10) !important}
.hcx-gif-row > div:nth-child(1) img,.hcx-gif-row > div:nth-child(3) img{width:36% !important}
.hcx-gif-row > div:nth-child(2) img{width:88% !important}
.hcx-banner-panel{max-width:90% !important;padding:var(--space-6) !important;border-radius:20px !important;left:5% !important;right:auto !important;bottom:7% !important;top:auto !important;transform:none !important}
.hcx-banner-panel h2,.hcx-banner-panel .hcx-banner-heading{font-size:calc(var(--text-heading-md) * 1.08) !important;line-height:1.28 !important;white-space:normal !important}
.hcx-eng-onboard .hcx-fig-pull{width:68% !important;margin-left:auto !important;margin-right:auto !important}
.hcx-eng-usecases .two-col{grid-template-columns:1fr !important;gap:var(--space-10) !important}
.hcx-eng-usecases .two-col > *:first-child{order:2 !important}
.hcx-eng-usecases .two-col > *:last-child{order:1 !important;padding-left:0 !important}
.hcx-eng-usecases .hcx-eng-fig{width:82% !important;margin:0 auto !important;transform:none !important}
.hcx-eng-usecases .two-col p{font-size:var(--text-body-md) !important;line-height:1.4 !important}
.hcx-eng-usecases svg{width:24px !important;height:24px !important}
.hcx-eng-clarity .two-col{grid-template-columns:1fr !important;gap:var(--space-10) !important}
.hcx-eng-clarity .two-col > div:first-child{padding-right:0 !important}
.hcx-eng-clarity .hcx-eng-fig{width:82% !important;margin:0 auto !important;transform:none !important}
.hcx-eng-clarity .two-col p{font-size:var(--text-body-md) !important;line-height:1.4 !important}
.hcx-eng-relevant .hcx-eng-fig{width:74% !important;margin:0 auto !important}
.hcx-ret-cases svg{width:52px !important;height:52px !important}
.hcx-ret-cases p{font-size:calc(var(--text-body-md) * 1.22) !important;line-height:1.4 !important}
.hcx-ret-fig{width:74% !important;margin:0 auto !important}
.hcx-plat-fig{width:81% !important;margin:0 auto !important}
.hcx-plat-e2e .two-col .hcx-fig-pull{width:83% !important;margin:0 auto !important}
.hcx-trust-deepfake{width:87% !important;margin:0 auto !important}
.hcx-trust-concierge{width:87% !important;margin:0 auto !important}
.hcx-trust-concierge-sec + section .auto-grid svg{width:52px !important;height:52px !important}
.hcx-ind-hero{padding-top:calc(var(--space-16) * 0.67) !important;padding-bottom:var(--space-8) !important}
.hcx-ind-fig{width:78% !important;margin:0 auto !important}
.hcx-pat-hero .two-col{grid-template-columns:1fr !important;gap:var(--space-8) !important}
.hcx-pat-hero .two-col > div:first-child{padding-left:0 !important;max-width:100% !important}
.hcx-pat-hero .two-col > div:first-child p{max-width:100% !important}
.hcx-pat-hero .hcx-fig-pull{width:56% !important;margin:0 auto !important;border-radius:0 !important}
}

/* ---- 390 phone layer ---- */
@media (max-width:400px){
.hcx-home-video{padding-top:var(--space-4) !important}
.hcx-home-teams .hcx-teams-fig{width:82% !important;margin:0 auto !important}
.hcx-friction-fig{width:82% !important;margin:0 auto !important}
.hcx-analytics-fig{width:88% !important;margin:0 auto !important}
}
