/* Measurements and fixed desktop type follow the 1440px Work artboard. */
.gx-workflows { --work-unit: calc(100vw / 1440); --work-left: var(--gx-gutter); --work-right: var(--gx-gutter); --work-cloud-unit: calc((100vw - var(--work-left) - var(--work-right)) / 1440); overflow: clip; }
@media (min-width: 1200px) {
 .gx-workflows { --work-left: calc(104 * var(--work-unit)); --work-right: calc(100 * var(--work-unit)); }
}
.gx-workflows h1, .gx-workflows h2, .gx-workflows h3, .gx-workflows p, .gx-workflows figure { margin: 0; }
.gx-workflows-page .gx-header:not(.is-scrolled) .gx-nav-links a[aria-current=page] { color: #7c2ae8; }
.gx-work-intro { padding: calc(68 * var(--work-unit)) var(--work-right) calc(20 * var(--work-unit)) var(--work-left); }
.gx-work-eyebrow { color: #7c2ae8; font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: 1.4px; }
.gx-work-intro h1 { max-width: 640px; margin-top: 16px; color: #140e45; font-size: 40px; line-height: 44px; font-weight: 400; letter-spacing: -.5px; }
.gx-work-intro h1 strong { font-weight: 700; }
.gx-work-intro__details { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; margin-top: 18px; }
.gx-work-intro__details > p { max-width: 700px; color: #4a4669; font-size: 17px; line-height: 23px; }
.gx-work-chat { flex: none; padding: 0; margin-top: 2px; border: 0; background: none; color: #140e45; font-size: 15px; line-height: 23px; text-align: left; }
.gx-work-chat:hover { color: #7c2ae8; text-decoration: underline; text-underline-offset: 4px; }
.gx-question-cloud { margin-top: 22px; }
.gx-question-chip { display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 6px 30px; border: 1.5px solid #dad6ea; border-radius: 999px; background: #fff; color: #140e45; font-size: 19px; line-height: 26px; text-align: center; }
.gx-question-chip--linked { border-color: #c9a9f6; box-shadow: 0 3px 0 #c9a9f6; }
.gx-question-chip:hover { border-color: #7c2ae8; background: #f7f5fd; }
.gx-question-cloud--flexible { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px 24px; padding-bottom: 20px; }
.gx-question-cloud--flexible .gx-question-chip { max-width: 100%; }
@media (min-width: 1440px) {
 .gx-question-cloud--original { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px 24px; min-height: calc(402 * var(--work-unit)); }
 .gx-question-cloud--original .gx-question-chip { width: calc(var(--chip-w) * var(--work-cloud-unit)); max-width: 100%; }
 .gx-question-chip--chip1 { --chip-x:128; --chip-y:0; --chip-w:857; --chip-h:67; }
 .gx-question-chip--chip2 { --chip-x:1009; --chip-y:8; --chip-w:286; --chip-h:42; }
 .gx-question-chip--chip3 { --chip-x:65; --chip-y:83; --chip-w:475; --chip-h:68; }
 .gx-question-chip--chip4 { --chip-x:564; --chip-y:83; --chip-w:772; --chip-h:41; }
 .gx-question-chip--chip5 { --chip-x:560; --chip-y:139; --chip-w:812; --chip-h:41; }
 .gx-question-chip--chip6 { --chip-x:136; --chip-y:167; --chip-w:386; --chip-h:40; }
 .gx-question-chip--chip7 { --chip-x:786; --chip-y:194; --chip-w:599; --chip-h:42; }
 .gx-question-chip--chip8 { --chip-x:72; --chip-y:250; --chip-w:729; --chip-h:40; }
 .gx-question-chip--chip9 { --chip-x:866; --chip-y:250; --chip-w:384; --chip-h:40; }
 .gx-question-chip--chip10 { --chip-x:243; --chip-y:304; --chip-w:513; --chip-h:40; }
 .gx-question-chip--chip11 { --chip-x:102; --chip-y:358; --chip-w:288; --chip-h:44; }
 .gx-question-chip--chip12 { --chip-x:414; --chip-y:358; --chip-w:945; --chip-h:44; }
 .gx-question-chip--chip13 { --chip-x:780; --chip-y:304; --chip-w:480; --chip-h:40; }
}
.gx-work-tool-layout { display: grid; grid-template-columns: calc(104 * var(--work-unit)) minmax(0,1fr); gap: calc(16 * var(--work-unit)); margin-left: var(--work-left); margin-right: var(--work-right); }
.gx-work-rail { display: flex; flex-direction: column; position: sticky; top: 100px; align-self: start; }
.gx-work-tool-rail { margin-top: calc(116 * var(--work-unit)); }
.gx-work-rail a { --rail-color:#7c2ae8; padding: 10px 0 10px 18px; border-left: 3px solid #e6e1f3; color: #6e6a8e; font-size: 17px; line-height: 22px; }
.gx-work-rail a[aria-current=location] { color: var(--rail-color); border-color: var(--rail-color); font-weight: 600; }
.gx-work-rail a:hover { color: var(--rail-color); }
.gx-workflow-row { min-height: calc(800 * var(--work-unit)); padding-top: calc(110 * var(--work-unit)); padding-bottom: calc(110 * var(--work-unit)); scroll-margin-top: 90px; }
.gx-workflow-card { display: grid; grid-template-columns: 55.65% minmax(0,1fr); min-height: calc(580 * var(--work-unit)); border: 2px solid #c9a9f6; border-radius: 40px; overflow: hidden; background: white; box-shadow: 0 18px 50px #7c2ae81a; }
/* Cards keep their layout and slide over one another through native scrolling. */
.gx-work-tool-rows { isolation: isolate; }
@media (prefers-reduced-motion: no-preference) {
 .gx-work-tool-rows.is-stacking .gx-workflow-row { position: sticky; top: var(--workflow-sticky-top, 0px); }
}
.gx-workflow-card__copy { min-width: 0; padding: calc(30 * var(--work-unit)) 0 calc(60 * var(--work-unit)) calc(60 * var(--work-unit)); }
.gx-workflows .gx-workflow-question { position: relative; min-height: 60px; margin-left: 5px; padding-right: 5px; color: #140e45; font-size: 22px; line-height: 30px; font-weight: 700; }
.gx-workflow-question::before { content:''; position:absolute; left:calc(-31 * var(--work-unit)); top:10px; width:14px; height:14px; border-radius:50%; background:#9ae8b8; }
.gx-work-outcomes { max-width: calc(536 * var(--work-unit)); margin: 10px 0 0; }
.gx-work-outcomes > div { min-height: calc(140 * var(--work-unit)); padding: calc(44 * var(--work-unit)) 16px 24px calc(43 * var(--work-unit)); border-bottom: 1px solid #e6e1f3; }
.gx-work-outcomes > div:last-child { border: 0; }
.gx-work-outcomes dt { font-size: 21px; line-height: 26px; }
.gx-work-outcomes dd { margin: 6px 0 0; font-size: 11px; line-height: 14px; }
.gx-workflow-card__preview { position: relative; align-self: end; min-width: 0; padding-top: calc(76 * var(--work-unit)); }
.gx-workflow-card__preview h2 { font-size: 42px; line-height: 48px; font-weight: 700; font-style: italic; letter-spacing: -1px; }
.gx-work-tool-icon { position: absolute; left: 145px; top: calc(46 * var(--work-unit)); width: 72px; height: 36px; object-fit: contain; }
.gx-work-tool-icon--surface, .gx-work-tool-icon--scope, .gx-work-tool-icon--sync { left: 121px; top: calc(74 * var(--work-unit)); width: 34px; height: 32px; }
.gx-workflow-card__preview figcaption { margin: 9px 9px 4px 0; color: #140e45; font-size: 10.5px; line-height: 14px; font-style: italic; text-align: right; }
.gx-workflow-card__preview figure > img { display: block; width: 100%; height: auto; }
@media (min-width: 1440px) {
 .gx-workflow-card { grid-template-columns: 55.65% minmax(0,1fr); }
 .gx-workflow-card__copy { padding-bottom: calc(56 * var(--work-unit)); }
 .gx-workflow-card__preview { height: 100%; align-self: stretch; }
 .gx-workflow-card__preview figure { position: absolute; bottom: 0; left: 0; right: 0; }
 .gx-workflow-card__preview figcaption { min-height: calc(18 * var(--work-unit)); margin: 0 9px 0 0; }
 .gx-workflow-card__preview figure > img { width: 100%; }
}
.gx-fount { padding-bottom: calc(40 * var(--work-unit)); }
.gx-fount-header { display: flex; justify-content: space-between; gap: 40px; min-height: calc(300 * var(--work-unit)); padding: calc(60 * var(--work-unit)) var(--work-right) 40px var(--work-left); }
.gx-fount-header h2 { font-size: 38px; line-height: 46px; font-weight: 400; letter-spacing: -.4px; }
.gx-fount-header p { max-width: 690px; margin-top: 28px; color: #4a4669; font-size: 20px; line-height: 29px; }
.gx-fount-brand { display: flex; flex: none; align-items: baseline; align-self: flex-start; gap: 12px; }
.gx-fount-brand span:first-child { color: #4a4669; font-size: 17px; }
.gx-fount-brand span:last-child { font-size: 40px; line-height: 46px; font-weight: 400; }
.gx-fount-brand strong { color: #140e45; }
.gx-fount-layout { display: grid; grid-template-columns: calc(200 * var(--work-unit)) minmax(0,1fr); margin-left: var(--work-left); }
.gx-fount-rail a[href="#fount-verified"] { --rail-color:#3f6fe6; }
.gx-fount-rail a[href="#fount-testable"] { --rail-color:#b12b75; }
.gx-fount-row { --fount-color:#7c2ae8; display: grid; grid-template-columns: minmax(0,372fr) minmax(0,620fr); gap: calc(144 * var(--work-unit)); min-height: calc(640 * var(--work-unit)); scroll-margin-top: 90px; }
.gx-fount-row--verified { --fount-color:#3f6fe6; }
.gx-fount-row--testable { --fount-color:#e0589f; }
.gx-fount-copy { border-top: 1px solid #e6e1f3; padding-top: 26px; }
.gx-fount-copy h3 { color: var(--fount-color); font-size: 42px; line-height: 50px; font-weight: 600; letter-spacing: -.6px; }
.gx-fount-copy p { margin-top: 22px; color: #4a4669; font-size: 17px; line-height: 26px; }
.gx-fount-art img { display: block; width: 100%; height: auto; }
.gx-fount-art figcaption { padding: 8px 12px 0; color: #6e6a8e; font-size: 11px; line-height: 16px; }
/* Native question dialogs share the existing enquiry form controller. */
.gx-home-dialog.gx-question-dialog { inset: 0; margin: 0; width: 100%; max-width: none; height: 100dvh; max-height: none; padding: 0; border: 0; border-radius: 0; overflow: auto; }
.gx-question-layout { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,3fr); min-height: 100%; }
.gx-question-content { padding: 44px 48px; }
.gx-question-content h2 { margin: 32px 0 0; max-width: 820px; font-size: 34px; line-height: 42px; font-weight: 600; letter-spacing: -.8px; }
.gx-question-content h2:first-child { margin-top: 0; }
.gx-question-solution { margin: 0; font-size: 24px; line-height: 40px; font-weight: 600; }
.gx-question-outcomes { margin: 20px 0 32px; }
.gx-question-outcomes > div { margin-top: 20px; padding-left: 20px; border-left: 3px solid #7c2ae8; }
.gx-question-outcomes dt { font-size: 24px; line-height: 30px; font-weight: 600; }
.gx-question-outcomes dd { margin: 4px 0 0; font-size: 16px; line-height: 24px; color: #4a4669; }
.gx-question-preview { min-width: 0; display: flex; flex-direction: column; padding: 44px 0 0 36px; background: #f1eff7; }
.gx-question-preview > p { padding-right: 70px; margin: 0; color: #6e6a8e; font-size: 12px; line-height: 20px; font-weight: 700; letter-spacing: 1.6px; }
.gx-question-screen-placeholder { flex: 1; display: grid; place-items: center; min-height: 380px; margin-top: 14px; border: 2px dashed #c9a9f6; border-right: 0; border-bottom: 0; border-radius: 28px 0 0 0; background: white; color: #6e6a8e; font-size: 13px; line-height: 18px; }
.gx-question-preview figure { margin: 14px 0 0; }
.gx-question-preview img { display: block; width: 100%; height: auto; }
.gx-question-preview figcaption { margin: 10px 20px 20px 0; font-size: 11px; color: #6e6a8e; }
.gx-question-dialog .gx-question-close { position: fixed; top: 22px; right: 22px; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; font-size: 22px; line-height: 22px; }
@media (max-width: 1439px) {
 .gx-work-intro { padding: 54px var(--work-right) 40px var(--work-left); }
 .gx-work-intro__details { flex-wrap: wrap; gap: 20px; }
 .gx-question-cloud--original { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px 24px; margin-top: 32px; }
 .gx-question-chip { max-width: 100%; }
 .gx-work-tool-layout { grid-template-columns: 104px minmax(0,1fr); margin-left: var(--work-left); margin-right: var(--work-right); gap: 20px; }
 .gx-workflow-row { padding-block: 70px; min-height: 700px; }
 .gx-work-tool-rail { margin-top: 76px; }
 .gx-workflow-card__copy { padding: 30px 0 40px 36px; }
 .gx-workflows .gx-workflow-question { font-size: 20px; line-height: 28px; padding-right: 16px; }
 .gx-workflow-question::before { left: -26px; width: 12px; height: 12px; }
 .gx-work-outcomes { max-width: calc(100% - 24px); }
 .gx-work-outcomes > div { min-height: 125px; padding: 35px 16px 24px; }
 .gx-fount-header { min-height: 280px; padding: 50px var(--work-right) 40px var(--work-left); }
 .gx-fount-layout { margin-left: var(--work-left); grid-template-columns: 190px minmax(0,1fr); }
 .gx-fount-row { gap: 40px; min-height: 560px; }
 .gx-fount-copy h3 { font-size: 36px; line-height: 44px; }
}
@media (max-width: 1100px) {
 .gx-workflow-card { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
 .gx-workflow-card__preview h2 { font-size: 36px; line-height: 44px; }
 .gx-work-tool-icon { left: 120px; }
 .gx-work-tool-icon--surface, .gx-work-tool-icon--scope, .gx-work-tool-icon--sync { left: 108px; }
 .gx-fount-header { flex-wrap: wrap; }
 .gx-fount-layout { grid-template-columns: 170px minmax(0,1fr); }
 .gx-fount-row { grid-template-columns: minmax(0,1fr); gap: 28px; padding-bottom: 48px; }
 .gx-fount-copy { margin-right: 32px; }
}
@media (max-width: 899px) {
 .gx-work-tool-layout, .gx-fount-layout { display: block; margin-left: var(--work-left); margin-right: var(--work-right); }
 .gx-work-rail { position: sticky; top: 64px; z-index: 10; flex-direction: row; flex-wrap: wrap; gap: 4px; padding-block: 10px; background: #fff; margin-top: 0; }
 .gx-work-rail a { padding: 8px 10px; border-left: 0; border-bottom: 2px solid #e6e1f3; font-size: 15px; }
 .gx-workflow-row { min-height: 0; padding-block: 36px; }
 .gx-workflow-card { grid-template-columns: 1fr; border-radius: 28px; }
 .gx-workflow-card__copy { padding: 28px 28px 20px; }
 .gx-workflows .gx-workflow-question { margin-left: 12px; padding-right: 0; min-height: 0; }
 .gx-workflow-question::before { left: -24px; }
 .gx-work-outcomes { max-width: none; margin-top: 22px; }
 .gx-work-outcomes > div { min-height: 100px; padding: 24px 12px; }
 .gx-workflow-card__preview { padding-top: 20px; margin-left: 28px; }
 .gx-work-tool-icon { top: 16px; left: 150px; }
 .gx-work-tool-icon--surface, .gx-work-tool-icon--scope, .gx-work-tool-icon--sync { top: 24px; left: 120px; }
 .gx-workflow-card__preview figure { margin-top: 18px; }
 .gx-fount-header { padding: 48px var(--work-right) 48px var(--work-left); min-height: 0; gap: 28px; }
 .gx-fount-header h2 { font-size: 34px; line-height: 42px; }
 .gx-fount-header p { font-size: 18px; line-height: 27px; }
 .gx-fount-rows { margin-top: 24px; }
 .gx-fount-row { min-height: 0; }
 .gx-fount-copy { margin-right: 0; }
 .gx-fount-art { margin-right: calc(-1 * var(--work-right)) !important; }
 .gx-question-layout { grid-template-columns: 1fr; }
 .gx-question-content { padding: 32px 24px; }
 .gx-question-content h2 { padding-right: 44px; font-size: 28px; line-height: 36px; }
 .gx-question-preview { padding: 32px 0 0 24px; }
 .gx-question-screen-placeholder { min-height: 250px; }
}
@media (max-width: 599px) {
 .gx-work-intro { padding: 36px var(--work-right) 36px var(--work-left); }
 .gx-work-intro h1 { font-size: 34px; line-height: 39px; }
 .gx-work-intro__details { gap: 20px; }
 .gx-work-intro__details > p { font-size: 16px; line-height: 24px; }
 .gx-work-chat { flex: auto; font-size: 14px; }
 .gx-question-cloud { gap: 14px !important; }
 .gx-question-chip { width: 100%; padding: 12px 20px; border-radius: 28px; font-size: 16px; line-height: 23px; }
 .gx-work-tool-layout, .gx-fount-layout { margin-left: var(--work-left); margin-right: var(--work-right); }
 .gx-workflow-card__copy { padding-inline: 24px; }
 .gx-workflows .gx-workflow-question { font-size: 20px; line-height: 28px; }
 .gx-workflow-card__preview { margin-left: 20px; }
 .gx-fount-brand { flex-wrap: wrap; }
 .gx-fount-brand span:last-child { font-size: 34px; }
 .gx-fount-copy h3 { font-size: 32px; line-height: 40px; }
 .gx-fount-art { margin-right: calc(-1 * var(--work-right)) !important; }
 .gx-fount-rail a { font-size: 13px; padding-inline: 7px; }
}
@media (prefers-reduced-motion: no-preference) {
 .gx-question-chip, .gx-work-rail a { transition: background-color .18s ease, color .18s ease, border-color .18s ease; }
}