/* Home on phones — Figma "Home — Mobile" (node 4188:3398, 390 wide).
   Everything sits behind max-width:760px so the desktop page is untouched.
   The page is built from inline styles, so most rules need !important. */

.hm-br,.hm-why-m,.hm-pvis,.hm-plogo,.hm-eyebrow,.hm-tabs,.hm-dots{display:none}

@media (max-width:760px){
  body{background:#fbfaf7}

  /* ---------- shared section rhythm: label 13px bold, heading Bricolage 30 ---------- */
  .hm-why>[data-reveal]>div:first-child,.hm-testi>[data-reveal]>div:first-child,#products>[data-reveal]>div:first-child,
  #case-studies>div:first-child>div:first-child,.hm-eyebrow{
    display:block!important;font:700 13px/1.3 'Hanken Grotesk',sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase;color:#14151a!important;text-align:center}
  .hm-why h2,.hm-testi h2,#products>[data-reveal] h2,#case-studies h2,.arv-int-title,#industries h2{
    font-family:'Bricolage Grotesque',sans-serif!important;font-size:30px!important;line-height:1.1!important;letter-spacing:-.6px!important;font-weight:700!important;margin-top:16px!important;text-wrap:balance}

  /* ---------- hero ---------- */
  .hx{padding:183px 20px 120px!important;background:linear-gradient(180deg,#f9fbfc 0%,#f3f6fb 60%,#fbf1f4 100%)!important}
  .hx-glows{display:none}
  .hx-copy{max-width:350px!important;gap:46px!important}
  .hx-copy-text{gap:24px!important}
  .hx-title{font-family:'Bricolage Grotesque',sans-serif!important;font-weight:700!important;font-variation-settings:normal!important;font-size:49px!important;line-height:1.06!important;letter-spacing:-1.225px!important;color:#101116}
  .hx-title[data-br="1"] .hm-br{display:inline}
  .hx-accent{color:#2877d7!important}
  .hx-desc{font-family:'Hanken Grotesk',sans-serif!important;font-size:18px!important;line-height:1.5!important;color:#5e6270!important}
  .hx-cta{width:100%!important;height:49px!important;gap:8px;font-family:'Hanken Grotesk',sans-serif!important;font-weight:600!important;font-size:16px!important;border-radius:8px!important;box-shadow:0 14px 24px rgba(17,19,26,.22)}
  .hx-copy>.hx-cta{margin-bottom:-26px}           /* button → ticks: 20px (46px column gap - 26) */
  .hx-proof{gap:8px 16px!important;font-family:'Hanken Grotesk',sans-serif!important;font-size:13px!important;max-width:350px}
  .hx-proof-item{gap:10px!important;font-weight:500!important;color:#3a3d47!important}
  .hx-check{width:20px;text-align:center;color:#087bc1!important}

  /* ---------- client logos: 3 × 4 white tiles ---------- */
  .arv-logo-grid-wrap{padding:56px 20px!important}
  .arv-logo-grid-glow{display:none}
  .arv-logo-grid-title{font-family:'Inter',sans-serif!important;font-weight:600!important;font-size:24px!important;line-height:1.18!important;letter-spacing:-.48px!important;color:#252525!important}
  .arv-logo-grid{gap:10px!important;margin-top:28px!important;max-width:350px!important}
  .arv-logo-tile{width:calc((100% - 20px) / 3)!important;height:76px!important;aspect-ratio:auto!important;padding:16px 16px!important;border-radius:14px!important;background:#fff!important;border:1px solid #eceae4;box-shadow:0 4px 12px rgba(36,50,77,.06)!important}
  .arv-logo-tile:nth-child(n+13){display:none!important}
  .arv-logo-tile img{width:auto!important;height:auto!important;max-width:100%!important;max-height:44px!important;object-fit:contain!important}

  /* ---------- the problem: scatter → merge (cards are placed by home-m.js) ---------- */
  .hm-problem{margin-top:0!important}
  .hm-problem [data-problem-stage]{height:200vh!important}
  .hm-problem [data-problem-stage]>div>div{height:640px!important}
  .hm-problem [data-problem-stage]>div>div>div[aria-hidden]{background-size:40px 40px!important}
  .hm-problem [data-problem-card]{width:150px!important;padding:14px 14px 13px!important}
  .hm-problem [data-problem-card]>div:first-child{font-size:11px!important}
  .hm-problem [data-problem-card]>div:nth-child(2){height:7px!important;margin-top:10px!important}
  .hm-problem [data-problem-card]>div:nth-child(3){height:7px!important;margin-top:6px!important}
  .hm-problem [data-problem-card]>div:nth-child(4){margin-top:12px!important;gap:6px!important}
  .hm-problem [data-problem-card]>div:nth-child(4) span:first-child{width:7px!important;height:7px!important}
  .hm-problem [data-problem-card]>div:nth-child(4) span:last-child{font-size:11px!important}
  .hm-problem [data-problem-stage] h2{font-family:'Bricolage Grotesque',sans-serif!important;font-size:30px!important;line-height:1.1!important;letter-spacing:-.6px!important;margin-top:13px!important}
  .hm-problem [data-problem-stage] div:has(>h2){width:330px!important}

  /* ---------- products: stacked cards, picture on top ---------- */
  #products{margin-top:0!important;padding:64px 16px!important}
  .hm-psplit{display:block!important;margin-top:16px!important}
  .hm-pmock{display:none!important}
  .hm-psplit [data-product-step]{min-height:0!important;opacity:1!important;transform:none!important;filter:none!important;
    display:flex!important;padding:0 20px 22px!important;margin-top:16px;background:#fff;border:1px solid #eceae4;border-radius:20px;overflow:hidden;box-shadow:0 5px 12px rgba(36,50,77,.05);gap:12px}
  .hm-pvis{display:block;margin:0 -20px 8px;padding:20px 20px 0}
  .hm-pvis>img{display:block;width:100%;height:auto;border-radius:12px 12px 0 0}
  .hm-pvis.hm-live{display:flex;justify-content:center;padding:20px 12px 16px}
  .hm-pvis.hm-live>img{display:none}
  .hm-pvis.hm-live>.uv,.hm-pvis.hm-live>.sv,.hm-pvis.hm-live>.lv,.hm-pvis.hm-live>.tv{width:100%!important;max-width:340px}
  .hm-plogo{display:block;height:26px;width:auto;max-width:90px;object-fit:contain;object-position:left}
  .hm-psplit [data-product-step]>div:nth-of-type(2){background:#f0efe9!important;color:#14151a!important;font-size:12px!important;padding:6px 12px!important;font-family:'Hanken Grotesk',sans-serif}
  .hm-psplit [data-product-step]>h3{font-size:22px!important;line-height:1.18!important;letter-spacing:-.33px!important;margin-top:0!important}
  .hm-psplit [data-product-step]>p{font-size:15px!important;line-height:1.5!important;margin-top:0!important}
  .hm-psplit [data-product-step]>[data-m=checks]{display:none!important}   /* Figma: suite cards without the feature ticks */
  .hm-psplit [data-product-step]>[data-m=checks]>div{background:none!important;border:0!important;padding:0!important;gap:10px!important}
  .hm-psplit [data-product-step]>[data-m=checks]>div>span:first-child{width:20px!important;height:20px!important;background:#f0efe9!important;color:#14151a!important;border-radius:6px!important;font-size:11px!important}
  .hm-psplit [data-product-step]>[data-m=checks]>div>span:last-child{font-size:14px!important;font-weight:500!important;color:#14151a!important}
  .hm-psplit [data-product-step]>div:last-child{margin-top:0!important}
  .hm-psplit [data-product-step]>div:last-child a{padding:11px 18px!important;font-size:15px!important}

  /* ---------- why arivoo: carousel ---------- */
  .hm-why{margin-top:0!important;padding:64px 0 56px!important}
  .hm-why>[data-reveal]{padding:0 16px}
  .hm-why .wx-grid{display:none!important}
  .hm-why-m{display:block;margin-top:16px}

  /* ---------- who we serve ---------- */
  #industries{margin-top:0!important;padding:40px 16px!important}
  #industries>div{border-radius:30px!important;padding:32px 20px 28px!important}
  #industries [data-reveal]>div:first-child{font-size:13px!important}
  #industries [data-reveal]>div:first-child>span:first-child{display:none!important}
  #industries h2{color:#fff!important;text-align:left;margin-top:18px!important}
  #industries [data-reveal]+div{gap:8px!important;margin-top:18px!important;flex-wrap:nowrap!important}
  #industries [data-reveal]+div>button{flex:1 1 0;padding:9px 6px!important;font:600 14px 'Hanken Grotesk',sans-serif!important;border-radius:100px!important;white-space:nowrap}
  #industries [data-m=chips]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:22px!important}
  #industries [data-m=chips]>div{padding:11px 12px!important;border-radius:12px!important;gap:8px!important;background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.1)!important}
  #industries [data-m=chips]>div>span:first-child{width:18px!important;height:18px!important;border-radius:5px!important;background:rgba(255,255,255,.1)!important;font-size:10px!important}
  #industries [data-m=chips]>div>span:last-child{font-size:13px!important;font-weight:400!important;line-height:1.3!important}

  /* ---------- stats: 2 × 2, left aligned ---------- */
  .hm-stats{margin-top:0!important;padding:48px 16px!important}
  .hm-stats [data-m=stats]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px!important}
  .hm-stats [data-m=stats]>div{text-align:left!important;padding:0!important}
  .hm-stats [data-count-to]{font-size:40px!important;letter-spacing:-.8px!important;line-height:1.2}
  .hm-stats [data-count-to]+div{font-size:15px!important;font-weight:400!important;margin-top:4px!important}

  /* ---------- case studies: swipe rail with dots ---------- */
  #case-studies{margin-top:0!important;padding:64px 0!important}
  #case-studies>div:first-child{padding:0 16px!important}
  #case-studies>div:first-child p{font-size:15px!important;line-height:1.5!important;color:#5b5f6b!important;margin-top:14px!important}
  /* carousel: one card at a time, advances by itself (home-m.js), dots underneath */
  #case-studies .cs-marq{overflow-x:auto!important;scroll-snap-type:x mandatory;-webkit-mask-image:none!important;mask-image:none!important;scrollbar-width:none;margin-top:16px!important;padding:8px 0 16px}
  #case-studies .cs-marq::-webkit-scrollbar{display:none}
  #case-studies .cs-track{animation:none!important;transform:none!important;gap:14px!important;padding:0 16px;width:max-content}
  #case-studies .cs-dup{display:none!important}
  #case-studies .cs-card{width:280px!important;scroll-snap-align:start;scroll-margin-left:16px;box-shadow:none!important}
  #case-studies .cs-card-body h3{font-size:19px!important}

  /* ---------- testimonials: one card + tabs ---------- */
  .hm-testi{margin-top:0!important;padding:64px 16px!important}
  .hm-testi>[data-reveal] p{font-size:15px!important;line-height:1.5!important;margin-top:16px!important}
  .hm-testi [data-m=testi]{position:relative;display:block!important;height:476px;margin:16px 0 0!important;padding:0!important;overflow:visible!important}
  .hm-testi [data-m=testi]>button{position:absolute!important;left:0;right:0;bottom:0;width:100%!important;height:440px!important;opacity:1!important;
    transform-origin:50% 0;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s ease,box-shadow .6s ease!important}
  .hm-testi [data-m=testi]>button[data-pos="0"]{z-index:3!important;transform:none}
  .hm-testi [data-m=testi]>button[data-pos="1"]{z-index:2!important;transform:translateY(-18px) scale(.94);filter:brightness(.78);pointer-events:none}
  .hm-testi [data-m=testi]>button[data-pos="2"]{z-index:1!important;transform:translateY(-36px) scale(.88);filter:brightness(.6);pointer-events:none}
  .hm-testi [data-m=testi]>button:not([data-pos="0"])>span{opacity:0}
  .hm-testi [data-m=testi]>button>span:nth-last-child(4){top:auto!important;bottom:calc(24px + 2.6em + 30px);left:20px!important;font:600 11px 'Inter',sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:#cfd3dc!important}
  .hm-testi [data-m=testi]>button>span:nth-last-child(3){width:64px!important;height:64px!important;border:0!important;background:rgba(255,255,255,.92)!important;backdrop-filter:none!important}
  .hm-testi [data-m=testi]>button>span:nth-last-child(3) svg{fill:#14151a}
  .hm-testi [data-m=testi]>button>span:nth-last-child(2){left:20px!important;right:20px!important;bottom:24px!important;font-family:'Bricolage Grotesque',sans-serif!important;font-size:20px!important;line-height:1.2!important}
  .hm-tabs{display:flex;gap:8px;margin-top:16px}
  .hm-tabs button{flex:1 1 0;padding:9px 10px;border-radius:99px;border:1px solid #e3e5e9;background:#fff;color:#4b4f5c;font:600 12px 'Hanken Grotesk',sans-serif;white-space:nowrap;cursor:pointer}
  .hm-tabs button[aria-selected=true]{background:#14151a;border-color:#14151a;color:#fff}

  /* ---------- integrations: 4 × 2 tiles ---------- */
  .arv-int{margin-top:0!important;padding:64px 16px!important}
  .arv-int::before{display:none}
  .hm-eyebrow{display:block}
  .arv-int-title{font-size:28px!important}
  .arv-int-sub{font-size:15px!important;line-height:1.5!important;margin-top:16px!important}
  .arv-int-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-top:24px!important}
  .arv-int-logo{height:64px!important;max-width:none!important;background:#fff;border:1px solid #eef0f3;border-radius:14px;padding:18px 12px}
  .arv-int-logo img{max-height:28px!important}

  /* ---------- final call to action ---------- */
  #demo{margin-top:0!important;padding:16px 16px 56px!important}
  #demo>div{padding:36px 24px!important}
  #demo>div>div[data-parallax]{display:none}
  #demo h2{font-size:28px!important;line-height:1.1!important;letter-spacing:-.56px}
  #demo p{font-size:15px!important;line-height:1.5!important}
  #demo a{display:inline-flex!important;align-items:center;gap:8px;padding:14px 22px!important;font-weight:600!important}
  #demo a::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}

  /* ---------- footer ---------- */
  .hm-foot{margin-top:0!important}
  .hm-foot>div:first-child{padding:44px 20px 0!important}
  .hm-foot [data-m=foot]{grid-template-columns:1fr 1fr!important;gap:28px 16px!important}
  .hm-foot [data-m=foot]>div:first-child p{max-width:none!important}
  .hm-foot [data-m=foot]>div:first-child>div{margin-top:28px!important}
  .hm-foot [data-m=foot]>div:not(:first-child)>div:last-child{gap:10px!important;margin-top:10px!important}
  .hm-foot>div:first-child>div:nth-child(2){justify-content:flex-start!important;gap:10px!important;margin-top:28px!important}
  .hm-foot>div:first-child>div:nth-child(3){flex-direction:column;align-items:flex-start!important;gap:28px!important;border-top-color:rgba(255,255,255,.08)!important;margin-top:28px!important;padding:28px 0!important}
  .hm-foot>div:first-child>div:nth-child(3)>div{gap:16px!important}
  .hm-foot>div:last-child svg{width:calc(100% - 40px)!important;margin:0 auto -1.6%!important}

  /* ---------- carousels (why arivoo) ---------- */
  .hmw-marq{overflow:hidden;padding:8px 0 16px}
  .hmw-track,.hmw-dup{display:flex;gap:14px;width:max-content}
  .hmw-track{animation:hm-marq 48s linear infinite}
  .hmw-marq:active .hmw-track{animation-play-state:paused}
  @keyframes hm-marq{to{transform:translateX(calc(-50% - 7px))}}
  .hmw-card{flex:none;width:300px;display:flex;flex-direction:column;background:#fff;border:1px solid #eceae4;border-radius:18px;overflow:hidden;box-shadow:0 5px 12px rgba(36,50,77,.05)}
  .hmw-ill{position:relative;height:203px;flex:none;overflow:hidden;
    background-image:linear-gradient(#eef1f6 1px,transparent 1px),linear-gradient(90deg,#eef1f6 1px,transparent 1px);background-size:54px 54px;background-position:30px 40px}
  .hmw-win{position:absolute;left:14px;top:14px;right:14px;height:149px;padding:10px 12px 12px;border-radius:12px;background:#fcfdff;border:1px solid #edf0f5;box-shadow:0 4px 16px rgba(36,51,77,.08);
    font:400 10px/1.35 'Inter',sans-serif;color:#2b2e37;display:flex;flex-direction:column;gap:8px}
  .hmw-bar{display:flex;align-items:center;justify-content:space-between}
  .hmw-bar span{display:flex;gap:4px}.hmw-bar i{width:5px;height:5px;border-radius:50%;background:#dfe3ea}
  .hmw-bar small{font-size:8px;color:#646a78}
  .hmw-ui{display:flex;flex-direction:column;gap:7px}
  .hmw-head{display:flex;align-items:center;justify-content:space-between}
  .hmw-head b{font-size:11px;font-weight:500}
  .hmw-head>span{display:flex;gap:4px}
  .hmw-chip{font-style:normal;font-size:8px;font-weight:500;color:var(--a);background:var(--t);padding:2px 6px;border-radius:5px;white-space:nowrap}
  .hmw-row3{display:flex;gap:6px}
  .hmw-box{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-radius:7px;background:#f4f6fa}
  .hmw-box.t,.hmw-box.hi{background:var(--t)}
  .hmw-box em{font-style:normal;font-size:7.5px;color:#646a78}.hmw-box.hi em,.hmw-box.hi strong{color:var(--a)}
  .hmw-box strong{font-size:13px;font-weight:600}
  .hmw-box span{font-size:7.5px;color:#646a78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hmw-person{display:flex;align-items:center;justify-content:space-between;padding-top:2px}
  .hmw-person b,.hmw-prof b{display:block;font-size:9px;font-weight:500}
  .hmw-person span,.hmw-prof span{font-size:7.5px;color:#646a78}
  .hmw-line{display:flex;justify-content:space-between;padding:4px 8px;border:1px solid #edf0f5;border-radius:6px;font-size:8.5px}
  .hmw-line span+span{font-size:8px;color:#646a78}
  .hmw-security .hmw-ui{gap:4px}.hmw-security .hmw-win{gap:6px;padding-top:8px}
  .hmw-prof{display:flex;align-items:center;gap:8px}
  .hmw-prof b{font-size:10px}
  .hmw-av{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--t);color:var(--a);font:600 8px 'Inter',sans-serif;font-style:normal}
  .hmw-sync{font-size:7.5px;color:#646a78;display:flex;align-items:center;gap:4px}
  .hmw-sync i{width:5px;height:5px;border-radius:50%;background:var(--a)}
  .hmw-kpis{display:flex;gap:10px}.hmw-kpis>div{flex:1 1 0;display:flex;flex-direction:column;gap:1px}
  .hmw-kpis strong{font-size:13px;font-weight:600}.hmw-kpis span{font-size:7.5px;color:#646a78}
  .hmw-bars{display:flex;align-items:flex-end;gap:6px;height:34px}
  .hmw-bars i{flex:1 1 0;border-radius:3px 3px 0 0;background:#bfeee3}.hmw-bars i.hi{background:var(--a)}
  .hmw-flow{display:flex;align-items:center;gap:8px}
  .hmw-col{display:flex;flex-direction:column;gap:8px}
  .hmw-svc{padding:7px 8px;border-radius:7px;background:#fff;border:1px solid #f3dca4;font-size:8.5px;white-space:nowrap}
  .hmw-hub{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border-radius:8px;background:var(--t);border:1px solid #f3dca4;color:var(--a);font-size:8px;font-weight:500;white-space:nowrap}
  .hmw-hl{position:absolute;right:12px;top:137px;width:232px;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 9px;border-radius:10px;background:#fcfdff;box-shadow:0 6px 18px rgba(36,51,77,.12);font-family:'Inter',sans-serif}
  .hmw-hl-ic{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:var(--t);color:var(--a)}
  .hmw-hl-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
  .hmw-hl-t b{font-size:9px;font-weight:500;color:var(--a)}
  .hmw-hl-t small{font-size:7.5px;color:#646a78}
  .hmw-hl>svg{flex:none;color:#646a78}
  .hm-in .hmw-win{animation:hm-rise .7s cubic-bezier(.2,.8,.2,1) .12s backwards}
  .hm-in .hmw-hl{animation:hm-slide .6s cubic-bezier(.2,.8,.2,1) .4s backwards,hm-float 5s ease-in-out 1.1s infinite}
  .hm-in .hmw-bars i{transform-origin:bottom;animation:hm-grow .8s cubic-bezier(.2,.8,.2,1) .3s both}
  .hm-in .hmw-bars i:nth-child(2){animation-delay:.37s}.hm-in .hmw-bars i:nth-child(3){animation-delay:.44s}.hm-in .hmw-bars i:nth-child(4){animation-delay:.51s}.hm-in .hmw-bars i:nth-child(5){animation-delay:.58s}.hm-in .hmw-bars i:nth-child(6){animation-delay:.65s}
  .hm-in .hmw-sync i,.hm-in .hmw-chip{animation:hm-pulse 2.4s ease-in-out 1s infinite}
  @keyframes hm-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @keyframes hm-slide{from{opacity:0;transform:translate(20px,6px)}to{opacity:1;transform:none}}
  @keyframes hm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
  @keyframes hm-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  @keyframes hm-pulse{0%,100%{opacity:1}50%{opacity:.55}}
  .hmw-txt{display:flex;flex-direction:column;gap:8px;padding:6px 20px 24px}
  .hmw-txt h3{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:700;color:#14151a}
  .hmw-txt p{font-family:'Hanken Grotesk',sans-serif;font-size:15px;line-height:1.5;color:#4b4f5c}

  /* pager dots under the carousels */
  .hm-dots i{cursor:pointer}
  .hm-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px}
  .hm-dots i{width:6px;height:6px;border-radius:3px;background:#d5d8de;transition:width .25s,background .25s}
  .hm-dots i.on{width:20px;background:#14151a}
}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .hmw-track,#case-studies .cs-track{animation:none!important}
  .hmw-marq,#case-studies .cs-marq{overflow-x:auto!important}
  .hmw-dup,#case-studies .cs-dup{display:none!important}
  .hm-in .hmw-win,.hm-in .hmw-hl,.hm-in .hmw-bars i,.hm-in .hmw-sync i,.hm-in .hmw-chip{animation:none!important}
}