/* Original CSS implementation; motion references: Skiper UI 27, 43 and 58. */
.company-invite-section{padding-block:48px!important}
.company-invite-card{position:relative;display:block;border-block:1px solid rgb(242 227 197/.35);padding-block:42px 24px;color:var(--cream);isolation:isolate}
.company-invite-card:focus-visible{outline:3px solid var(--peach)!important;outline-offset:12px!important}
.company-invite-eyebrow{display:block;max-width:calc(100% - 250px);font-size:12px;letter-spacing:.1em}
.company-invite-bubble{position:absolute;z-index:2;top:22px;right:0;display:inline-flex;align-items:center;gap:18px;padding:15px 20px;border-radius:18px 18px 3px 18px;background:var(--peach);color:var(--green);font:17px/1.35 Agrandir,Helvetica,sans-serif;box-shadow:0 8px 22px rgb(0 0 0/.12);opacity:0;transform:translateY(10px) scale(.86);transform-origin:bottom right;pointer-events:none;transition:opacity 150ms,transform 300ms cubic-bezier(.2,0,0,1)}
.company-invite-bubble::after{content:'';position:absolute;right:0;bottom:-11px;border-top:12px solid var(--peach);border-left:13px solid transparent}
.company-invite-card:focus-visible .company-invite-bubble{opacity:1;transform:translateY(0) scale(1)}
.company-invite-main{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:36px;align-items:center;margin-block:42px 34px}
.coaches-company .company-invite-card h2{font-size:clamp(54px,7.7vw,104px);line-height:1.04;letter-spacing:-.045em;margin:0;max-width:none;font-weight:400}
.company-title-line{display:block;height:1.12em;overflow:hidden;padding-bottom:.08em}
.company-title-em{color:var(--peach);font-weight:800}
.company-title-roll{display:block;transition:transform 650ms cubic-bezier(.2,0,0,1)}
.company-title-roll>span{display:block;height:1.12em;white-space:nowrap}
.company-title-roll>span[aria-hidden]{color:var(--cream)}
.company-title-line:nth-child(2) .company-title-roll{transition-delay:70ms}
.company-invite-card:focus-visible .company-title-roll{transform:translateY(-50%)}
.company-invite-conversation{position:relative;height:224px;align-self:end;margin-bottom:7px}
.company-conversation-back{position:absolute;top:12px;left:0;width:162px;height:106px;border:2px solid var(--cream);border-radius:27px 27px 27px 3px;transform:rotate(-9deg);transition:transform 500ms cubic-bezier(.2,0,0,1)}
.company-conversation-back::after{content:'';position:absolute;bottom:19px;left:22px;width:69px;height:2px;background:var(--cream);box-shadow:0 -14px 0 var(--cream);opacity:.7}
.company-conversation-front{position:absolute;right:0;top:58px;width:157px;height:100px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--peach);border-radius:25px 25px 3px 25px;transform:rotate(7deg);box-shadow:0 7px 20px rgb(0 0 0/.12);transition:transform 500ms cubic-bezier(.2,0,0,1)}
.company-conversation-front::after{content:'';position:absolute;right:0;bottom:-14px;border-top:16px solid var(--peach);border-left:17px solid transparent}
.company-conversation-front i{width:10px;height:10px;background:var(--green);border-radius:50%;display:block}
.company-conversation-caption{position:absolute;bottom:0;right:0;font:15px/1.4 Agrandir,Helvetica,sans-serif;text-align:right}
.company-invite-bottom{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}
.company-invite-card .company-invite-pitch{font-size:24px;line-height:1.35;margin:0 0 16px;max-width:32ch}
.company-invite-card #company-invite-description{font-size:17px;line-height:1.6;max-width:52ch;margin:0}
.company-invite-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;padding:17px 22px;background:var(--cream);color:var(--green);font-size:17px;line-height:1.35;transition:background 150ms,color 150ms}
.company-invite-action svg{flex:none;transition:transform 300ms cubic-bezier(.2,0,0,1)}
.company-invite-card:focus-visible .company-invite-action{background:var(--peach)}
.company-invite-formats{display:flex;gap:18px 28px;justify-content:space-between;border-top:1px solid rgb(242 227 197/.3);margin-top:34px;padding-top:20px;font:13px/1.6 Helvetica,Arial,sans-serif;flex-wrap:wrap}
.company-invite-formats>span::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--peach);margin-right:9px;vertical-align:2px}
.company-invite-card.is-entering .company-title-roll{animation:company-title-arrive 950ms cubic-bezier(.2,0,0,1) both}
.company-invite-card.is-entering .company-title-line:nth-child(2) .company-title-roll{animation-delay:100ms}
.company-invite-card.is-entering .company-conversation-front{animation:company-conversation-arrive 1100ms cubic-bezier(.2,0,0,1) both}
@keyframes company-title-arrive{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes company-conversation-arrive{from{transform:translateY(20px) rotate(0);opacity:.2}to{transform:translateY(0) rotate(7deg);opacity:1}}
@media(hover:hover) and (pointer:fine){.company-invite-card:hover .company-invite-bubble{opacity:1;transform:translateY(0) scale(1)}.company-invite-card:hover .company-title-roll{transform:translateY(-50%)}.company-invite-card:hover .company-conversation-back{transform:translate(-4px,-4px) rotate(-13deg)}.company-invite-card:hover .company-conversation-front{transform:translate(3px,-4px) rotate(10deg)}.company-invite-card:hover .company-invite-action{background:var(--peach)}.company-invite-card:hover .company-invite-action svg{transform:translate(3px,-3px)}}
@media(max-width:1000px){.company-invite-main{grid-template-columns:minmax(0,1fr) 180px;gap:24px}.coaches-company .company-invite-card h2{font-size:clamp(50px,7.6vw,76px)}.company-invite-conversation{height:196px}.company-conversation-back{width:135px;height:92px}.company-conversation-front{width:127px;height:84px;top:50px}.company-invite-bottom{gap:26px}.company-invite-action{font-size:16px;gap:20px;padding:16px}.company-invite-card .company-invite-pitch{font-size:22px}}
@media(max-width:760px){.company-invite-section{padding-block:30px!important}.company-invite-card{padding-top:30px}.company-invite-eyebrow{max-width:none;padding-right:170px;font-size:11px}.company-invite-bubble{font-size:14px;top:19px;padding:12px;gap:8px;border-radius:14px 14px 3px 14px}.company-invite-main{grid-template-columns:minmax(0,1fr) 128px;gap:16px;margin-block:38px 28px}.coaches-company .company-invite-card h2{font-size:clamp(40px,7.5vw,56px)}.company-invite-conversation{height:154px}.company-conversation-back{width:94px;height:68px;top:0;border-radius:19px 19px 19px 3px}.company-conversation-back::after{width:42px;left:15px;bottom:14px;box-shadow:0 -12px 0 var(--cream)}.company-conversation-front{width:90px;height:61px;top:35px;border-radius:19px 19px 3px 19px;gap:8px}.company-conversation-front i{width:7px;height:7px}.company-conversation-caption{font-size:12px}.company-invite-bottom{grid-template-columns:1fr;gap:24px}.company-invite-action{justify-self:start;font-size:17px;gap:30px}.company-invite-card .company-invite-pitch{font-size:22px}.company-invite-card #company-invite-description{font-size:17px}.company-invite-formats{gap:9px;font-size:12px;flex-direction:column}}
@media(max-width:500px){.company-invite-eyebrow{padding-right:0;max-width:19ch}.company-invite-bubble{top:24px}.company-invite-main{grid-template-columns:minmax(0,1fr)}.coaches-company .company-invite-card h2{font-size:clamp(32px,10vw,50px)}.company-invite-conversation{display:none}.company-invite-card .company-invite-pitch{font-size:22px}.company-invite-action{width:100%;max-width:380px}}
@media(max-width:360px){.company-invite-card{padding-top:92px}.company-invite-eyebrow{max-width:none}}
@media(hover:none),(pointer:coarse){.company-invite-bubble{opacity:1;transform:none}.company-invite-card:focus-visible .company-title-roll{transform:none}}
@media(prefers-reduced-motion:reduce){.company-invite-card *,.company-invite-card *::before,.company-invite-card *::after{animation:none!important;transition:none!important}.company-invite-card .company-title-roll,.company-invite-card:focus-visible .company-title-roll,.company-invite-card:hover .company-title-roll{transform:none}.company-invite-bubble{transform:none!important}.company-invite-card:hover .company-conversation-back{transform:rotate(-9deg)}.company-invite-card:hover .company-conversation-front{transform:rotate(7deg)}}