/* JB, 21 Oct 2026: option A, "Swipe through it", the homepage on phones. Under 600 px (arrival-home.js's own phone breakpoint) section#home-phone
   replaces the 8 desktop chapters, the customer chapter, the G2 ribbon and the compare chapter; at 600 px and up it never shows. */
.m-home{display:none}
@media (max-width:599px){
  /* the 8 chapters keep their place at 0 height (clipped, invisible): arrival-home.js picks the chapter in view by position, and with
     display:none every chapter reads as already passed, so the hero is never picked and its pinned copy never shows */
  .arrival-journey{height:0!important;min-height:0!important;overflow:hidden!important;visibility:hidden!important;margin:0!important;padding:0!important}
  /* and everything inside them, since some of their copy is forced visible elsewhere: hidden from sight and from screen readers
     (Lighthouse, 21 Oct 2026), still laid out, so arrival-home.js keeps reading their positions */
  .arrival-journey *{visibility:hidden!important}
  #home-customers,#home-reviews,#home-compare{display:none!important}
  /* A still hero on phones (JB, 21 Oct 2026: the picture "is not even visible", and Lighthouse's largest paint waited for the script).
     arrival-home.js pinned the hero copy in a fixed screen and kept the hero hidden until then (up to 2.5 s), then the page below
     shifted. On phones the hero now paints straight from the HTML, never pins (its pin ends at #home-stack, which sits at the top of
     the page here), and the hero picture is gone. Desktop and tablet keep the cinematic hero. */
  html.arrival-integrated:not(.arrival-ready) .h-story-shell{visibility:visible!important;animation:none!important}
  html.arrival-enhanced .h-story-shell .h-story-copy{opacity:1!important;pointer-events:auto!important}
  html.arrival-enhanced .h-story-shell .h-opening{height:auto!important;min-height:0!important}
  #home-stack{position:absolute!important;top:0!important;left:0!important;width:0!important;height:0!important}
  html .arrival-home-screen,html .h-story-sticky,html #home-hero .h-moment-home{display:none!important}
  html .h-story-shell.h-wrap{width:calc(100% - 32px)!important;max-width:none!important}   /* the pinned hero's 16 px sides */
  html #main-content #home-hero .h-actions .h-button{width:100%;justify-content:center}   /* full width, as in the pinned hero */
  /* the same box at first paint as after the scripts (Lighthouse caught the hero 24 px low before arrival-home.js set its classes:
     layout shift 0.103); and each swipe counter keeps its line before phone-home.js writes it */
  html #main-content #home-hero{padding-top:0!important;padding-bottom:0!important}
  /* BEGIN phone_hero_trust_1021.py: the phone rules of the pinned hero copy, for the plain hero (generated, do not edit) */
  body.cinematic-review #main-content #home-hero{min-width:0;max-height:100%;align-self:center;color:var(--night)}
  body.cinematic-review #main-content #home-hero :is(.h-hero-copy,.flow-copy,.u-chapter-narrative){position:static!important;padding:0!important;max-width:none!important;pointer-events:auto}
  body.cinematic-review #main-content #home-hero h1{font-size:clamp(42px,4.7vw,70px);line-height:1.04;letter-spacing:-.055em;max-width:15ch}
  body.cinematic-review #main-content #home-hero h2{font-size:clamp(34px,3.6vw,48px);line-height:1.12;letter-spacing:-.05em;max-width:12em}
  body.cinematic-review #main-content #home-hero :is(h1,h2) span{color:var(--blue)}
  body.cinematic-review #main-content #home-hero .hero-heading-break{display:none!important}
  body.cinematic-review #main-content #home-hero .h-body{font-size:17px;line-height:1.65;color:var(--h-light-muted);max-width:34ch;margin-top:22px}
  body.cinematic-review #main-content #home-hero :is(.h-actions,.h-text-links){margin-top:26px}
  body.cinematic-review #main-content #home-hero .h-button{min-height:50px;padding:13px 22px;font-size:14px}
  body.cinematic-review #main-content #home-hero .e-mini-visual{max-width:240px;margin:22px 0 0;translate:none;min-height:0}
  body.cinematic-review #main-content #home-hero .h-trust{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-top:1px solid #1237e010;padding:20px 0 0;margin-top:26px;font-size:12px;color:var(--h-light-muted)}
  body.cinematic-review #main-content #home-hero .h-trust>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;width:100%;margin:0}
  body.cinematic-review #main-content #home-hero .h-trust img{width:100%;max-width:80px;max-height:26px;object-fit:contain;filter:none}
  body.cinematic-review #main-content #home-hero{max-height:100%;min-width:0}
  body.cinematic-review #main-content #home-hero h1{font-size:clamp(40px,4.5vw,64px)}
  body.cinematic-review #main-content #home-hero h2{font-size:clamp(34px,3.7vw,50px);max-width:13ch}
  .arrival-flow body.cinematic-review #main-content #home-hero{pointer-events:auto}
  .arrival-flow body.cinematic-review #main-content #home-hero:empty{pointer-events:none}
  body.cinematic-review #main-content #home-hero .h-trust>div{align-items:start;justify-items:center;row-gap:18px}
  body.cinematic-review #main-content #home-hero .h-hero-copy .h-button{min-height:60px;padding:16px 32px;font-size:18px;gap:16px}
  body.cinematic-review #main-content #home-hero .h-trust img,body.cinematic-review #main-content #home-hero .h-trust img{width:auto;max-width:none;max-height:none;box-sizing:content-box;object-fit:contain;object-position:center}
  body.cinematic-review #main-content #home-hero .h-trust img[src$="luzmologo.svg"]{--lh:18px;--lp:12px}
  body.cinematic-review #main-content #home-hero .h-trust img[src$="igen.png"]{--lh:37px;--lp:2.5px}
  body.cinematic-review #main-content #home-hero .h-trust img[src$="software-AG.png"]{--lh:34px;--lp:4px}
  body.cinematic-review #main-content #home-hero .h-trust img[src$="spiideo-400w.png"]{--lh:37px;--lp:2.5px}
  body.cinematic-review #main-content #home-hero .h-trust img[src$="agilio.png"]{--lh:35px;--lp:3.5px}
  body.cinematic-review #main-content #home-hero .h-trust img[src$="slidehub.png"]{--lh:40px;--lp:1px}
  body.cinematic-review #main-content #home-hero .h-trust img[src$="emagine-dark.png"]{--lh:23px;--lp:9.5px}
  body.cinematic-review #main-content #home-hero .h-trust img[src$="taylor-mono.svg"]{--lh:16px;--lp:13px}
  body.cinematic-review #main-content #home-hero .h-trust img{height:calc(var(--lh,32px) * var(--ls,1));padding:calc(var(--lp,5px) * var(--ls,1)) 0}
  body.cinematic-review #main-content #home-hero .h-trust img{filter:grayscale(1);opacity:.48}
  body.cinematic-review #main-content #home-hero .h-trust img[src$="igen-colour.png"]{--lh:37px;--lp:2.5px}
  body.cinematic-review #main-content #home-hero .h-trust img[src$="aris-colour.png"]{--lh:34px;--lp:4px}
  body.cinematic-review #main-content #home-hero .h-trust .h-trust-story img,body.cinematic-review #main-content #home-hero .h-trust .h-trust-colour{transition:opacity .2s ease,filter .2s ease}
  body.cinematic-review #main-content #home-hero .h-trust .h-trust-colour{position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;opacity:0;pointer-events:none}
  body.cinematic-review #main-content #home-hero .h-trust .h-trust-colour img{display:block;filter:none;opacity:1}
  body.cinematic-review #main-content #home-hero .h-trust .h-trust-story:not(.h-trust-swap):hover img,body.cinematic-review #main-content #home-hero .h-trust .h-trust-story:not(.h-trust-swap):focus-visible img{filter:none;opacity:1}
  body.cinematic-review #main-content #home-hero .h-trust .h-trust-swap:hover>img,body.cinematic-review #main-content #home-hero .h-trust .h-trust-swap:focus-visible>img{opacity:0}
  body.cinematic-review #main-content #home-hero .h-trust .h-trust-swap:hover .h-trust-colour,body.cinematic-review #main-content #home-hero .h-trust .h-trust-swap:focus-visible .h-trust-colour{opacity:1}
  @media (prefers-reduced-motion:reduce){body.cinematic-review #main-content #home-hero .h-trust .h-trust-story img,body.cinematic-review #main-content #home-hero .h-trust .h-trust-colour{transition:none}}
  @media (max-width:999px){body.cinematic-review #main-content #home-hero{align-self:start}}
  @media (max-width:999px){body.cinematic-review #main-content #home-hero h1,body.cinematic-review #main-content #home-hero h2{font-size:clamp(28px,4.6vw,40px);line-height:1.1;max-width:none}}
  @media (max-width:999px){body.cinematic-review #main-content #home-hero h1 br,body.cinematic-review #main-content #home-hero h2 br{display:none}}
  @media (max-width:999px){body.cinematic-review #main-content #home-hero h1>span:not(.hero-heading-break),body.cinematic-review #main-content #home-hero h2>span{display:block}}
  @media (max-width:999px){body.cinematic-review #main-content #home-hero .h-body{font-size:13px;line-height:1.55;margin-top:12px;max-width:65ch}}
  @media (max-width:999px){body.cinematic-review #main-content #home-hero .h-actions{margin-top:16px}}
  @media (max-width:999px){body.cinematic-review #main-content #home-hero .h-button{min-height:40px;font-size:12px;padding:10px 18px}}
  @media (max-width:999px){body.cinematic-review #main-content #home-hero .h-trust{padding-top:12px;margin-top:16px;gap:8px;--ls:.6}}
  @media (max-width:999px){body.cinematic-review #main-content #home-hero .h-trust>div{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}}
  @media (max-width:999px){body.cinematic-review #main-content #home-hero .h-trust .h-trust-story{width:100%}}
  @media (max-width:759px){body.cinematic-review #main-content #home-hero .h-trust{--ls:.75}}
  @media (max-width:759px){body.cinematic-review #main-content #home-hero .h-trust>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px}}
  /* END phone_hero_trust_1021.py */
  .m-home{display:block;--m-blue:#1237E0;--m-ink:#161616;--m-body:#525252;--m-line:#E3E6EE;--m-panel:#F4F6FB;color:var(--m-ink);padding:8px 0 24px}
  .m-ic{width:16px;height:16px;flex:none}
  .m-tabs{position:sticky;top:var(--m-top,65px);z-index:20;display:flex;gap:6px;padding:8px 16px;background:#fff;border-bottom:1px solid var(--m-line)}
  .m-tabs a{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 4px;border:1px solid var(--m-line);border-radius:999px;color:var(--m-ink);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
  .m-tabs a[aria-current]{background:var(--m-ink);border-color:var(--m-ink);color:#fff}
  .m-act{padding:24px 16px 4px;scroll-margin-top:calc(var(--m-top,65px) + 52px)}
  .m-act>h2,.m-cmp-h{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:22px;line-height:1.2;letter-spacing:-.01em}
  .m-act>h2 .m-ic,.m-cmp-h .m-ic{width:20px;height:20px;color:var(--m-blue)}
  .m-act>p,.m-cmp-line{margin:0 0 12px;font-size:15px;line-height:1.5;color:var(--m-body)}
  .m-swipe{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 8px;scroll-padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .m-swipe::-webkit-scrollbar{display:none}
  .m-swipe:focus-visible{outline:2px solid var(--m-blue);outline-offset:-2px}
  .m-card{flex:none;width:calc(100vw - 56px);max-width:340px;scroll-snap-align:start;box-sizing:border-box;border:1px solid var(--m-line);border-radius:18px;padding:14px;background:#fff}
  .m-card.m-solo{width:100%;max-width:none}
  .m-lab{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 10px;border-radius:999px;background:#EEF2FF;color:var(--m-blue);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
  .m-lab svg{width:14px;height:14px;flex:none;fill:currentColor}
  .m-card h3{margin:10px 0;font-size:20px;line-height:1.2;letter-spacing:-.01em}
  .m-card h3 span{color:var(--m-blue)}
  .m-pic{overflow:hidden;border:1px solid var(--m-line);border-radius:12px;background:var(--m-panel)}
  .m-pic img{display:block;width:100%;height:auto}
  .m-steps{list-style:none;display:grid;gap:8px;margin:12px 0 0;padding:0}
  .m-steps li{display:flex;gap:10px;font-size:14px;line-height:1.4}
  .m-steps b{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--m-blue);color:#fff;font:600 12px/1 'Space Mono',monospace}
  .m-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--m-blue);font-size:15px;font-weight:600;text-decoration:none}
  .m-more .h-icon{width:16px;height:16px}
  .m-count{display:flex;align-items:center;gap:6px;min-height:23px;margin:6px 0 0;font:400 12px/1 'Space Mono',monospace;color:var(--m-ink)}
  .m-count i{display:inline-block;width:6px;height:6px;border-radius:999px;background:#C9CFDD}
  .m-count i.on{width:18px;background:var(--m-blue)}
  .m-logo{display:block;width:auto;max-width:140px}
  .m-big{margin:12px 0 2px;font:400 26px/1.15 'Space Mono',monospace;letter-spacing:-.02em}
  .m-big-words{font:600 19px/1.3 inherit;font-family:inherit;letter-spacing:-.01em}
  .m-line{margin:0;font-size:14px;line-height:1.4;color:var(--m-body)}
  .m-story blockquote,.m-g2 blockquote{margin:12px 0 0;font-size:15px;line-height:1.45}
  .m-who{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:13px;line-height:1.35;color:var(--m-body)}
  .m-who img{width:40px;height:40px;border-radius:999px;object-fit:cover}
  .m-who b{display:block;color:var(--m-ink)}
  .m-g2{margin-top:16px;border:1px solid var(--m-line);border-radius:14px;padding:14px}
  .m-stars{display:flex;gap:2px;margin:0;color:#E8A317}
  .m-g2 blockquote{margin-top:6px;font-weight:600}
  .m-g2-who{margin:6px 0 0;font-size:13px;color:var(--m-body)}
  .m-g2-who b{display:block;color:var(--m-ink)}
  .m-cmp-h{margin-top:28px}
  .m-cmp{display:grid;gap:8px}
  .m-cmp a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--m-line);border-radius:12px;color:var(--m-ink);font-size:15px;font-weight:600;text-decoration:none}
  .m-cmp a img{width:24px;height:24px;border-radius:6px;object-fit:contain}
  .m-cmp a .m-ic{margin-left:auto;color:var(--m-blue)}
}
@media (max-width:599px) and (prefers-reduced-motion:reduce){.m-swipe{scroll-behavior:auto}}