.flow-art.product-illustration{min-height:0;padding:32px 0;container-type:inline-size}.product-illustration-window{--pi-border:color-mix(in srgb, var(--ink-2) 12%, var(--canvas));--pi-muted:color-mix(in srgb, var(--ink-2) 17%, var(--canvas));--pi-soft:color-mix(in srgb, var(--royal) 5%, var(--canvas));z-index:1;border:1px solid var(--pi-border);background:var(--canvas);width:90%;color:var(--ink-2);box-shadow:0 2em 4em -1.5em color-mix(in srgb, var(--ink) 40%, transparent);border-radius:1em;font-size:2.5cqw;position:relative;overflow:hidden}.product-illustration-workspace{font-size:2cqw}.product-illustration-window svg{stroke-width:1.6px;flex:none;width:1em;height:1em}.product-illustration-window img{width:1.5em;height:1.5em}.pi-line{background:var(--pi-muted);border-radius:1em;flex-shrink:1;width:100%;height:.35em;display:block}.pi-toggle{background:var(--royal);border-radius:1em;flex:none;align-items:center;width:1.7em;height:.95em;padding:.15em;display:inline-flex}.pi-toggle:after{content:"";background:var(--canvas);border-radius:50%;width:.65em;height:.65em;margin-left:auto}.pi-viewer-top{background:var(--canvas);align-items:center;gap:.6em;height:3.4em;padding-right:.8em;display:flex}.pi-viewer-top>img{margin:0 .15em 0 .75em}.pi-notice{flex:1;justify-content:center;min-width:0;display:flex}.pi-notice .pi-line{width:50%;height:.3em}.pi-viewer-group{border:1px solid var(--pi-border);border-radius:.55em;height:2em;display:flex;overflow:hidden}.pi-cell{align-items:center;gap:.35em;padding:0 .55em;display:flex}.pi-cell+.pi-cell{box-shadow:-1px 0 0 var(--pi-border)}.pi-cell .pi-line{width:2.4em}.pi-cell>svg+.pi-line+svg{width:.7em}.pi-viewer-end{border:1px solid var(--pi-border);border-radius:.55em;place-items:center;height:2em;padding:0 .6em;display:grid}.pi-indicators{border-top:1px solid var(--pi-border);border-left:1px solid var(--pi-border);border-top-left-radius:.6em;height:2.6em;margin-left:3em;display:flex}.pi-indicators>span{flex:1;align-content:center;gap:.4em;min-width:0;padding:0 .7em;display:grid}.pi-indicators>span+span{box-shadow:-1px 0 0 var(--pi-border)}.pi-indicators .pi-line{width:55%;height:.25em}.pi-meter{gap:.2em;display:flex}.pi-meter>i{background:var(--pi-muted);border-radius:1em;width:.75em;height:.3em}.pi-meter>.is-on{background:color-mix(in srgb, var(--royal) 70%, var(--canvas))}.pi-viewer-stage{height:20em;padding:0 .55em .55em 3em;position:relative}.pi-viewer-rail{flex-direction:column;justify-content:center;align-items:center;gap:.3em;width:3em;display:flex;position:absolute;inset:0 auto 0 0}.pi-viewer-rail>span{border-radius:.5em;place-items:center;width:1.9em;height:1.9em;display:grid}.pi-rail-sep{background:var(--pi-border);width:1em;height:1px;margin:.2em 0;display:block}.pi-remote-browser{border:1px solid var(--pi-border);background:var(--canvas);border-radius:.6em;height:100%;overflow:hidden}.pi-browser-tabs{background:color-mix(in srgb, var(--ink-2) 5%, var(--canvas));height:1.8em;padding:.4em .6em 0}.pi-browser-tabs>span{background:var(--canvas);border-radius:.4em .4em 0 0;width:30%;height:100%;display:block}.pi-browser-address{border-bottom:1px solid var(--pi-border);height:2em;padding:.45em .8em}.pi-browser-address>span{background:color-mix(in srgb, var(--ink-2) 5%, var(--canvas));border-radius:1em;width:100%;height:100%;display:block}.pi-website{opacity:.5;gap:.85em;padding:2em;display:grid}.pi-page-block{background:color-mix(in srgb, var(--ink-2) 9%, var(--canvas));border-radius:.5em;height:6em;margin-bottom:.4em;display:block}.pi-website>.pi-line{width:70%}.pi-website>.pi-line:last-child{width:45%}.pi-dashboard-header{border-bottom:1px solid var(--pi-border);align-items:center;gap:2em;height:3.4em;padding:0 1.3em;display:flex}.pi-dashboard-links{gap:1em;width:35%;display:flex}.pi-dashboard-account{background:var(--pi-soft);border-radius:50%;place-items:center;width:1.7em;height:1.7em;margin-left:auto;display:grid}.pi-dashboard-body{padding:1.5em 1.7em}.pi-account-heading{align-items:center;gap:.75em;display:flex}.pi-account-avatar{background:var(--pi-soft);width:2.6em;height:2.6em;color:var(--royal);border-radius:.8em;place-items:center;display:grid}.pi-account-avatar svg{width:1.4em;height:1.4em}.pi-account-name{gap:.5em;width:26%;display:grid}.pi-account-name .pi-line:first-child{height:.55em}.pi-account-name .pi-line:last-child{width:75%}.pi-new-browser{background:var(--royal);color:var(--canvas);border-radius:.5em;align-items:center;gap:.5em;margin-left:auto;padding:.6em .8em;display:flex}.pi-new-browser .pi-line{opacity:.75;background:currentColor;width:3em}.pi-dashboard-tabs{border-bottom:1px solid var(--pi-border);gap:.7em;margin:1.4em 0;display:flex}.pi-dashboard-tabs>span{flex:1;padding:.6em .15em .8em}.pi-dashboard-tabs .is-selected{border-bottom:.2em solid var(--royal)}.pi-dashboard-tabs .is-selected .pi-line{background:var(--royal)}.pi-workspace-heading{justify-content:space-between;align-items:center;margin-bottom:.9em;display:flex}.pi-workspace-heading>.pi-line{width:27%;height:.55em}.pi-workspace-heading>span{align-items:center;gap:.4em;width:20%;display:flex}.pi-workspace-heading svg{color:var(--royal)}.pi-invite{border:1px solid var(--pi-border);border-radius:.45em;align-items:center;gap:.7em;margin-bottom:1em;padding:.45em .6em;display:flex}.pi-invite>.pi-line{width:40%}.pi-invite>span{width:2.2em;height:1.5em;color:var(--canvas);background:var(--royal);border-radius:.3em;place-items:center;margin-left:auto;display:grid}.pi-members{border-top:1px solid var(--pi-border)}.pi-member{border-bottom:1px solid var(--pi-border);align-items:center;gap:.7em;padding:.85em 0;display:flex}.pi-member-name{gap:.4em;width:40%;display:grid}.pi-member-name .pi-line:first-child{width:60%}.pi-member-name .pi-line:last-child{width:85%;height:.25em}.pi-member-role,.pi-member-seat{background:var(--pi-soft);border-radius:.35em;align-items:center;gap:.4em;width:22%;padding:.4em;display:flex}.pi-member-role svg,.pi-member-seat svg{width:.75em;height:.75em}.pi-member-role.is-manager{color:var(--royal);background:color-mix(in srgb, var(--royal) 10%, var(--canvas))}.pi-member>svg{opacity:.55;width:.85em;margin-left:auto}.pi-workspace-sso{border:1px solid var(--pi-border);border-radius:.5em;align-items:center;gap:.8em;margin-top:1em;padding:.8em;display:flex}.pi-workspace-sso>span:not(.pi-toggle){gap:.4em;width:45%;margin-right:auto;display:grid}.pi-workspace-sso .pi-line:last-child{width:70%;height:.25em}
.prod{position:relative}.prod h1{letter-spacing:-.045em;text-wrap:balance;max-width:800px;font-size:clamp(42px,4.7vw,68px);font-weight:600;line-height:1.08}.prod h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(30px,3.3vw,46px);font-weight:600;line-height:1.15}.prod h3{letter-spacing:-.02em;font-size:19px;font-weight:600;line-height:1.35}.prod p{color:var(--ink-2);font-size:16px;line-height:1.75}.prod .prod-lede{max-width:610px;margin-top:26px;font-size:18px;line-height:1.75}.prod-hero-grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:72px;display:grid}.prod-hero-actions{margin-top:32px;display:flex}.prod-hero-actions svg{width:16px;height:16px}.prod-hero-art{width:100%;max-width:480px;margin-inline:auto}.prod-section{scroll-margin-top:calc(var(--nav-height) + 24px);padding-block:88px;position:relative}.prod-start{padding-top:0}.prod-heading{max-width:760px;margin-bottom:40px}.prod-heading>p{max-width:680px;margin-top:20px;font-size:17px}.prod-steps{grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;display:grid}.prod-steps li{border-top:1px solid var(--hairline);padding-top:24px}.prod-step-number{color:var(--royal);font-variant-numeric:tabular-nums;margin-bottom:18px;font-size:14px;display:block}.prod-steps p,.prod-feature p,.prod-integration p,.prod-team-features p{margin-top:10px}.prod-feature-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.prod-feature{border:1px solid var(--hairline);background:color-mix(in srgb, var(--canvas) 28%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;align-items:flex-start;gap:22px;padding:32px;display:flex}.prod-feature-art{flex:0 0 76px;width:76px}.prod-analysis{background:color-mix(in srgb, var(--canvas-royal) 65%, transparent)}.prod-analysis-grid{grid-template-columns:1fr 1.2fr;gap:96px;display:grid}.prod-section-art{width:112px;margin:-20px 0 16px -14px}.prod-analysis-intro>p{margin-top:24px}.prod .prod-note{border-left:2px solid var(--royal);padding-left:18px;font-size:14px}.prod-analysis-sections{gap:32px;display:grid}.prod-analysis-section{scroll-margin-top:calc(var(--nav-height) + 24px);align-items:flex-start;gap:20px;display:flex}.prod-section-icon{width:42px;height:42px;color:var(--royal);background:var(--canvas);border:1px solid var(--hairline);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.prod-section-icon svg{width:21px;height:21px}.prod-analysis-section p{margin-top:8px}.prod-analysis-section ul{color:var(--ink-2);margin-top:14px;padding-left:18px;font-size:14px;line-height:1.65;list-style:outside}.prod-analysis-section li+li{margin-top:6px}.prod .prod-analysis-lifetime{border-top:1px solid var(--hairline);margin-top:40px;padding-top:24px;font-size:14px}.prod-integration-grid{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.prod-integration{border-top:1px solid var(--hairline);padding-top:18px}.prod-integration .prod-feature-art{margin:0 0 16px -10px}.prod-text-link{color:var(--royal);align-items:center;gap:10px;margin-top:30px;font-size:14px;font-weight:600;display:inline-flex}.prod-text-link:hover{text-underline-offset:4px;text-decoration:underline}.prod-text-link svg{width:16px;height:16px}.prod-team-grid{grid-template-columns:1fr 1fr;gap:96px;display:grid}.prod-team-features{gap:28px;display:grid}.prod-team-features article{border-bottom:1px solid var(--hairline);padding-bottom:28px}.prod-questions{padding-top:48px}.prod-question-grid{grid-template-columns:.8fr 1.2fr;gap:96px;display:grid}.prod-questions details{border-bottom:1px solid var(--hairline)}.prod-questions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:16px;font-weight:500;list-style:none;display:flex}.prod-questions summary::-webkit-details-marker{display:none}.prod-questions summary svg{flex-shrink:0;width:18px;height:18px}.prod-questions details[open] summary svg{transform:rotate(180deg)}.prod-questions details p{padding-bottom:24px}@media (max-width:1000px){.prod-hero-grid{gap:32px}.prod-analysis-grid,.prod-team-grid,.prod-question-grid{gap:48px}.prod-feature{gap:14px;padding:24px}.prod-feature-art{flex-basis:60px;width:60px}}@media (max-width:720px){.prod-hero-grid,.prod-analysis-grid,.prod-team-grid,.prod-question-grid{grid-template-columns:1fr;gap:36px}.prod-section{padding-block:56px}.prod-start{padding-top:0}.prod-steps,.prod-feature-grid,.prod-integration-grid{grid-template-columns:1fr;gap:24px}.prod-steps li{padding-top:18px}.prod-step-number{margin-bottom:10px}.prod-heading{margin-bottom:28px}.prod-feature{padding:22px 18px}.prod .prod-lede{font-size:17px}.prod-analysis-section{gap:14px}}