/* MeetriX Studio: product-led scenes and a restrained motion system. */
:root{--m2-ease:cubic-bezier(.2,.75,.2,1)}
.brand{font-family:Poppins,Inter,sans-serif;font-weight:600}
.m2-search-open{overflow:hidden}
.search-input{padding-inline-end:64px}
.m2-search-close{position:absolute;inset-inline-end:14px;top:13px;width:36px;height:36px;background:#fff;border:1px solid #e9dce7;border-radius:9px;color:#6f5975;font-size:22px;line-height:1;cursor:pointer;z-index:1}
.m2-search-status{font-size:12px;color:#77677f;margin:10px 22px 0}
.m2-search-status:empty{display:none}
.search-results li.sel a{background:#fff0f6;box-shadow:inset 0 0 0 1px #edc8d9}
@media(min-width:861px){.has-dropdown.is-dismissed .dropdown{visibility:hidden;opacity:0;pointer-events:none}.has-dropdown.is-dismissed>.nav-link svg{transform:none}}

/* Explicit dimensions avoid flex stretching portrait images into ovals. */
.m2-utterance{align-items:flex-start}
.m2-utterance>img{width:38px;height:38px;min-width:38px;aspect-ratio:1;align-self:flex-start;object-fit:cover;object-position:center 30%;border:2px solid #fff;box-shadow:0 0 0 1px #f0e4ec}
.m2-utterance>div{min-width:0}
.m2-attendees img{width:40px;height:40px;aspect-ratio:1;align-self:center}
.m2-utterance b{font-size:11px}
.m2-utterance p{font-size:14px;line-height:1.85}
.m2-utterance:nth-child(3) p{font-size:13px}
.m2-conversation .m2-example{font-size:10px}
.m2-panel-copy{font-size:14px;color:#6d5975}
.m2-example{font-size:10px;color:#786177}
.m2-stats span{font-size:13px}
.m2-film-caption{font-size:12px;color:#74657b}
.m2-evidence-note{font-size:12px;color:#6f5c75}
.m2-integrations small{font-size:11px;color:#76647e}
.m2-deployment>p{font-size:10px!important;color:#75637b!important}

/* Hero: a dimensional glass scene, with real text around the artwork. */
.m2-hero-grid{grid-template-columns:1.03fr 1fr;gap:28px;padding-top:56px;padding-bottom:54px;min-height:650px}
.m2-hero h1{font-size:clamp(46px,4.7vw,68px);letter-spacing:-3.3px}
.m2-hero-lead{font-size:16px;max-width:440px}
.m2-scene{aspect-ratio:1.05;min-height:0;isolation:isolate;align-self:center;border-radius:32px;background:radial-gradient(ellipse at 66% 36%,#ffe2ef99,transparent 64%),linear-gradient(135deg,#fffdfd,#faf6fd);border:1px solid #f3eaf2;perspective:1100px}
.m2-scene-grid{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(#dabcd41a 1px,transparent 1px),linear-gradient(90deg,#dabcd41a 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 73%);pointer-events:none}
.m2-orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}
.m2-orbit-trace{animation:m2-orbit 16s linear infinite}
.m2-scene .m2-hero-art{position:relative;width:118%;max-width:none;margin:0 -9%;height:auto;mix-blend-mode:multiply;transform:rotate(-4deg);pointer-events:none}
.m2-glass-card{position:absolute;border:1px solid #fff;border-radius:16px;background:#fffffff2;box-shadow:0 20px 45px -22px #51244140,0 1px 0 1px #ebdce780;backdrop-filter:blur(10px);z-index:2}
.m2-signal-card{inset-inline-start:-12px;top:28px;width:226px;padding:17px 19px;transform:rotate(-5deg);animation:m2-signal-float 7s ease-in-out infinite}
.m2-signal-label{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:550;color:#44506b;white-space:nowrap}
.m2-signal-label .m2-live-dot{width:5px;height:5px;box-shadow:0 0 0 4px #fff0f6}
.m2-soundwave{height:68px;display:flex;align-items:center;justify-content:center;gap:3px;margin:7px 0}
.m2-soundwave i{width:3px;height:var(--bar);border-radius:3px;background:linear-gradient(#ff81ae,#ed246b);animation:m2-wave 1.1s ease-in-out infinite alternate;animation-delay:var(--beat);transform-origin:50% 50%}
.m2-soundwave i:nth-child(4n){opacity:.45}
.m2-signal-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#8a6e83}
.m2-signal-meta>span:first-child{font-weight:600;letter-spacing:.6px}
.m2-outcome-card{inset-inline-end:-9px;bottom:54px;padding:21px 22px;width:268px;transform:rotate(4deg);animation:m2-outcome-float 8s ease-in-out infinite}
.m2-outcome-label{display:flex;align-items:center;gap:9px;font-size:10px;color:#34445d;font-weight:600}
.m2-outcome-label>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e9f7f0;color:#208363;font-size:12px}
.m2-outcome-card>p{font-size:15px;line-height:1.6;letter-spacing:-.2px;margin:12px 0 17px;color:#172346}
.m2-outcome-person{display:flex;align-items:center;gap:8px;font-size:9px;color:#76748a}
.m2-outcome-person img{width:26px;height:26px;aspect-ratio:1;border-radius:50%;object-fit:cover}
.m2-outcome-person b{font-size:8px;font-weight:500;background:#fff0f6;color:#a13365;border-radius:20px;padding:3px 8px;margin-inline-start:auto}
.m2-scene-caption{position:absolute;inset-inline:22px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:1.3px;color:#897285}
.m2-motion-toggle{font:inherit;letter-spacing:0;color:#776477;font-size:10px;border:1px solid #e5d7e2;border-radius:30px;background:#ffffffb3;cursor:pointer;padding:5px 10px;line-height:1.4;white-space:nowrap;min-height:30px}
.m2-motion-toggle::before{content:"Ⅱ";margin-inline-end:6px;font-size:10px;font-weight:700}
.m2-motion-toggle[aria-pressed=true]::before{content:"▷"}
.m2-motion-toggle:hover{background:#fff1f7;border-color:#cf9db7;color:#793652}
.m2-motion-toggle:disabled{cursor:default;opacity:.7}
.m2-motion-toggle[hidden]{display:none}
.m2-scene:not(.is-in-view) *,.m2-network:not(.is-in-view) *{animation-play-state:paused!important}
.m2-scene .m2-motion-toggle{font-size:8px;min-height:27px;padding:5px 9px}
.m2-hero-copy .m2-eyebrow{font-size:9px;letter-spacing:2px}
.m2-scroll-cue{display:inline-flex;gap:9px;align-items:center;font-size:10px;color:#807185;margin-top:24px}
.m2-scroll-cue span{border:1px solid #e9dce7;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;transition:transform .35s var(--m2-ease)}
.m2-scroll-cue:hover span{transform:translateY(3px)}

/* Detail cards: distinct illustrations, consistent editorial hierarchy. */
.m2-feature{border:1px solid #eee5ed;border-radius:18px;overflow:hidden;padding:0 20px 46px;background:#fff;transition:transform .45s var(--m2-ease),box-shadow .45s,border-color .3s}
.m2-feature-art{display:block;width:calc(100% + 40px);max-width:none;height:auto;aspect-ratio:1.6;object-fit:cover;margin:0 -20px 22px;border-bottom:1px solid #f1e8f0;transition:transform .65s var(--m2-ease)}
.m2-feature-icon{display:none}
.m2-feature h3{font-size:21px;max-width:none}
.m2-feature p{font-size:12px}
.m2-feature-arrow{bottom:18px;inset-inline-end:20px;transition:transform .3s var(--m2-ease)}
.m2-feature:hover,.m2-feature:focus-visible{transform:translateY(-6px);border-color:#e4b5cc;box-shadow:0 20px 36px -20px #5a2c5740}
.m2-feature:hover .m2-feature-arrow{transform:translate(3px,-3px)}
.m2-feature:hover .m2-feature-art{transform:scale(1.025)}
.m2-usecases>div>a{border:1px solid #ede4ee;border-radius:18px;overflow:hidden;padding:0 20px 28px;background:#fff;transition:transform .45s var(--m2-ease),box-shadow .45s}
.m2-usecase-art{display:block;width:calc(100% + 40px);max-width:none;aspect-ratio:1.6;height:auto;object-fit:cover;margin:0 -20px 23px}
.m2-usecases>div>a>span:first-of-type{font-size:10px;color:#ab6e91}
.m2-usecases>div>a>span:last-child{position:static;display:block;margin-top:18px}
.m2-usecases>div>a:hover{transform:translateY(-5px);box-shadow:0 20px 36px -20px #5a2c5735}
.m2-usecases h3{font-size:20px;letter-spacing:-.5px}

/* Integrations: a small network diagram connects the existing marks. */
.m2-network{min-width:0;position:relative}
.m2-network-header{display:flex;align-items:center;justify-content:center;gap:18px}
.m2-network-header>span{width:45px;height:1px;background:linear-gradient(90deg,transparent,#e8d9e5)}
.m2-network-header>span:last-child{transform:rotate(180deg)}
.m2-network-header>div{display:flex;gap:9px;align-items:center;padding:12px 21px;border:1px solid #ebd9e6;border-radius:15px;background:linear-gradient(120deg,#fff,#fff1f7);box-shadow:0 9px 24px #7132540b}
.m2-network-header b{font-size:17px;letter-spacing:-.4px}
.m2-network-lines{display:block;width:100%;height:48px}
.m2-network-beam{animation:m2-beam 5s linear infinite}
.m2-network .m2-integration-grid{grid-template-columns:repeat(4,1fr)}
.m2-integration-grid>div{transition:transform .35s var(--m2-ease),border-color .35s,box-shadow .35s}
.m2-integration-grid>div:hover{transform:translateY(-5px);border-color:#edb8d0;box-shadow:0 9px 25px #6931560d}
.m2-integration-grid span{font-size:9px}

/* Wider page introductions put the new art to work throughout the site. */
.m2-illustrated-hero{padding:66px 0 48px;text-align:start}
.m2-illustrated-hero>.container{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:65px}
.m2-illustrated-hero h1{text-align:start;font-size:clamp(36px,3.6vw,52px);line-height:1.12;letter-spacing:-1.7px}
.m2-illustrated-hero .lead{text-align:start;margin-inline:0;font-size:16px;max-width:560px}
.m2-editorial-art{margin:0;position:relative;border-radius:22px;overflow:hidden;border:1px solid #efe3ed;box-shadow:0 22px 45px -32px #6332554d;transform:rotate(1deg)}
.m2-editorial-art img{display:block;width:100%;height:auto}
.m2-illustrated-hero .kicker{text-align:start}
.m2-illustrated-hero .btn-row{justify-content:flex-start}
.m2-film-cover{box-shadow:0 24px 60px -36px #16143780}
.m2-play-button svg{transition:transform .3s var(--m2-ease)}
.m2-play-button:hover svg{transform:scale(1.2)}
.m2-text-link>span{transition:transform .35s var(--m2-ease)}
.m2-text-link:hover>span{transform:translate(3px,-3px)}
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;inset:-40% auto -40% -65%;width:35%;background:linear-gradient(90deg,transparent,#ffffff38,transparent);transform:skewX(-20deg);pointer-events:none}
.btn-primary:hover::after{animation:m2-sheen .7s var(--m2-ease) forwards}
.m2-step.is-active{border-inline-start:3px solid #e72b71}
.m2-step-panel:focus-visible{outline:2px solid #c36d99;border-radius:15px}
.m2-progress{position:fixed;inset:0 0 auto;z-index:200;height:2px;background:#e62a72;transform:scaleX(0);transform-origin:left;pointer-events:none}
html[dir=rtl] .m2-progress{transform-origin:right}
html[dir=rtl] .m2-scene .m2-hero-art{margin:0 -9%}
html[dir=rtl] .m2-hero h1{letter-spacing:0;font-size:59px}
html[dir=rtl] .m2-outcome-card>p{font-size:15px;line-height:1.9}
html[dir=rtl] .m2-signal-label{font-size:11px}
html[dir=rtl] .m2-utterance p{font-size:16px}
html[dir=rtl] .m2-utterance p[lang=en]{font-family:Inter,Arial,sans-serif;font-size:13px}
html[dir=rtl] .m2-language-copy>p:not(.m2-eyebrow){font-size:17px;line-height:1.9}
html[dir=rtl] .m2-scene-caption{letter-spacing:0}
html[dir=rtl] .m2-feature h3,html[dir=rtl] .m2-usecases h3{letter-spacing:0;line-height:1.65}
html[dir=rtl] .m2-illustrated-hero h1{line-height:1.5;letter-spacing:0}

@keyframes m2-wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@keyframes m2-orbit{to{stroke-dashoffset:-1466}}
@keyframes m2-beam{to{stroke-dashoffset:-224}}
@keyframes m2-signal-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-3deg)}}
@keyframes m2-outcome-float{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(7px) rotate(2deg)}}
@keyframes m2-sheen{to{left:140%}}

@media(min-width:1500px){.m2-hero-grid{gap:42px}.m2-hero h1{font-size:69px}}
@media(max-width:1100px){
  .m2-hero-grid{gap:22px;min-height:590px}
  .m2-hero h1{font-size:53px;letter-spacing:-2.5px}
  .m2-signal-card{width:195px;padding:14px;top:16px;inset-inline-start:-6px}
  .m2-signal-label{font-size:9px}.m2-soundwave{gap:2px;height:58px}
  .m2-outcome-card{width:230px;padding:18px;inset-inline-end:-4px;bottom:47px}
  .m2-outcome-card>p{font-size:13px}
  .m2-hero .btn-row{gap:15px}.m2-hero-lead{font-size:15px}
  .m2-feature-grid{grid-template-columns:repeat(2,1fr)}
  .m2-illustrated-hero>.container{gap:40px}
  html[dir=rtl] .m2-hero h1{font-size:48px}
}
@media(max-width:860px){
  .m2-hero-grid{grid-template-columns:1fr 1fr;gap:28px;min-height:550px}
  .m2-hero h1{font-size:43px;letter-spacing:-2px}.m2-hero-lead{font-size:14px}
  .m2-scene{aspect-ratio:.82}
  .m2-scene .m2-hero-art,html[dir=rtl] .m2-scene .m2-hero-art{width:100%;margin:0;transform:rotate(-2deg)}
  .m2-signal-card{top:12px;width:172px;padding:12px}.m2-signal-meta{font-size:7px}
  .m2-signal-label{font-size:8px}.m2-soundwave{gap:2px}.m2-soundwave i{width:2px}
  .m2-outcome-card{width:200px;padding:16px;bottom:52px}
  .m2-outcome-card>p{font-size:12px}.m2-scene-caption{inset-inline:12px;font-size:6px;letter-spacing:.5px;bottom:12px}
  .m2-scene .m2-motion-toggle{font-size:7px;padding:5px 6px}
  .m2-hero-copy .m2-eyebrow{font-size:8px;letter-spacing:1px}
  .m2-scroll-cue{font-size:9px;margin-top:20px}
  .m2-illustrated-hero>.container{gap:25px}.m2-illustrated-hero h1{font-size:35px}
  .m2-illustrated-hero .lead{font-size:14px}
  html[dir=rtl] .m2-hero h1{font-size:38px}
  html[dir=rtl] .m2-signal-label{font-size:9px}
}
@media(max-width:600px){
  .m2-hero-grid{grid-template-columns:1fr;padding-top:42px;padding-bottom:30px;gap:27px}
  .m2-hero h1{font-size:48px;letter-spacing:-2.3px;margin-bottom:22px}
  .m2-hero-lead{font-size:15px;max-width:100%}
  .m2-scene{aspect-ratio:1.04;margin-top:0;margin-inline:3px;border-radius:24px;min-height:0}
  .m2-scene .m2-hero-art,html[dir=rtl] .m2-scene .m2-hero-art{width:118%;margin:0 -9%;transform:rotate(-4deg)}
  .m2-signal-card{top:17px;inset-inline-start:4px;width:174px;padding:13px;transform:rotate(-4deg)}
  .m2-signal-label{font-size:8px}.m2-soundwave{height:48px;margin:4px 0;gap:2px}.m2-soundwave i{width:2px}
  .m2-signal-meta{font-size:6px}
  .m2-outcome-card{width:191px;bottom:42px;inset-inline-end:2px;padding:13px 15px}
  .m2-outcome-label{font-size:8px;gap:7px}.m2-outcome-label>span{width:17px;height:17px;font-size:10px}
  .m2-outcome-card>p{font-size:12px;margin:8px 0 10px;line-height:1.5}
  .m2-outcome-person{font-size:8px}.m2-outcome-person img{width:21px;height:21px}
  .m2-outcome-person b{font-size:7px}
  .m2-scene-caption{inset-inline:15px;bottom:10px;font-size:6px;letter-spacing:.7px}
  .m2-scene .m2-motion-toggle{font-size:7px;min-height:26px}
  .m2-scroll-cue{display:none}
  .m2-feature{padding:0 16px 42px}.m2-feature-art{width:calc(100% + 32px);margin:0 -16px 17px}
  .m2-feature-grid{gap:16px}
  .m2-feature h3{font-size:19px;line-height:1.25}.m2-feature p{font-size:12px;line-height:1.75}
  .m2-usecases>div>a{padding:0 16px 23px}.m2-usecase-art{width:calc(100% + 32px);margin:0 -16px 18px}
  .m2-usecases h3{font-size:18px}
  .m2-usecases>div>a>p{font-size:12px}
  .m2-utterance{gap:10px;padding-block:12px}
  .m2-utterance>img{width:32px;height:32px;min-width:32px}
  .m2-utterance p{font-size:12px;padding:11px 12px}
  .m2-utterance:nth-child(3) p{font-size:12px}
  .m2-panel-copy{font-size:13px}
  .m2-platform-rail>div{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}
  .m2-platform-rail>div>span{font-size:11px;gap:8px}
  .m2-platform-rail img{width:23px;height:23px}
  .m2-film-caption{font-size:11px}
  .m2-conversation{padding:21px}
  .m2-integration-grid span{font-size:8px}
  .m2-illustrated-hero{padding-top:40px;padding-bottom:30px}
  .m2-illustrated-hero>.container{grid-template-columns:1fr;gap:25px}
  .m2-illustrated-hero h1{font-size:37px}
  .m2-illustrated-hero .lead{font-size:15px}
  .m2-editorial-art{max-width:440px;width:100%;margin-inline:auto}
  .m2-hero-copy .m2-eyebrow{font-size:8px;letter-spacing:1.4px}
  html[dir=rtl] .m2-hero h1{font-size:46px;line-height:1.4}
  html[dir=rtl] .m2-outcome-card>p{font-size:12px;line-height:1.8}
  html[dir=rtl] .m2-signal-label{font-size:9px}
  html[dir=rtl] .m2-utterance p{font-size:14px}
  html[dir=rtl] .m2-utterance p[lang=en]{font-size:12px}
  html[dir=rtl] .m2-language-copy>p:not(.m2-eyebrow){font-size:16px}
}
@media(max-width:370px){.container{width:calc(100% - 36px)}.m2-hero h1{font-size:42px}.m2-hero .btn-row{gap:12px}.m2-film-link{font-size:10px}.m2-outcome-card{width:176px}.m2-feature-grid{grid-template-columns:1fr}.m2-signal-card{width:164px}}
.m2-motion-toggle,.m2-scene .m2-motion-toggle{font-size:11px;min-height:32px;padding:6px 10px}
.m2-scene-caption{font-size:8px;letter-spacing:.8px}
@media(max-width:860px) and (min-width:601px){.m2-scene-caption>span{max-width:80px;line-height:1.6}}
@media(max-width:600px){.m2-scene-caption{font-size:7px;letter-spacing:.5px}.m2-outcome-card{bottom:54px}}

/* Motion pauses offscreen, on request, when hidden, and for system preference. */
html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after,
html[data-page-hidden] *,html[data-page-hidden] *::before,html[data-page-hidden] *::after{animation-play-state:paused!important}
html[data-motion=paused] .m2-progress{display:none}
html[data-motion=paused]{scroll-behavior:auto}
html[data-motion=paused] .m2-feature,html[data-motion=paused] .m2-feature-art,html[data-motion=paused] .m2-usecases>div>a,html[data-motion=paused] .m2-integration-grid>div{transition:none}
html[data-motion=paused] .m2-feature:hover,html[data-motion=paused] .m2-feature:hover .m2-feature-art,html[data-motion=paused] .m2-usecases>div>a:hover,html[data-motion=paused] .m2-integration-grid>div:hover{transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .m2-progress{display:none}
}
@media print{.m2-motion-toggle,.m2-progress,.m2-scroll-cue{display:none!important}.m2-glass-card{animation:none!important}.m2-scene{break-inside:avoid}.m2-illustrated-hero>.container{grid-template-columns:1fr}.m2-editorial-art{max-width:360px}}