@media(max-width:720px){

 .part-one,.part-two,.site-header{
  --u:1px
}
.site-shell{
  overflow:clip
}
.section{
  padding:24px 20px;
  min-height:0
}
.site-header{
  height:72px
}
.header-inner{
  padding:10px 20px;
  justify-content:space-between;
  gap:12px
}
.brand{
  width:130px;
  height:50px
}
.nav-toggle{
  display:block;
  width:42px;
  height:42px;
  border:1px solid #316070;
  border-radius:6px;
  background:#062531;
  color:white;
  font-size:24px
}
.nav{
  display:none;
  position:absolute;
  top:72px;
  left:0;
  right:0;
  padding:20px;
  background:#041b25;
  border-bottom:1px solid #235569;
  box-shadow:0 12px 30px #0008
}
.nav.is-open{
  display:flex;
  align-items:stretch;
  flex-direction:column;
  gap:20px
}
.nav__list{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  font-size:15px
}
.nav__list a{
  display:block;
  padding:10px
}
.nav__actions{
  justify-content:space-between;
  gap:20px
}
.langswitch{
  font-size:15px;
  gap:8px
}
.site-header .btn{
  font-size:14px;
  min-height:42px
}
.hero{
  padding:18px 20px 0;
  min-height:0;
  display:flex;
  flex-direction:column
}
.hero-copy{
  width:auto;
  padding:0;
  margin:0
}
.eyebrow{
  white-space:normal;
  font-size:9px;
  max-width:330px;
  line-height:1.5
}
.hero-title{
  font-size:clamp(27px,8.7vw,48px);
  white-space:nowrap;
  margin-top:8px!important
}
.hero-headline{
  font-size:clamp(24px,6.6vw,35px);
  line-height:1.1;
  margin-top:10px!important
}
.hero-intro{
  font-size:15px;
  line-height:1.5;
  margin-top:16px!important;
  letter-spacing:0
}
.hero-intro br{
  display:none
}
.hero-actions{
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px!important
}
.wp-block-button__link{
  min-height:44px;
  font-size:14px;
  white-space:normal
}
.button-outline .wp-block-button__link{
  min-height:44px;
  font-size:13px
}
.hero-actions>.wp-block-buttons{
  flex:1;
  min-width:145px
}
.hero-actions .wp-block-button{
  width:100%
}
.hero-actions a{
  width:100%;
  padding-inline:12px
}
.benefits{
  width:auto;
  gap:14px;
  margin-top:22px!important;
  flex-wrap:wrap
}
.benefit{
  font-size:11px;
  gap:6px;
  white-space:normal;
  flex:1;
  min-width:135px
}
.benefit .art{
  width:28px
}
.hero>.art-hero{
  position:relative;
  right:auto;
  top:auto;
  width:calc(100% + 40px);
  margin:22px -20px 0!important
}
.pillars>h2{
  font-size:25px
}
.section-subtitle{
  font-size:15px;
  line-height:1.4;
  margin-top:8px!important
}
.pillar-grid{
  grid-template-columns:1fr;
  gap:14px;
  margin-top:20px!important
}
.pillar{
  padding:20px 20px 20px 86px;
  min-height:178px
}
.pillar-copy h3{
  font-size:20px
}
.pillar-copy>p{
  font-size:14px;
  line-height:1.4;
  max-width:none
}
.pillar-copy>p:last-child{
  margin-top:12px!important
}
.pillar .art-pillar-camera{
  width:48px;
  left:16px;
  top:20px
}
.pillar .art-pillar-people-icon{
  width:62px;
  left:12px;
  top:20px
}
.art-pillar-fraud-photo,.art-pillar-people-photo{
  opacity:.22;
  width:150px
}
.pillar-people:after,.pillar-fraud:after{
  display:none
}
.fraud-copy{
  width:auto
}
.section-heading{
  gap:12px;
  align-items:center
}
.section-heading h2{
  font-size:25px
}
.headline-small{
  font-size:16px
}
.fraud-copy>p{
  font-size:15px;
  line-height:1.5;
  margin-top:18px!important
}
.fraud-copy>.wp-block-buttons{
  margin-top:16px!important
}
.button-small .wp-block-button__link{
  min-height:42px;
  font-size:14px
}
.art-pos{
  position:relative;
  right:auto;
  top:auto;
  width:100%;
  margin-top:20px!important
}
.event-grid{
  width:100%;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:14px!important
}
.event{
  font-size:13px;
  padding:12px;
  min-height:80px
}
.event .art{
  width:27px
}
.event:last-child{
  grid-column:1/-1
}
.pc-teaser-copy{
  width:auto
}
.pc-teaser .section-heading>.art{
  width:52px
}
.pc-teaser .headline-small{
  white-space:normal;
  font-size:16px;
  line-height:1.35
}
.pc-teaser-copy>p{
  font-size:15px;
  line-height:1.5;
  margin-top:18px!important
}
.pc-teaser .wp-block-buttons{
  margin-top:16px!important
}
.art-pc-teaser{
  position:relative!important;
  right:auto;
  top:auto;
  width:100%;
  margin-top:22px!important;
  z-index:0
}
.industries>h2,.clients>h2{
  font-size:22px
}
.industries>p,.clients>p{
  font-size:14px;
  line-height:1.4;
  margin-top:5px!important
}
.industry-grid{
  display:flex;
  overflow:auto;
  scroll-snap-type:x mandatory;
  margin-top:16px!important;
  padding-bottom:8px;
  gap:12px
}
.industry{
  width:235px;
  min-width:235px;
  height:96px;
  scroll-snap-align:start
}
.industry .art{
  height:59px
}
.industry-label a{
  font-size:14px;
  height:35px
}
.industry-controls{
  top:22px;
  right:20px
}
.industry-controls a{
  width:32px;
  height:32px
}
.client-logos{
  flex-wrap:wrap;
  justify-content:center;
  gap:22px 26px;
  margin-top:22px!important
}
.client-logos .art{
  height:28px
}
.client-logos .art-goldenstar{
  height:24px
}
.client-logos .art-flocafe{
  height:35px
}
.middle-cta{
  grid-template-columns:1fr;
  gap:20px
}
.middle-cta h2{
  font-size:22px;
  line-height:1.25
}
.middle-cta p{
  font-size:15px;
  line-height:1.4
}
.middle-cta .signature{
  font-size:11px!important;
  padding-left:15px
}
.transaction-search{
  grid-template-columns:1fr;
  gap:24px
}
.part-caption{
  font-size:12px
}
.lime-label{
  font-size:15px;
  margin-top:18px!important
}
.search-copy>h2{
  font-size:42px;
  line-height:1.02
}
.search-question{
  white-space:normal;
  font-size:19px!important;
  margin-top:16px!important
}
.search-copy>p:not(.part-caption):not(.lime-label):not(.search-question){
  font-size:16px;
  line-height:1.4;
  margin-top:14px!important
}
.caption{
  font-size:11px;
  line-height:1.4;
  margin-top:6px!important
}
.verification-flow{
  padding:14px 12px;
  gap:8px
}
.flow-step{
  font-size:10px;
  gap:6px
}
.flow-step .art{
  height:30px
}
.flow-step:not(:last-child):after{
  right:-8px;
  top:7px;
  font-size:18px
}
.counting-detail{
  padding:24px 20px
}
.counting-heading{
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:20px!important
}
.art-pc-heading-icon{
  width:52px
}
.counting-heading>div{
  flex:1
}
.counting-heading .product-label{
  font-size:23px;
  margin-top:0!important
}
.counting-heading h3{
  font-size:24px;
  line-height:1.12;
  margin-top:5px!important
}
.counting-heading p:not(.accuracy){
  font-size:14px;
  line-height:1.5;
  white-space:normal;
  margin-top:10px!important
}
.accuracy{
  position:relative;
  right:auto;
  top:auto;
  font-size:13px;
  margin-left:64px!important;
  margin-top:10px!important;
  padding:12px;
  max-width:100%
}
.art-pc-detail{
  width:100%
}
.analytics-grid{
  grid-template-columns:1fr;
  gap:14px;
  margin-top:14px!important
}
.analytics-card{
  padding:9px
}
.analytics-card h3{
  font-size:18px;
  margin-bottom:6px!important
}
.analytics-card>p{
  font-size:13px;
  white-space:normal;
  line-height:1.4;
  margin-top:8px!important
}
.counting-detail>.caption{
  font-size:11px;
  margin-top:10px!important
}
.audit-service{
  grid-template-columns:1fr;
  gap:24px
}
.audit-service h2{
  font-size:25px
}
.audit-service .headline-small{
  font-size:16px
}
.service-copy>p{
  font-size:15px;
  white-space:normal;
  line-height:1.45;
  margin-top:16px!important
}
.service-copy>p.service-description{
  font-size:14px;
  line-height:1.4;
  margin-top:8px!important
}
.service-copy br{
  display:none
}
.service-process{
  border-left:0;
  padding-left:0
}
.service-steps{
  gap:12px;
  grid-template-columns:repeat(2,1fr);
  row-gap:20px
}
.service-step{
  font-size:13px;
  gap:7px
}
.service-step .art{
  height:35px
}
.service-step:after{
  display:none
}
.service-result{
  font-size:13px;
  line-height:1.5;
  white-space:normal;
  padding:10px;
  margin-top:20px!important
}
.trust{
  gap:12px;
  align-items:flex-start
}
.trust>.art{
  width:45px
}
.trust h2{
  font-size:22px;
  line-height:1.15
}
.trust p{
  font-size:14px;
  line-height:1.5;
  margin-top:8px!important
}
.final-cta{
  grid-template-columns:1fr;
  gap:18px
}
.company-caption{
  font-size:12px
}
.final-cta h2{
  font-size:28px;
  white-space:normal;
  line-height:1.15;
  margin-top:5px!important
}
.final-cta p:not(.company-caption){
  font-size:15px;
  line-height:1.4;
  margin-top:10px!important
}
.final-cta .wp-block-button__link{
  font-size:14px;
  min-height:44px
}
.contact-link{
  padding-left:12px
}
.reference-footer{
  gap:20px;
  flex-wrap:wrap
}
.art-footer-logo{
  width:147px
}
.footer-links{
  flex-wrap:wrap;
  gap:15px 24px;
  font-size:13px;
  order:3;
  width:100%;
  white-space:normal
}
.footer-languages{
  font-size:14px
}


}

@media(max-width:720px){
  .hero-actions>.wp-block-buttons:first-child a,.hero-actions .button-outline a{
  width:100%;
  font-size:14px
}
.hero-copy{
  padding-top:0
}
.hero-title{
  font-size:clamp(27px,8.7vw,48px)
}
.hero-headline{
  font-size:clamp(24px,6.6vw,35px)
}
.benefit:nth-child(1),.benefit:nth-child(2){
  width:auto
}
.hero>.art-hero:after{
  display:none
}
.pos-media{
  position:relative;
  right:auto;
  top:auto;
  width:100%;
  margin-top:20px!important
}
.event p{
  white-space:normal
}
.industry-label{
  height:36px
}
.industry-label .art{
  width:28px;
  height:26px
}
.search-copy>h2{
  font-size:clamp(32px,10vw,43px);
  white-space:normal
}
.search-question{
  white-space:normal
}
.service-copy>p{
  white-space:normal
}
.middle-cta h2{
  white-space:normal
}
.reference-footer{
  gap:20px
}
.footer-links{
  gap:15px 24px
}
.counting-heading .accuracy{
  margin-left:0!important
}

}
