/* Imagegen sculpture + original SVG product marks, with live page typography. */
.platform-sprawl{padding:110px 0 78px;background:#fff;overflow:hidden}
.sprawl-heading{text-align:center;width:calc(100% - 48px);max-width:1050px;margin:0 auto}
.sprawl-heading h2{font-family:var(--font-headline);font-weight:500;font-size:clamp(39px,4.4vw,66px);line-height:1.04;letter-spacing:-.035em}
.sprawl-heading h2 span{color:#646464}
.sprawl-mobile-line{display:inline}
.sprawl-heading>p{font-size:18px;color:#888b86;line-height:1.5;margin:22px auto 0;max-width:690px}
.sprawl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1540px;margin:21px auto 0;position:relative}
.sprawl-step{min-width:0;position:relative}
.sprawl-visual{position:relative;aspect-ratio:1;isolation:isolate}
.sprawl-image-crop{position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 86%,transparent)}
.sprawl-ribbon{display:block;position:absolute;width:300%;max-width:none;height:100%;top:0;object-fit:fill;mix-blend-mode:multiply;user-select:none}
.sprawl-step:nth-child(1) .sprawl-ribbon{left:0}.sprawl-step:nth-child(2) .sprawl-ribbon{left:-100%}.sprawl-step:nth-child(3) .sprawl-ribbon{left:-200%}
.sprawl-logo{position:absolute;display:grid;place-items:center;width:var(--tile,13%);aspect-ratio:1;border-radius:21%;background:linear-gradient(150deg,#fff 70%,#fafaf9);border:1px solid #eeefec;box-shadow:0 2px 3px #24252b0a,0 5px 9px #24252b0b,inset 0 1px #fff;z-index:2;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s;transform:translate(-50%,-50%) rotate(var(--tilt,0deg))}
.sprawl-logo>img{width:47%;height:47%;object-fit:contain;filter:drop-shadow(0 1px 0 #00000005)}
.sprawl-logo:hover,.sprawl-logo:focus-visible{transform:translate(-50%,-57%) rotate(0deg);box-shadow:0 4px 9px #24252b0c,0 12px 20px #24252b12}
.sprawl-logo-name{position:absolute;left:50%;top:calc(100% + 9px);transform:translateY(-3px) translateX(-50%) rotate(calc(-1 * var(--tilt,0deg)));opacity:0;transition:opacity .2s,transform .2s;white-space:nowrap;font-size:11px;font-weight:500;color:#5d625c;pointer-events:none}
.sprawl-logo:hover .sprawl-logo-name,.sprawl-logo:focus-visible .sprawl-logo-name{opacity:1;transform:translateY(0) translateX(-50%)}
/* Every mark belongs to the same software knot; the next knot is commissioned work. */
.sprawl-logo:focus-visible{outline:2px solid #1b1c1a;outline-offset:4px;z-index:5}
.sprawl-logo:hover{z-index:5}
.sprawl-logo-shopify{left:30%;top:33%;--tilt:-12deg;--tile:16%}
.sprawl-logo-stripe{left:64%;top:20%;--tilt:13deg;--tile:15%}
.sprawl-logo-rallyware{left:75%;top:75%;--tilt:11deg;--tile:15%}
.sprawl-logo-fieldwatch{left:42%;top:56%;--tilt:-7deg;--tile:14%}
.sprawl-logo-tableau{left:87%;top:49%;--tilt:9deg;--tile:14%}
.sprawl-logo-hubspot{left:15%;top:57%;--tilt:-9deg}
.sprawl-logo-zendesk{left:49%;top:82%;--tilt:-7deg}
.sprawl-logo-mailchimp{left:23%;top:79%;--tilt:7deg}
.sprawl-logo-asana{left:42%;top:15%;--tilt:-7deg;--tile:12%}
.sprawl-logo-hootsuite{left:84%;top:28%;--tilt:12deg;--tile:12%}
.sprawl-logo-intercom{left:65%;top:48%;--tilt:-10deg}
.sprawl-logo-webflow{left:10%;top:32%;--tilt:-13deg;--tile:12%}
.sprawl-logo-mailchimp>img{background:#ffe01b;border-radius:50%;padding:4%;box-sizing:content-box}
.sprawl-logo-fieldwatch>img{width:53%;height:53%}.sprawl-logo-tableau>img{width:58%;height:58%}
.sprawl-logo-name{background:#fff;padding:5px 8px;border-radius:5px;box-shadow:0 2px 10px #00000008;color:#4a4d47}
.sprawl-paper{position:absolute;z-index:2;box-sizing:border-box;width:40%;padding:4%;border:1px solid #eeede9;border-radius:9%;background:linear-gradient(135deg,#fff 65%,#fafaf8);box-shadow:0 2px 3px #24252b07,0 9px 20px #24252b12;transform:translate(-50%,-50%) rotate(var(--tilt,0deg));color:#242823}
.sprawl-paper-brief{left:32%;top:35%;--tilt:-8deg}
.sprawl-paper-build{left:69%;top:53%;--tilt:7deg;width:43%}
.sprawl-paper-revision{left:34%;top:76%;--tilt:-5deg;width:39%}
.sprawl-paper-top{display:flex;align-items:center;gap:7px;font-size:clamp(6px,.53vw,8px);letter-spacing:.06em;line-height:1.2;color:#969991;margin-bottom:13px}
.sprawl-paper-top>span:last-child{margin-left:auto;letter-spacing:0}
.sprawl-file-icon{width:17px;height:17px;color:#62685e}.sprawl-file-icon svg{width:100%;height:100%}
.sprawl-code-icon{color:#8b83b4;font-size:17px;letter-spacing:-.05em;font-weight:500}
.sprawl-paper strong{display:block;font-family:var(--font-headline);font-size:clamp(11px,1.12vw,17px);font-weight:500;line-height:1.15;letter-spacing:-.02em}
.sprawl-brief-preview{display:flex;gap:12px;margin:14px 0}
.sprawl-brief-preview img{width:39%;aspect-ratio:1;object-fit:cover;border-radius:5px}
.sprawl-brief-preview>div{flex:1;padding-top:5px}
.sprawl-brief-preview i,.sprawl-code-lines i{display:block;border-radius:5px;height:4px;background:#eaece7;margin-bottom:7px}
.sprawl-brief-preview i:nth-child(2){width:88%}.sprawl-brief-preview i:nth-child(3){width:61%}
.sprawl-paper-status{display:flex;align-items:center;gap:5px;border-top:1px solid #f0f0ec;padding-top:10px;font-size:clamp(6px,.56vw,8.5px);line-height:1.2;color:#94938a;white-space:nowrap}
.sprawl-paper-status i{width:4px;height:4px;background:#cdac73;flex-shrink:0;border-radius:50%}
.sprawl-code-lines{margin:16px 0 15px}.sprawl-code-lines i{height:4px;margin:6px 0;background:#e7e4f1;width:67%}.sprawl-code-lines i:nth-child(2){width:76%;margin-left:12%;background:#e3e9e5}.sprawl-code-lines i:nth-child(3){width:57%;margin-left:12%}.sprawl-code-lines i:nth-child(4){width:35%;background:#e3e9e5}
.sprawl-paper-revision strong{font-size:clamp(20px,2.25vw,34px);line-height:1.05}
.sprawl-revision-note{display:block;margin-top:11px;padding-top:11px;border-top:1px solid #eeeae3;font-size:clamp(6px,.57vw,9px);color:#928c7f;white-space:nowrap}
.sprawl-message{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;background:#fff;border:1px solid #efefee;border-radius:12px;box-shadow:0 3px 4px #25272b05,0 9px 14px #25272b09;font-size:clamp(12px,1.13vw,17px);letter-spacing:-.02em;line-height:1.3;white-space:nowrap;z-index:2;color:#454744;transform:translate(-50%,-50%)}
.sprawl-avatar{display:block;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#ecece7 url('https://ik.imagekit.io/fluid/980191006/fc-assets--fluid-stories--people_XAEs7JXWX.webp') left center/300% auto no-repeat;box-shadow:0 0 0 1px #00000006}
.sprawl-avatar-1{background-position:center center}.sprawl-avatar-2{background-position:right center}
.sprawl-message:nth-of-type(1){left:40%;top:37%;transform:translate(-50%,-50%) rotate(-2deg)}
.sprawl-message:nth-of-type(2){left:64%;top:55%;transform:translate(-50%,-50%) rotate(2deg)}
.sprawl-message:nth-of-type(3){left:40%;top:73%;transform:translate(-50%,-50%) rotate(-1deg)}
.sprawl-caption{position:relative;margin:-5px 28px 0 22%;padding:0 0 0 23px;border-left:1px solid #e5e5e2;min-height:96px}
.sprawl-caption:before{content:'';position:absolute;width:1px;height:50px;background:#e5e5e2;left:-1px;bottom:100%}
.sprawl-caption:after{content:'';position:absolute;width:1px;height:33px;background:#e5e5e2;left:-1px;bottom:calc(100% + 50px);transform:rotate(44deg);transform-origin:bottom}
.sprawl-caption h3{font-family:var(--font-headline);font-size:clamp(23px,2.05vw,31px);font-weight:500;line-height:1.1;letter-spacing:-.025em;margin:0 0 10px}
.sprawl-caption p{font-size:clamp(13px,1.15vw,17px);line-height:1.55;color:#858982;max-width:290px}
.sprawl-bottom{display:flex;justify-content:center;margin:35px 24px 0}.sprawl-bottom>a{display:inline-flex;align-items:center;gap:20px;font-size:13px;color:#555c51;padding-bottom:9px;border-bottom:1px solid #dbdfd6;text-decoration:none;transition:color .2s}.sprawl-bottom>a:hover{color:#111}.sprawl-bottom>a>span{font-size:20px;line-height:1}.sprawl-swipe{display:none}
@media(min-width:1600px){.platform-sprawl{padding-block:125px 85px}.sprawl-steps{margin-top:30px}}
@media(max-width:1000px){.platform-sprawl{padding-block:85px 65px}.sprawl-heading>p{font-size:16px}.sprawl-message{font-size:12px;padding:11px 12px}.sprawl-caption{margin-left:17%;margin-right:18px;padding-left:18px;min-height:110px}.sprawl-caption h3{font-size:25px}.sprawl-caption p{font-size:13px}.sprawl-caption:before{height:31px}.sprawl-caption:after{bottom:calc(100% + 31px);height:23px}}
@media(max-width:680px){.platform-sprawl{padding:67px 0 55px}.sprawl-heading{width:calc(100% - 36px)}.sprawl-heading h2{font-size:37px;line-height:1.04;letter-spacing:-.03em}.sprawl-heading h2 br{display:block}.sprawl-mobile-line{display:block}.sprawl-heading>p{font-size:14px;max-width:300px;margin-top:18px}.sprawl-steps{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82vw,370px);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:18px;padding:0 18px 15px;margin:17px 0 0;scrollbar-width:none}.sprawl-steps::-webkit-scrollbar{display:none}.sprawl-step{scroll-snap-align:start}.sprawl-visual{aspect-ratio:1.05}.sprawl-ribbon{height:auto;aspect-ratio:3;top:-2%}.sprawl-message{font-size:11px;padding:11px 12px}.sprawl-message:nth-of-type(1){left:37%;top:35%}.sprawl-message:nth-of-type(2){left:63%;top:55%}.sprawl-message:nth-of-type(3){left:37%;top:75%}.sprawl-caption{margin:0 20px 0 12%;padding-left:17px;min-height:93px}.sprawl-caption h3{font-size:26px;margin-bottom:9px}.sprawl-caption p{font-size:13px;max-width:255px;line-height:1.5}.sprawl-caption:before{height:26px}.sprawl-caption:after{height:19px;bottom:calc(100% + 26px)}.sprawl-bottom{justify-content:space-between;align-items:center;margin-top:24px;gap:15px;margin-inline:24px}.sprawl-bottom>a{font-size:11px;gap:12px;padding-bottom:6px}.sprawl-swipe{display:block;font-size:10px;color:#a4a69f}.sprawl-logo-name{display:none}.sprawl-paper-top{font-size:6px;margin-bottom:9px;gap:5px}.sprawl-paper strong{font-size:12px}.sprawl-paper-revision strong{font-size:23px}.sprawl-file-icon{width:13px;height:13px}.sprawl-code-icon{font-size:13px}.sprawl-brief-preview{gap:8px;margin:10px 0}.sprawl-paper-status{font-size:6px;padding-top:7px}.sprawl-code-lines{margin:12px 0}.sprawl-code-lines i{height:3px;margin-block:5px}.sprawl-revision-note{font-size:6px;margin-top:8px;padding-top:8px}}
@media(max-width:1000px){.sprawl-message{gap:8px;padding:9px 11px 9px 9px}.sprawl-avatar{flex-basis:28px;width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.platform-sprawl *{transition:none!important;scroll-behavior:auto!important}}