/* Introduction placeholder and the current workspace film. */
.home-guide-video{position:relative;aspect-ratio:16/9;overflow:hidden}
.home-current .home-guide-phone{padding:0;overflow:hidden;background:#14271c;aspect-ratio:9/16;display:block;border:5px solid #202d23;border-radius:23px}
.home-guide-phone>img{width:100%;height:100%;object-fit:cover;display:block}
.video-placeholder{position:relative;isolation:isolate;display:flex;align-items:center;min-width:0;overflow:hidden;background:#f6eadf;color:#263022}
.video-placeholder::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 15%,#fffaf4,transparent 70%),linear-gradient(140deg,#eee0d7,#f9eee0)}
.video-placeholder-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:8% 7%;width:100%}
.video-placeholder-label{font:650 9px/1.4 'Instrument Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em}
.video-placeholder-copy strong{max-width:12ch;font:500 clamp(26px,3.4vw,48px)/1.02 'Instrument Sans',Arial,sans-serif;letter-spacing:-.06em}
.video-placeholder-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #26302233;border-radius:30px;background:#fff9efb8;font:550 10px/1.2 'Instrument Sans',Arial,sans-serif;white-space:nowrap}
.video-placeholder-status>span{font-size:17px}
.video-placeholder-orb{position:absolute;right:-7%;top:12%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 19%,#ffffffed,transparent 25%),radial-gradient(circle at 80% 78%,#486135,transparent 65%),linear-gradient(140deg,#e2f0ba,#afc792 45%,#687d51);box-shadow:inset -14px -20px 35px #283a3159,0 20px 45px #42533721;z-index:0}
.video-placeholder--tour{aspect-ratio:16/9;background:#19261e;color:#fff8ef}
.video-placeholder--tour::before{background:radial-gradient(ellipse at 80% 20%,#435c40,transparent 65%),linear-gradient(135deg,#26372b,#12231b)}
.video-placeholder--tour .video-placeholder-orb{background:radial-gradient(circle at 29% 19%,#ffffffed,transparent 26%),radial-gradient(circle at 80% 78%,#4d277a,transparent 65%),linear-gradient(140deg,#f0cbe4,#b296e2 50%,#79609c);box-shadow:inset -14px -20px 35px #29203770,0 20px 45px #0002}
.video-placeholder--tour .video-placeholder-status{color:#fff8ef;background:#ffffff0d;border-color:#fff8ef4d}
@media(max-width:620px){.home-current .home-guide-phone{border-width:3px}.video-placeholder-copy{gap:12px}.video-placeholder-copy strong{font-size:clamp(22px,5.8vw,34px)}.video-placeholder-label{font-size:8px}.video-placeholder-status{font-size:9px;padding:6px 9px}.hp-process__video-frame{aspect-ratio:16/9}}

.workspace-tour{aspect-ratio:16/9!important}
.workspace-tour video{display:block;width:100%;height:100%;object-fit:contain;background:#090e0a}
.workspace-tour__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:0;color:#fff;background:linear-gradient(0deg,#090e0a8c,#090e0a40);cursor:pointer;font-family:inherit;text-shadow:0 1px 5px #0008}
.workspace-tour__play>span{display:grid;place-items:center;width:58px;height:58px;padding-left:4px;border:1px solid #fffc;border-radius:50%;background:#fff2;font-size:24px;transition:transform .2s}
.workspace-tour__play:hover>span{transform:scale(1.08)}
.workspace-tour__play strong{font-size:clamp(17px,2vw,25px);font-weight:600;letter-spacing:-.03em}
.workspace-tour__play small{font-size:11px;letter-spacing:.04em}
.workspace-tour__play:focus-visible{outline:3px solid #a5f252;outline-offset:-5px}
.workspace-tour__play[hidden],.workspace-tour__error[hidden]{display:none}
.workspace-tour__error{position:absolute;bottom:45px;inset-inline:12px;margin:0;padding:10px;background:#162018;color:white;font-size:12px;border-radius:6px}
.workspace-tour__error a{color:inherit;text-decoration:underline}
.hp-process__caption a{color:inherit;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.workspace-tour__play>span{transition:none}}

.workspace-tour-anchor{position:relative;aspect-ratio:16/9}
.workspace-tour-anchor>.workspace-tour{position:absolute;inset:0;transform-origin:top left;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s;will-change:transform}
.workspace-tour.is-expanded{z-index:10;transform:translate(var(--tour-x,0),var(--tour-y,0)) scale(var(--tour-scale,1));box-shadow:0 28px 100px #000b,0 0 0 1px #a5f25266}
.hp-process.has-expanded-tour{overflow:visible;z-index:20}
.has-expanded-tour .hp-process__visual{z-index:5}
.workspace-tour__close{position:absolute;z-index:6;right:10px;top:10px;min-height:32px;padding:7px 12px;border:1px solid #fff5;border-radius:20px;background:#171719e8;color:white;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer}
.workspace-tour__close:focus-visible{outline:3px solid #a5f252;outline-offset:2px}
.workspace-tour__close[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.workspace-tour-anchor>.workspace-tour{transition:none}}

/* The film and corner links share one transformed coordinate space. */
body.home-current .workspace-tour-stage{position:absolute;inset:0;transform-origin:top left;transition:transform .45s cubic-bezier(.2,.8,.2,1);isolation:isolate}
body.home-current .workspace-tour-stage.is-expanded{z-index:12;transform:translate(var(--tour-x,0px),var(--tour-y,0px)) scale(var(--tour-scale,1))}
body.home-current .workspace-tour-stage>.workspace-tour{position:absolute;inset:0;border-radius:14px;transform:none;z-index:1;transition:box-shadow .4s}
body.home-current .workspace-tour-stage>.workspace-tour.is-expanded{transform:none}
body.home-current .workspace-tour-stage>.hp-process__tag{z-index:3;min-width:0;width:clamp(138px,12vw,174px);padding:14px 16px;grid-template-columns:23px 1fr;gap:5px 10px;text-decoration:none;border:1px solid #ffffff30;border-radius:12px;transform:rotate(var(--tag-angle));animation:tour-card-float 5.5s ease-in-out infinite;transition:transform .4s,box-shadow .3s,bottom .4s;box-shadow:0 14px 38px #0005}
body.home-current .workspace-tour-stage>.hp-process__tag strong{font-size:14px;display:flex;justify-content:space-between;gap:8px}
body.home-current .workspace-tour-stage>.hp-process__tag b{font-weight:400}
body.home-current .workspace-tour-stage>.tour-card--crm{left:-24px;top:-28px;right:auto;bottom:auto;background:#a5f252;color:#15200f;--tag-angle:-5deg}
body.home-current .workspace-tour-stage>.tour-card--contacts{right:-28px;top:36px;left:auto;bottom:auto;background:#264d3c;color:#fffaf4;--tag-angle:5deg;animation-delay:-2s}
body.home-current .workspace-tour-stage>.tour-card--work{left:24px;bottom:-30px;right:auto;top:auto;background:#f1dcc5;color:#30291f;--tag-angle:-4deg;animation-delay:-3s}
body.home-current .workspace-tour-stage>.tour-card--reports{right:-22px;bottom:-24px;left:auto;top:auto;background:#cfc0ee;color:#302340;--tag-angle:5deg;animation-delay:-1s}
body.home-current .workspace-tour-stage.is-expanded>.hp-process__tag{transform:rotate(calc(var(--tag-angle) * .45));box-shadow:0 20px 44px #0007}
body.home-current .workspace-tour-stage>.hp-process__tag:is(:hover,:focus-visible){transform:rotate(0deg) translateY(-5px) scale(1.04);animation-play-state:paused;outline:2px solid #fff;outline-offset:4px}
body.home-current .workspace-tour-stage.is-playing>:is(.tour-card--work,.tour-card--reports){bottom:-72px}
body.home-current .hp-process__visual{padding:76px 24px 86px}
body.home-current .hp-process__caption{position:relative;margin:86px 0 0;justify-content:center}
body.home-current .workspace-tour__play{width:100%;height:100%;padding:0;background:linear-gradient(0deg,#050908ad,transparent 85%)}
body.home-current .workspace-tour__play>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:94px;height:94px;padding:0;background:#fffaf4;color:#18271c;border:1px solid #fff;box-shadow:0 12px 48px #0005}
body.home-current .workspace-tour__play>span svg{width:42px;height:42px;fill:currentColor}
body.home-current .workspace-tour__play:hover>span{transform:translate(-50%,-50%) scale(1.08)}
body.home-current .workspace-tour__play strong{position:absolute;top:calc(50% + 59px);left:0;right:0;font-size:19px}
body.home-current .workspace-tour__play small{position:absolute;top:calc(50% + 87px);left:0;right:0}
@keyframes tour-card-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:620px){
 body.home-current .hp-process__visual{padding:58px 0 20px}
 body.home-current .workspace-tour-stage>.hp-process__tag{width:43%;padding:11px 10px;gap:4px 5px;grid-template-columns:20px 1fr;border-radius:9px}
 body.home-current .workspace-tour-stage>.hp-process__tag strong{font-size:12px}
 body.home-current .workspace-tour-stage>.tour-card--crm{left:4px;top:-38px}
 body.home-current .workspace-tour-stage>.tour-card--contacts{right:4px;top:-32px}
 body.home-current .workspace-tour-stage>.tour-card--work{left:6px;bottom:-28px}
 body.home-current .workspace-tour-stage>.tour-card--reports{right:6px;bottom:-24px}
 body.home-current .workspace-tour-stage.is-playing>:is(.tour-card--work,.tour-card--reports){bottom:-52px}
 body.home-current .workspace-tour__play>span{width:66px;height:66px}
 body.home-current .workspace-tour__play>span svg{width:32px;height:32px}
 body.home-current .workspace-tour__play strong{top:calc(50% + 41px);font-size:14px}
 body.home-current .workspace-tour__play small{display:none}
 body.home-current .hp-process__caption{margin-top:72px}
}
@media(prefers-reduced-motion:reduce){body.home-current .workspace-tour-stage,body.home-current .workspace-tour-stage>.hp-process__tag{animation:none;transition:none}}

/* Anchor the play icon itself at the centre, independently of its caption. */
body.home-current .workspace-tour__play{inset:0!important;width:100%!important;height:100%!important;padding:0!important}
body.home-current .workspace-tour__play>span{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;display:grid;place-items:center;padding:0!important;line-height:1;text-shadow:none}
body.home-current .workspace-tour__play strong{position:absolute!important;left:0;right:0;top:calc(50% + 45px);margin:0;text-align:center;font-size:17px}
body.home-current .workspace-tour__play small{position:absolute!important;left:0;right:0;top:calc(50% + 70px);text-align:center}
@media(max-width:620px){body.home-current .workspace-tour__play strong{top:calc(50% + 40px);font-size:14px}body.home-current .workspace-tour__play small{display:none}}

/* Use geometry instead of a font glyph, whose baseline displaced the play icon. */
body.home-current .workspace-tour__play>span{font-size:0!important}
body.home-current .workspace-tour__play>span svg{display:none!important}
body.home-current .workspace-tour__play>span::before{content:"";display:block;position:absolute;width:32px;height:32px;left:50%;top:50%;transform:translate(-50%,-50%);background:currentColor;clip-path:polygon(30% 15%,90% 50%,30% 85%)}
body.home-current .workspace-tour__play strong{top:calc(50% + 59px)}
@media(max-width:620px){body.home-current .workspace-tour__play strong{top:calc(50% + 41px)}}

.home-trial-terms{font:500 13px/1.5 "Instrument Sans",sans-serif;margin:12px 0;color:#344138}