/* Two illustrations of the value of connected work. */
.value-stories{padding:108px 0 0;margin-top:90px;background:#fff}
.value-stories .section-wrap,.workflow-comparison .section-wrap{max-width:1512px}
.vs-symbols{position:absolute;width:0;height:0;overflow:hidden}
.vs-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.vs-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,.37fr);align-items:end;gap:50px;margin-bottom:36px}
.vs-section-heading .eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.19em;margin-bottom:21px}
.vs-section-heading h2{font-size:clamp(44px,5.3vw,80px);line-height:1.01;letter-spacing:-.054em;font-weight:550}
.vs-section-heading>p{font-size:21px;line-height:1.4;letter-spacing:-.022em;max-width:370px;padding-bottom:3px}
.vs-value-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vs-value-card{min-width:0;position:relative;text-align:center}
.vs-value-card+.vs-value-card:before{content:'+';position:absolute;left:-20px;top:calc((100vw - 104px)/6 - 14px);z-index:3;width:20px;font-size:28px;font-weight:400;line-height:1}
.vs-value-card>h3{font-size:clamp(22px,2vw,30px);line-height:1.12;letter-spacing:-.04em;font-weight:550;margin-top:21px}
.vs-value-card>p{font-size:14px;line-height:1.45;color:#6c6d67;margin:9px auto 0;max-width:410px}
.vs-art{position:relative;container-type:inline-size;isolation:isolate;aspect-ratio:1/1.03;border-radius:26px;overflow:hidden;text-align:left;color:#131511}
.vs-art>div{position:relative;width:100%;height:100%}
.vs-art h4,.vs-art p{margin:0}
.vs-art-tools{background:radial-gradient(ellipse at 60% 20%,#2d6839,transparent 55%),radial-gradient(ellipse at 70% 100%,#03280e,transparent 60%),#0d4e1d}
.vs-art-services{background:#ae0809 url('fc-assets--fluid-stories--form-campaign.webp') 79% center/cover no-repeat}
.vs-art-handoffs{background:radial-gradient(ellipse at 60% 28%,#fff3a4,transparent 70%),#f7df70}
.vs-scene-tag{position:absolute;z-index:4;top:4.8%;left:4.8%;padding:1.9cqw 3.7cqw;border-radius:50px;font-size:2.8cqw;font-weight:500;line-height:1;color:#fff;background:#ffffff20;backdrop-filter:blur(10px);white-space:nowrap}
.vs-art-handoffs .vs-scene-tag{color:#3e3310;background:#b0902833}
.vs-window-dots{display:flex;gap:4px;height:18px;align-items:center;padding-left:10px;border-bottom:1px solid #deded84d;background:#f5f5f3;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
.vs-window-dots i{width:5px;height:5px;border-radius:50%;background:#ed6b58}
.vs-window-dots i:nth-child(2){background:#e4bf53}.vs-window-dots i:nth-child(3){background:#85af67}
.vs-mini-app{position:absolute;width:35%;background:linear-gradient(145deg,#fff,#efeee9);border-radius:9px;box-shadow:0 12px 24px #001a1360;overflow:hidden;font-size:2.3cqw}
.vs-mini-app .vs-window-dots{height:4.7cqw;padding-left:2cqw;gap:.8cqw}.vs-mini-app .vs-window-dots i{width:1.1cqw;height:1.1cqw}
.vs-mini-app>strong{display:flex;align-items:center;gap:2cqw;margin:3cqw 3cqw 4cqw;font-size:2.6cqw;font-weight:550}
.vs-mini-app .vs-icon{width:4cqw;height:4cqw}
.vs-vendor-lockup{display:flex;align-items:center;gap:1.2cqw;min-width:0}.vs-brand-logo{display:block;width:4.6cqw;height:4.6cqw;object-fit:contain;flex:0 0 auto}.vs-vendor-lockup>span{overflow:hidden;text-overflow:ellipsis}
.vs-mini-app>div{display:flex;flex-direction:column;gap:2.3cqw;margin:0 6cqw 5cqw;color:#85837d}
.vs-app-store{left:5%;top:19%;transform:rotate(-5deg)}.vs-app-billing{right:6%;top:6%;transform:rotate(2deg)}
.vs-app-crm{right:5%;bottom:23%;transform:rotate(5deg)}.vs-app-report{left:4%;bottom:10%;transform:rotate(-7deg)}
.vs-stack-menu{position:absolute;top:23%;left:25%;width:53%;padding:5.4cqw 4.7cqw 3cqw;background:linear-gradient(120deg,#fff,#f6f4ee);border:1px solid #fff6;border-radius:13px;box-shadow:0 22px 40px #001b1366;transform:rotate(-.4deg)}
.vs-stack-menu h4{font-size:3.4cqw;font-weight:550;letter-spacing:-.045em;margin-bottom:2.6cqw}
.vs-stack-menu>div{display:flex;gap:3cqw;align-items:center;padding:3.1cqw 0;border-top:1px solid #e8e4df}
.vs-stack-menu .vs-icon,.vs-stack-menu .vs-brand-logo{width:5.3cqw;height:5.3cqw}.vs-stack-menu strong{display:block;font-size:2.8cqw;font-weight:550;line-height:1.25}.vs-stack-menu small{display:block;font-size:2.1cqw;color:#8e8a82;line-height:1.35;margin-top:.8cqw}.vs-stack-menu b{font-size:4cqw;color:#928f87;font-weight:400;margin-left:auto}
.vs-brief-paper{position:absolute;left:5.5%;top:33%;width:45%;padding:4.8cqw 4cqw 3.6cqw;background:linear-gradient(130deg,#fbf9f0,#e8e1cf);transform:rotate(-5deg);border-radius:5px;box-shadow:0 16px 22px #45010155}
.vs-brief-paper h4{font-size:3.2cqw;font-weight:550;letter-spacing:-.04em;padding-bottom:3cqw;border-bottom:1px solid #cdc6b7;margin-bottom:2.3cqw}
.vs-brief-paper p{font-size:2.45cqw;line-height:1.85}.vs-brief-paper>small{display:block;font-size:2.25cqw;margin-top:1cqw}
.vs-avatars{display:flex;align-items:center;flex-shrink:0;padding-left:4px}
.vs-avatar{display:block;flex-shrink:0;width:28px;height:28px;background:#d6c7ad url('fc-assets--fluid-stories--people.webp') left center/300% auto no-repeat;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #00000015}
.vs-avatar-1{background-position:center center}.vs-avatar-2{background-position:right center}
.vs-avatars .vs-avatar{margin-left:-4px}
.vs-brief-paper .vs-avatars{margin-top:4cqw}.vs-brief-paper .vs-avatar{width:6.8cqw;height:6.8cqw;border-color:#ece5d8}
.vs-handwriting{font-family:Georgia,serif;font-size:6cqw;font-style:italic;display:block;transform:rotate(-9deg);margin:4cqw 0 0 2cqw;letter-spacing:-.06em;color:#51472e}
.vs-invoice{position:absolute;right:4%;bottom:4.5%;width:51%;padding:4.1cqw;background:linear-gradient(130deg,#fff,#f0ede7);transform:rotate(4deg);border-radius:9px;box-shadow:0 20px 35px #49040255}
.vs-invoice header{display:flex;justify-content:space-between;align-items:center;gap:2cqw;border-bottom:1px solid #e0ddd7;padding-bottom:3cqw;margin-bottom:2.6cqw}.vs-invoice h4{font-size:3.1cqw;line-height:1.1;letter-spacing:-.035em;font-weight:550}.vs-invoice header small{font-size:1.7cqw;color:#8c8981}
.vs-invoice>div{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:2.05cqw;line-height:1.3;color:#777870;margin-top:1.7cqw}.vs-invoice i{display:block;width:9cqw;height:1.9cqw;background:#e1ded8;border-radius:.7cqw}.vs-invoice footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bdbab2;padding-top:3cqw;margin-top:3.3cqw;font-size:2.6cqw}.vs-invoice footer b{font-weight:500}
.vs-calendar{position:absolute;left:4%;top:18%;width:59%;background:#fffdf7;border-radius:13px;box-shadow:0 16px 25px #a4892245;overflow:hidden}
.vs-calendar header{padding:4cqw 3.4cqw 3.4cqw;font-size:2.9cqw;font-weight:550;border-bottom:1px solid #eae6dd}
.vs-calendar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:2cqw 2.4cqw 3cqw}
.vs-calendar-grid>div{min-height:21cqw;padding:1cqw .5cqw;border-right:1px solid #eee9df;position:relative;font-size:1.8cqw}.vs-calendar-grid small{display:block;font-size:1.8cqw;margin-bottom:3cqw;color:#777268}.vs-calendar-grid span{display:block;font-size:2cqw}.vs-calendar-grid b{position:relative;z-index:1;display:block;min-width:12cqw;padding:2cqw 1.5cqw;line-height:1.5;font-size:2cqw;font-weight:400;margin:2cqw 0;background:#e6dcf5;border-radius:5px;box-shadow:0 4px 10px #574c2820}.vs-calendar-grid>div:nth-child(3) b{background:#e1edcf}.vs-calendar-grid>div:nth-child(5) b{background:#f4d6bb}.vs-calendar-grid b:empty{display:none}
.vs-handoff-chats{position:absolute;right:3.5%;top:10%;width:48%;display:flex;flex-direction:column;gap:1.5cqw}
.vs-handoff-chats>div{display:flex;gap:1.4cqw;padding:2.3cqw;background:#f7f7f4ef;border:1px solid #fff5;backdrop-filter:blur(12px);box-shadow:0 9px 15px #8e741e30;border-radius:12px}.vs-handoff-chats .vs-avatar{width:7cqw;height:7cqw}.vs-handoff-chats p{background:#fff;border-radius:9px;padding:2.5cqw 1.9cqw;font-size:2.3cqw;line-height:1.25;letter-spacing:-.03em;white-space:nowrap}.vs-handoff-chats small{font-size:1.8cqw;color:#929086;display:block;margin:1.5cqw 2cqw 0}
.vs-sheet{position:absolute;left:6%;bottom:6%;width:62%;background:#fffcf5;border-radius:10px;box-shadow:0 15px 27px #9177174d;overflow:hidden;transform:rotate(-1deg)}.vs-sheet header{display:flex;gap:2cqw;align-items:center;padding:2.4cqw;font-size:2.1cqw;border-bottom:1px solid #dedbd0}.vs-sheet-mark{display:inline-grid;place-items:center;background:#148842;color:white;border-radius:3px;width:19px;height:24px;font-size:16px;flex-shrink:0}.vs-sheet .vs-sheet-mark{width:4cqw;height:5cqw;font-size:3.7cqw}
.vs-sheet table{border-collapse:collapse;width:100%;font-size:2cqw;text-align:left;line-height:1.1;margin-bottom:2.7cqw}.vs-sheet td,.vs-sheet th{padding:2cqw 2.5cqw;border-right:1px solid #eae5d9;border-bottom:1px solid #eae5d9;white-space:nowrap}.vs-sheet th{font-weight:550}.vs-sheet td{color:#77736b}
.vs-task-note{position:absolute;right:4%;top:49%;width:30%;padding:4.6cqw 3.7cqw;background:#fffdf8;border-radius:10px;box-shadow:0 11px 22px #a78b3133;transform:rotate(-2deg)}.vs-task-note>span{display:flex;align-items:center;gap:2cqw;font-size:2.8cqw;line-height:1.2;margin-bottom:3cqw}.vs-task-note>span:last-child{margin:0}.vs-task-note>span:before{content:'';width:3.2cqw;height:3.2cqw;border:1px solid #97988c;border-radius:3px;flex-shrink:0}
.vs-sticky-note{position:absolute;right:6%;bottom:6%;padding:4cqw 5cqw;background:#fff2a3;font-family:Georgia,serif;font-style:italic;font-size:5.5cqw;line-height:1.2;transform:rotate(-9deg);box-shadow:0 14px 18px #9d7b2a45}.vs-sticky-note span{display:block;border-block:1px solid #463f23;height:3px;margin-top:1.8cqw;transform:rotate(-7deg)}
.vs-unifier{position:relative;text-align:center;margin-top:45px;padding:43px 4% 4%;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#faf9f6,#f3f1eb)}
.vs-connecting-lines{position:absolute;pointer-events:none;left:0;top:-42px;width:100%;height:82px;fill:none;stroke:#b5b0a3;stroke-width:1}
.vs-convergence-dot{display:block;position:relative;width:13px;height:13px;border-radius:50%;background:#10110e;margin:-10px auto 12px}
.vs-fluid-logo{display:block;width:132px;height:auto;margin:0 auto}
.vs-resolution{scroll-margin-top:94px;margin-top:27px;padding:clamp(28px,4vw,60px);border-radius:25px;background:#075226;color:#fff;text-align:left;box-shadow:0 24px 60px #1a352021;overflow:hidden}
.vs-resolution-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:end;gap:32px}.vs-resolution h3{max-width:760px;font-family:var(--font-headline);font-size:clamp(39px,4.5vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.01}.vs-resolution-top p{max-width:330px;justify-self:end;color:#deeadb;font-size:clamp(15px,1.15vw,18px);line-height:1.45}
.vs-resolution-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:clamp(38px,5vw,70px);padding-top:20px;border-top:1px solid #ffffff57}.vs-resolution-points{display:flex;flex-wrap:wrap;gap:14px 28px;list-style:none;padding:0;margin:0}.vs-resolution-points li{display:flex;align-items:center;gap:8px;color:#f1f7ed;font-size:clamp(12px,.95vw,15px);white-space:nowrap}.vs-resolution-points li:before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:#f4ce52}.vs-resolution-points li:nth-child(2):before{background:#ef7a60}.vs-resolution-points li:nth-child(3):before{background:#a8d586}
.vs-resolution-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;flex:none;min-height:48px;padding:12px 20px;border-radius:100px;background:#fff;color:#16341e;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s ease,background .2s ease}.vs-resolution-link:hover{background:#f4ce52;transform:translateY(-2px)}.vs-resolution-link:focus-visible{outline:3px solid #f4ce52;outline-offset:3px}.vs-resolution-link span{font-size:20px;line-height:1}
.vs-note{font-size:10px;line-height:1.4;color:#808078;letter-spacing:0}
/* The same work, assembled two different ways. */
.workflow-comparison{padding:127px 0 50px}
.workflow-comparison .vs-section-heading{grid-template-columns:minmax(0,1fr) minmax(235px,.39fr);gap:48px;margin-bottom:28px}
.workflow-comparison h2{font-size:clamp(40px,4.1vw,65px)}
.vs-workflow-tabs{display:flex;width:min(650px,100%);padding:4px;background:#f7f7f5;border:1px solid #e2e3dd;border-radius:50px;margin:32px auto 25px;gap:3px}
.vs-workflow-tabs button{flex:1;min-height:44px;padding:10px 16px;border-radius:30px;font-size:14px;line-height:1.2;color:#666960;transition:color .2s,background .2s;white-space:nowrap}.vs-workflow-tabs button[aria-selected=true]{background:#111;color:#fff;box-shadow:0 2px 5px #1112}.vs-workflow-tabs button:not([aria-selected=true]):hover{background:#eceee6}
.vs-workflow-panel:focus-visible{outline:2px solid #111;outline-offset:6px;border-radius:26px}
.vs-comparison-grid{position:relative;display:grid;grid-template-columns:1fr 1.07fr;gap:22px;align-items:stretch}
.vs-compare-card{container-type:inline-size;position:relative;min-width:0;border-radius:26px;padding:30px;overflow:hidden}
.vs-scattered{background:#f6f3ec}.vs-connected{background:linear-gradient(180deg,#ffffffb8 0%,#ffffff47 19%,#ffffff00 47%),url('fc-assets--fluid-stories--connected-work-bg.webp') center/cover no-repeat;color:#171914;box-shadow:inset 0 0 0 1px #ffffffb3}
.vs-side-eyebrow{text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:.12em;margin-bottom:10px}.vs-compare-card>h3{font-size:clamp(24px,2.7vw,38px);line-height:1.08;letter-spacing:-.038em;margin-bottom:27px;font-weight:500}
.vs-side-visual{padding-top:6px}.vs-apps-dock{display:flex;gap:0;align-items:center;position:relative;padding:1cqw 1cqw 0}
.vs-scattered-app{flex:1;min-width:0;background:#fff;border:1px solid #e8e7e1;border-radius:9px;box-shadow:0 5px 12px #3b332b1a;position:relative;overflow:hidden;height:25cqw;margin-right:-.8cqw;transform:rotate(-2deg)}
.vs-scattered-app:nth-child(2){transform:rotate(-.6deg) translateY(-1.4cqw)}.vs-scattered-app:nth-child(3){transform:rotate(.9deg) translateY(-1cqw)}.vs-scattered-app:nth-child(4){transform:rotate(2.5deg)}
.vs-scattered-app>.vs-window-dots{height:2.6cqw;padding-left:1.3cqw;gap:.6cqw}.vs-scattered-app>.vs-window-dots i{width:.8cqw;height:.8cqw;min-width:3px;min-height:3px}
.vs-scattered-app>strong{display:flex;align-items:center;gap:1.4cqw;margin:2cqw 2cqw 1.9cqw;font-size:2cqw;font-weight:500;white-space:nowrap}.vs-scattered-app .vs-icon{width:3.5cqw;height:3.5cqw;flex-shrink:0}.vs-scattered-app .vs-brand-logo{width:3.8cqw;height:3.8cqw}.vs-scattered-app.vs-vendor-shopify{border-top-color:#8db56e}.vs-scattered-app.vs-vendor-fieldwatch{border-top-color:#54a7c9}.vs-scattered-app.vs-vendor-rallyware{border-top-color:#ee6b83}.vs-scattered-app.vs-vendor-tableau{border-top-color:#d6a164}
.vs-mini-campaign{height:16cqw;margin:0 2cqw;background:#b20808 url('fc-assets--fluid-stories--form-campaign.webp') 77% center/cover;border-radius:4px}
.vs-mini-invoices{padding:0 2cqw}.vs-mini-invoices>span{display:flex;align-items:center;justify-content:space-between;margin:1.3cqw 0;gap:1cqw}.vs-mini-invoices i{height:1cqw;width:5.6cqw;border-radius:3px;background:#e6e7e2}.vs-mini-invoices b{border-radius:10px;background:#e0f0d9;color:#508442;font-size:1.5cqw;font-weight:400;padding:.6cqw 1.1cqw}.vs-mini-invoices>span:nth-child(2) b{background:#fbe1dc;color:#bd5842}
.vs-mini-contacts{padding:0 2cqw}.vs-mini-contacts>span{display:flex;gap:1.2cqw;align-items:center;margin:1cqw 0}.vs-mini-contacts b{border-radius:50%;display:grid;place-items:center;width:3.5cqw;height:3.5cqw;font-size:1.5cqw;font-weight:400;background:#edeee8}.vs-mini-contacts i{width:8cqw;height:1.3cqw;background:#e6e7e3;box-shadow:0 2cqw #f2f2ed;border-radius:4px}
.vs-mini-compliance{padding:0 1.8cqw}.vs-mini-compliance>span{display:flex;align-items:center;gap:1cqw;margin:1.15cqw 0;color:#71776e}.vs-mini-compliance i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#eaa04c;box-shadow:inset 0 0 0 .5cqw #fff0d9;flex:0 0 auto}.vs-mini-compliance>span:nth-child(2) i{background:#5aa9c7;box-shadow:inset 0 0 0 .5cqw #e9f7fb}.vs-mini-compliance>span:nth-child(3) i{background:#6aa25a;box-shadow:inset 0 0 0 .5cqw #edf7e9}.vs-mini-compliance b{font-size:1.35cqw;font-weight:500;line-height:1.15;white-space:nowrap}
.vs-mini-chart{display:flex;align-items:flex-end;justify-content:center;gap:1.1cqw;height:15cqw;border-bottom:1px solid #d9dece;margin:0 2cqw;background:repeating-linear-gradient(0deg,transparent 0,transparent 4cqw,#eeeee8 4cqw,#eeeee8 calc(4cqw + 1px))}.vs-mini-chart i{width:2.3cqw;height:65%;background:#91b67b}.vs-mini-chart i:nth-child(2){height:44%;background:#729d5c}.vs-mini-chart i:nth-child(3){height:92%;background:#497836}.vs-mini-chart i:nth-child(4){height:79%;background:#adc69b}.vs-mini-chart i:nth-child(5){height:97%;background:#628b4b}
.vs-mini-amount{padding:2cqw;font-size:4.5cqw;letter-spacing:-.04em}.vs-mini-amount small{display:block;font-size:1.5cqw;letter-spacing:0;color:#999b92;margin-top:1cqw}
.vs-scattered-caption{font-size:2.35cqw;line-height:1.3;margin:2.5cqw 1cqw 0}
.vs-dotted-bridge{height:5.6cqw;width:3px;background:radial-gradient(circle,#92948b 1px,transparent 1.5px) center/3px 8px;margin:1cqw auto 2cqw}
.vs-partner-scene{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;position:relative;gap:2.2cqw;margin:0 1cqw}
.vs-campaign-asset{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:4cqw 3.2cqw;min-height:27cqw;border-radius:9px;overflow:hidden;color:#fff;background:#af0708 url('fc-assets--fluid-stories--form-campaign.webp') 72% center/cover;box-shadow:0 2px 7px #1b19071a}
.vs-campaign-asset:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#60000025,transparent 70%)}
.vs-campaign-asset>small{font-size:1.2cqw;letter-spacing:.14em;order:1;margin-top:1.2cqw}.vs-campaign-asset>strong{font-family:Georgia,serif;font-size:5.8cqw;font-weight:400;line-height:.95;letter-spacing:-.02em}
.vs-partner-invoice{border-radius:11px;padding:2.5cqw;background:#ffffffed;color:#666b61;box-shadow:0 3px 9px #4a382004}.vs-partner-invoice header{display:flex;align-items:center;gap:1.4cqw;padding-bottom:2cqw;border-bottom:1px solid #ecece5;margin-bottom:2cqw}.vs-partner-invoice header strong{display:block;font-size:1.9cqw;font-weight:500;color:#20251b}.vs-partner-invoice header small{font-size:1.7cqw;display:block;margin-top:.4cqw}.vs-partner-orb{width:4.5cqw;height:4.5cqw;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 25% 20%,#f79c77,#b62820 60%,#462219)}
.vs-partner-invoice>div,.vs-partner-invoice footer{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:1.85cqw;line-height:1.35;margin-top:1.2cqw}.vs-partner-invoice i{display:block;background:#e8e9e2;border-radius:3px;width:7cqw;height:1.1cqw;flex-shrink:0}.vs-partner-invoice footer{margin-top:2cqw;color:#25291e}
.vs-waiting{position:absolute;right:-1.6cqw;bottom:-2.4cqw;display:flex;align-items:center;gap:1.4cqw;background:#fff;border:1px solid #e9e8e1;border-radius:50px;box-shadow:0 6px 15px #44301810;padding:1.8cqw 2.5cqw;font-size:1.8cqw;white-space:nowrap}.vs-waiting>i{display:block;width:2.8cqw;height:2.8cqw;border-radius:50%;border:4px solid #f4c4b8;background:#d95d40}
.vs-team-scene{display:grid;grid-template-columns:1.2fr 1fr;gap:5cqw;align-items:center;margin:0 1cqw}.vs-team-questions{display:flex;flex-direction:column;gap:1.6cqw}.vs-team-questions>div{display:flex;align-items:center;gap:1.5cqw}.vs-team-questions .vs-avatar{width:7cqw;height:7cqw;border-color:#dbcdad}.vs-team-questions>div>span:last-child{padding:2.4cqw 3cqw;border-radius:30px;background:#fff;border:1px solid #eae9e1;font-size:2.05cqw;line-height:1.35;box-shadow:0 2px 4px #48341204}
.vs-little-sheet{position:relative;overflow:hidden;background:#fff;border:1px solid #e1e3d9;border-radius:9px;box-shadow:0 5px 14px #42371306;transform:rotate(.5deg)}.vs-little-sheet header{display:flex;align-items:center;gap:1cqw;padding:1.7cqw 1.6cqw;font-size:1.55cqw;border-bottom:1px solid #e9ebe3;white-space:nowrap}.vs-little-sheet .vs-sheet-mark{width:2.6cqw;height:3.4cqw;font-size:2.6cqw}.vs-little-sheet>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5cqw;padding:2cqw 1.6cqw;background:repeating-linear-gradient(0deg,transparent 0,transparent 3cqw,#f4f4ef 3cqw,#f4f4ef calc(3cqw + 1px))}.vs-little-sheet i{height:1cqw;background:#e6e8e0;border-radius:3px}.vs-sheet-pointer{position:absolute;right:5%;bottom:8%;font-size:4cqw;line-height:1;text-shadow:1px 1px #fff,-1px -1px #fff;transform:rotate(15deg)}
.vs-comparison-arrow{position:absolute;left:48.3%;top:51%;transform:translate(-50%,-50%);z-index:4;width:60px;height:60px;border-radius:50%;background:white;display:grid;place-items:center;box-shadow:0 4px 13px #39322314;border:1px solid #f1f1ec}.vs-comparison-arrow svg{width:28px;height:28px}
/* One connected workspace, with the product and next steps in the same view. */
.vs-connected-window{background:#fff;color:#141710;border-radius:14px;overflow:hidden;border:1px solid #f6f6ed;box-shadow:0 18px 30px #0b29092b}
.vs-connected-nav{display:flex;align-items:center;gap:2cqw;min-height:8.3cqw;padding:0 3cqw;background:#fafaf7;border-bottom:1px solid #f0f0e9}
.vs-small-wordmark{display:block;width:11cqw;height:auto;flex:0 0 auto}
.vs-connected-nav>div{display:flex;align-self:stretch;align-items:center;gap:2.8cqw;margin-left:auto;margin-right:auto;font-size:1.75cqw;color:#85877f}.vs-connected-nav>div>span{display:flex;align-self:stretch;align-items:center;position:relative}.vs-connected-nav>div>span.is-current{color:#111}.vs-connected-nav>div>.is-current:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#111}
.vs-connected-nav>.vs-icon{width:2.3cqw;height:2.3cqw}.vs-connected-nav .vs-avatar{width:4.2cqw;height:4.2cqw;border-width:1.5px}
.vs-mist-mark{display:grid;place-items:center;flex-shrink:0;width:5cqw;height:5cqw;border-radius:50%;background:#e0f2cb;color:#223815;font-size:3.9cqw;font-family:Georgia,serif;font-style:italic;line-height:1;font-weight:700;letter-spacing:-.1em;padding-right:.6cqw}
mist-logo.vs-mist-mark{display:block;flex:0 0 auto;width:11cqw;height:auto;margin:-3cqw -3.4cqw;background:none;border-radius:0;padding:0;pointer-events:none}
.vs-workspace-body{padding:3cqw}
.vs-workspace-title{display:flex;justify-content:space-between;align-items:flex-start;gap:2cqw;margin-bottom:2.5cqw}.vs-workspace-title h4{font-size:3.2cqw;font-weight:550;letter-spacing:-.04em;line-height:1.1;margin:0}.vs-workspace-title p{font-size:2.1cqw;color:#7c7f74;line-height:1.25;margin-top:1cqw}.vs-project-status{display:flex;align-items:center;gap:1cqw;white-space:nowrap;flex-shrink:0;padding:.9cqw 1.5cqw;background:#f5f6f2;border-radius:20px;font-size:1.7cqw}.vs-project-status>i{width:1.3cqw;height:1.3cqw;background:#56a169;border-radius:50%}
.vs-connected-previews{display:grid;grid-template-columns:1fr 1fr;gap:2.5cqw;align-items:stretch;margin-bottom:1.5cqw}.vs-connected-previews>.vs-campaign-asset{min-height:31cqw;padding:4cqw 3cqw}.vs-connected-previews .vs-campaign-asset>strong{font-size:6cqw}
.vs-mini-site{overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid #e6e5de;border-radius:9px;background:#ebe5d9;box-shadow:0 3px 6px #2216060d}.vs-mini-site>header{display:flex;align-items:center;gap:2cqw;padding:1.8cqw 2cqw;font-family:Georgia,serif;font-size:2.4cqw;background:#faf9f5}.vs-mini-site header>span{font-family:var(--font-body);font-size:1cqw;margin-left:auto;color:#5f6057;white-space:nowrap}.vs-mini-site .vs-icon{width:2.1cqw;height:2.1cqw}
.vs-mini-site>div{padding:4cqw 2.3cqw;flex:1;background:linear-gradient(90deg,#ebad9955,transparent),#a40805 url('fc-assets--fluid-stories--form-campaign.webp') 77% center/cover;color:#fff}
.vs-mini-site h5{font-size:3.2cqw;line-height:1.05;font-weight:400;letter-spacing:-.05em;margin:0}.vs-mini-site p{font-size:1.25cqw;line-height:1.3;margin:1.4cqw 0}.vs-faux-button{display:inline-block;font-size:1.15cqw;padding:1cqw 1.6cqw;background:#fff;color:#151611;border-radius:3px;margin-top:.5cqw}
.vs-connected-rows{list-style:none;margin:0;padding:0 0 0 1.3cqw;position:relative}.vs-connected-rows:before{content:'';position:absolute;width:1px;background:#77a365;left:.65cqw;top:3.7cqw;bottom:5.5cqw}
.vs-connected-rows>li{position:relative;display:flex;align-items:center;gap:2cqw;padding:2.5cqw 0 2.5cqw 2.5cqw;border-bottom:1px solid #e9eae3}.vs-connected-rows>li:before{content:'';position:absolute;left:-1.25cqw;width:1.3cqw;height:1.3cqw;border-radius:50%;background:#397125}.vs-row-icon{display:grid;place-items:center;flex-shrink:0;width:6.5cqw;height:6.5cqw;border-radius:9px;background:#f5f5f2;border:1px solid #ebebe5}.vs-row-icon .vs-icon{width:3.5cqw;height:3.5cqw}.vs-row-copy{flex:1;min-width:0}.vs-row-copy strong{display:block;font-size:2.1cqw;line-height:1.2;letter-spacing:-.015em;font-weight:550}.vs-row-copy small{display:block;font-size:1.8cqw;line-height:1.3;color:#82877b;margin-top:.6cqw}
.vs-row-status{display:flex;align-items:center;gap:1cqw;border-radius:20px;background:#f6f7f3;padding:.8cqw 1.5cqw;white-space:nowrap;font-size:1.7cqw}.vs-row-status i{width:1.25cqw;height:1.25cqw;border-radius:50%;background:#92c886}.vs-row-status.is-review i{background:#e6c34d}.vs-connected-rows>li>b{font-weight:400;font-size:2.8cqw;color:#858b7f;margin-left:.5cqw}
.vs-shared-context{display:flex;align-items:center;gap:1.8cqw;margin-top:2.5cqw;padding:2cqw;background:#f7f8f5;border-radius:12px}.vs-shared-context>.vs-mist-mark{width:6.2cqw;height:6.2cqw;font-size:4.7cqw}.vs-shared-context>div{flex:1;min-width:0}.vs-shared-context strong{font-size:1.95cqw;font-weight:500;line-height:1.25;display:block}.vs-shared-context small{font-size:1.6cqw;color:#82857b;margin-top:.8cqw;display:block;line-height:1.3}.vs-shared-context .vs-avatar{width:5.8cqw;height:5.8cqw}.vs-invite{font-size:3.3cqw;color:#68755c}
.vs-shared-context>mist-logo.vs-mist-mark{width:13cqw;height:auto;margin:-3.5cqw -3.8cqw}
.vs-asset-renewal{background:radial-gradient(ellipse at 100% 0,#507147,transparent 80%),#213d27;color:#fff}.vs-asset-renewal:before{display:none}.vs-asset-renewal>strong{font-family:var(--font-body);font-size:7cqw;letter-spacing:-.05em}.vs-asset-renewal>small{order:-1;margin:0 0 2cqw;color:#c3d7b6}.vs-payment-visual{display:flex;align-items:center;gap:1.4cqw;margin-top:3.3cqw;font-size:1.5cqw}.vs-payment-visual svg{width:3cqw;height:3cqw}.vs-payment-visual small{display:block;font-size:1.2cqw;margin-top:.6cqw;color:#acc39f}
.vs-site-renewal>div{background:#f3efdd;color:#27391f}.vs-site-renewal h5{font-size:3.5cqw}.vs-site-renewal p{font-size:1.6cqw;line-height:1.5;margin-top:2.6cqw}.vs-site-renewal .vs-faux-button{background:#315229;color:#fff;font-size:1.3cqw;border-radius:20px;margin-top:2.8cqw}
.vs-asset-market{background:#be633b url('fc-assets--connected-stories--mexico-courtyard.png') center/cover}.vs-asset-market:before{background:linear-gradient(90deg,#421c0666,#421c0600)}.vs-asset-market>small{order:-1;margin:0 0 2cqw}.vs-asset-market>strong{font-family:var(--font-body);font-size:6cqw;letter-spacing:-.05em}.vs-site-market>div{background:linear-gradient(90deg,#381b1444,#381b1400),#ad4532 url('fc-assets--fluid-stories--form-campaign.webp') 74% center/cover}
.vs-comparison-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:26px}.vs-comparison-footer h3{font-size:clamp(28px,2.9vw,44px);font-weight:500;letter-spacing:-.04em;line-height:1.08}.vs-comparison-footer>div{text-align:right;flex-shrink:0}.vs-comparison-footer .button{font-size:13px;padding:16px 23px;gap:20px}.vs-comparison-footer .vs-note{margin-top:11px}.vs-mobile-break{display:none}.vs-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.vs-workflow-panel .vs-comparison-grid{animation:vs-reveal .3s ease-out}
@keyframes vs-reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1576px){.vs-value-card+.vs-value-card:before{top:236px}}
@media(max-width:1200px){
 .vs-section-heading{grid-template-columns:1fr .42fr;gap:30px}.vs-section-heading>p{font-size:17px}.vs-section-heading h2{font-size:5.1vw}
 .vs-compare-card{padding:24px}.vs-compare-card>h3{font-size:2.55vw;margin-bottom:24px}.vs-connected-nav{gap:1.6cqw}.vs-connected-nav>div{gap:2cqw}.vs-connected-nav>.vs-icon{display:none}
 .vs-comparison-footer h3{font-size:30px}.vs-comparison-footer>div{max-width:285px}
}
@media(max-width:950px){
 .value-stories{padding-top:55px;margin-top:75px}.vs-section-heading,.workflow-comparison .vs-section-heading{grid-template-columns:1fr;gap:22px}.vs-section-heading h2,.workflow-comparison h2{font-size:clamp(40px,6.5vw,60px)}.vs-section-heading>p{font-size:18px;max-width:550px}.vs-section-heading .eyebrow{margin-bottom:18px}
 .vs-value-cards{gap:15px}.vs-value-card>h3{font-size:23px;max-width:250px;margin-inline:auto}.vs-value-card>p{font-size:12px}.vs-value-card+.vs-value-card:before{left:-16px;width:16px;font-size:22px}
 .vs-art{border-radius:20px}.vs-stack-menu{border-radius:9px}.vs-unifier{padding-inline:22px}.vs-resolution-top{grid-template-columns:1fr;gap:20px}.vs-resolution-top p{justify-self:start;max-width:520px}.vs-resolution-bottom{align-items:flex-start;flex-direction:column}
 .workflow-comparison{padding-top:85px}.vs-comparison-grid{grid-template-columns:1fr;gap:24px;max-width:680px;margin:auto}.vs-compare-card{padding:32px}.vs-compare-card>h3{font-size:34px}.vs-side-eyebrow{font-size:11px}.vs-comparison-arrow{left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%) rotate(90deg)}
 .vs-comparison-arrow{display:none}.vs-connected:before{content:'↓';display:grid;place-items:center;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff;color:#172214;z-index:3;font-size:27px;box-shadow:0 2px 12px #253b1415}.vs-connected{overflow:visible}.vs-connected-nav>.vs-icon{display:block}
 .vs-comparison-footer{align-items:flex-start;flex-direction:column;gap:23px}.vs-comparison-footer>div{max-width:none;text-align:left}.vs-comparison-footer h3{font-size:36px}
}
@media(max-width:680px){
 .value-stories .section-wrap,.workflow-comparison .section-wrap{width:calc(100% - 32px)}
 .vs-section-heading h2,.workflow-comparison h2{font-size:43px;letter-spacing:-.05em;max-width:520px}.vs-section-heading>p{font-size:17px;line-height:1.45}.vs-section-heading .eyebrow{font-size:10px;letter-spacing:.15em}.vs-section-heading{margin-bottom:28px}
 .vs-value-cards{grid-template-columns:1fr;gap:45px;max-width:500px;margin:auto}.vs-value-card>h3{max-width:none;font-size:28px;margin-top:18px}.vs-value-card>p{font-size:14px;max-width:340px;margin:8px auto 0}.vs-value-card+.vs-value-card:before{left:calc(50% - 10px);top:-34px;font-size:27px;width:20px}.vs-art{aspect-ratio:1/1;border-radius:24px}.vs-stack-menu{border-radius:13px}
 .vs-unifier{margin-top:30px;padding:33px 10px 17px}.vs-connecting-lines{display:none}.vs-convergence-dot{margin-top:0;width:10px;height:10px}.vs-convergence-dot:before{content:'';position:absolute;height:32px;width:1px;background:#b5b0a3;bottom:10px;left:4.5px}.vs-fluid-logo{width:118px}.vs-resolution{margin-top:22px;padding:28px 22px;border-radius:20px}.vs-resolution h3{font-size:clamp(34px,9vw,47px)}.vs-resolution-top p{font-size:14px}.vs-resolution-bottom{gap:24px;margin-top:30px}.vs-resolution-points{display:grid;gap:12px}.vs-resolution-points li{font-size:13px}.vs-resolution-link{width:100%}.vs-note{font-size:9px}
 .workflow-comparison{padding-top:80px;padding-bottom:30px}.workflow-comparison .vs-section-heading{margin-bottom:23px}.vs-workflow-tabs{gap:0;margin:23px 0 24px;padding:4px}.vs-workflow-tabs button{font-size:12px;padding:9px 6px;white-space:normal;line-height:1.3;min-height:46px}
 .vs-compare-card{border-radius:22px;padding:24px 20px}.vs-compare-card>h3{font-size:28px;margin-bottom:21px;max-width:300px}.vs-side-eyebrow{font-size:9px;letter-spacing:.1em}.vs-scattered-caption{font-size:12px;margin-top:12px}.vs-dotted-bridge{height:28px;margin:10px auto}.vs-apps-dock{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0}.vs-scattered-app{height:140px;transform:none!important;margin:0}.vs-scattered-app>strong{font-size:12px;gap:7px;margin:8px 10px}.vs-scattered-app .vs-icon{width:20px;height:20px}.vs-scattered-app .vs-brand-logo{width:22px;height:22px}.vs-vendor-lockup{gap:7px}.vs-scattered-app>.vs-window-dots{height:15px;padding-left:8px;gap:3px}.vs-mini-campaign{height:89px;margin:0 10px}.vs-mini-invoices{padding:0 12px}.vs-mini-invoices>span{margin:9px 0}.vs-mini-invoices b{font-size:10px;padding:3px 6px}.vs-mini-invoices i{width:29px;height:6px}.vs-mini-contacts{padding:0 12px}.vs-mini-contacts>span{margin:6px 0;gap:8px}.vs-mini-contacts b{width:22px;height:22px;font-size:10px}.vs-mini-contacts i{width:47px;height:6px;box-shadow:0 8px #f2f2ed}.vs-mini-compliance{padding:0 10px}.vs-mini-compliance>span{gap:6px;margin:7px 0}.vs-mini-compliance i{width:10px;height:10px;box-shadow:inset 0 0 0 3px #fff0d9}.vs-mini-compliance>span:nth-child(2) i{box-shadow:inset 0 0 0 3px #e9f7fb}.vs-mini-compliance>span:nth-child(3) i{box-shadow:inset 0 0 0 3px #edf7e9}.vs-mini-compliance b{font-size:9px}.vs-mini-chart{height:86px;margin:0 12px;gap:7px}.vs-mini-chart i{width:12px}.vs-mini-amount{padding:15px 12px;font-size:29px}.vs-mini-amount small{font-size:10px;margin-top:7px}
 .vs-partner-scene{grid-template-columns:1fr;gap:13px;margin:0}.vs-partner-scene .vs-campaign-asset{min-height:170px;padding:24px}.vs-partner-scene .vs-campaign-asset>strong{font-size:40px}.vs-partner-scene .vs-campaign-asset>small{font-size:8px;margin-top:8px}.vs-partner-invoice{padding:17px}.vs-partner-invoice header{gap:9px;padding-bottom:12px;margin-bottom:12px}.vs-partner-orb{width:30px;height:30px}.vs-partner-invoice header strong{font-size:13px}.vs-partner-invoice header small{font-size:11px;margin-top:3px}.vs-partner-invoice>div,.vs-partner-invoice footer{font-size:11px;margin-top:8px}.vs-partner-invoice i{width:50px;height:6px}.vs-waiting{font-size:10px;bottom:-14px;right:-3px;gap:7px;padding:9px 12px}.vs-waiting>i{width:15px;height:15px;border-width:4px}.vs-partner-scene+.vs-scattered-caption{margin-top:24px}
 .vs-team-scene{grid-template-columns:1fr;gap:17px;margin:0}.vs-team-questions{gap:9px}.vs-team-questions .vs-avatar{width:33px;height:33px}.vs-team-questions>div{gap:9px}.vs-team-questions>div>span:last-child{font-size:12px;padding:10px 13px}.vs-little-sheet{max-width:220px;margin-left:auto;width:80%}.vs-little-sheet header{font-size:10px;gap:7px;padding:8px}.vs-little-sheet .vs-sheet-mark{width:17px;height:22px;font-size:17px}.vs-little-sheet>div{gap:10px;padding:14px}.vs-little-sheet i{height:5px}.vs-sheet-pointer{font-size:24px}
 .vs-connected-window{border-radius:11px}.vs-connected-nav{min-height:46px;gap:8px;padding:0 12px}.vs-small-wordmark{width:57px}.vs-connected-nav>div{display:none}.vs-connected-nav>.vs-icon{margin-left:auto;width:15px;height:15px}.vs-connected-nav .vs-avatar{width:23px;height:23px}.vs-connected-nav>.vs-mist-mark{width:26px;height:26px;font-size:21px}
 .vs-workspace-body{padding:16px 12px}.vs-workspace-title{display:block;margin-bottom:16px}.vs-workspace-title h4{font-size:19px}.vs-workspace-title p{font-size:12px;line-height:1.4;margin-top:6px}.vs-project-status{display:inline-flex;font-size:10px;padding:5px 9px;gap:5px;margin-top:10px}.vs-project-status>i{width:6px;height:6px}
 .vs-connected-previews{grid-template-columns:1fr;gap:12px;margin-bottom:13px}.vs-connected-previews>.vs-campaign-asset{min-height:210px;padding:23px}.vs-connected-previews .vs-campaign-asset>strong{font-size:43px}.vs-campaign-asset>small{font-size:8px;margin-top:8px}.vs-mini-site>header{padding:12px;font-size:19px;gap:15px}.vs-mini-site header>span{font-size:8px}.vs-mini-site .vs-icon{width:16px;height:16px}.vs-mini-site>div{padding:23px 17px;min-height:175px}.vs-mini-site h5{font-size:28px}.vs-mini-site p{font-size:10px;line-height:1.3;margin:10px 0}.vs-faux-button{font-size:9px;padding:7px 12px;margin-top:5px}
 .vs-connected-rows{padding-left:7px}.vs-connected-rows:before{left:2px;top:22px;bottom:52px}.vs-connected-rows>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px 9px;padding:15px 0 15px 8px}.vs-connected-rows>li:before{width:6px;height:6px;left:-8px;top:29px}.vs-row-icon{width:32px;height:32px;border-radius:8px;grid-row:1/3;align-self:start}.vs-row-icon .vs-icon{width:20px;height:20px}.vs-row-copy strong{font-size:12px;line-height:1.25}.vs-row-copy small{font-size:10px;line-height:1.3;margin-top:5px}.vs-row-status{grid-column:2;justify-self:start;font-size:9px;padding:4px 7px;gap:5px}.vs-row-status>i{width:6px;height:6px}.vs-connected-rows>li>b{display:none}
 .vs-shared-context{padding:12px 10px;margin-top:17px;gap:9px;align-items:flex-start;flex-wrap:wrap}.vs-shared-context>.vs-mist-mark{width:30px;height:30px;font-size:25px}.vs-shared-context>div{min-width:120px}.vs-shared-context strong{font-size:11px;line-height:1.35}.vs-shared-context small{font-size:10px;margin-top:6px}.vs-shared-context .vs-avatars{margin-left:38px}.vs-shared-context .vs-avatar{width:27px;height:27px}.vs-invite{font-size:23px}
 .vs-payment-visual{font-size:11px;gap:8px;margin-top:22px}.vs-payment-visual svg{width:24px;height:24px}.vs-payment-visual small{font-size:9px;margin-top:5px}.vs-asset-renewal>small,.vs-asset-market>small{margin-bottom:14px}.vs-site-renewal .vs-faux-button{font-size:10px;margin-top:12px}
 .vs-comparison-footer{margin-top:29px;gap:24px}.vs-comparison-footer h3{font-size:33px;line-height:1.1;max-width:420px}.vs-mobile-break{display:block}.vs-comparison-footer>div{width:100%}.vs-comparison-footer .button{font-size:13px}.vs-comparison-footer .vs-note{font-size:9px;margin-top:13px}
}
@media(prefers-reduced-motion:reduce){.vs-workflow-panel .vs-comparison-grid{animation:none}.vs-workflow-tabs button{transition:none}}