:root{font-optical-sizing:auto;color:#1c1b20;font-synthesis:none;--text:#1c1b20;--muted:#6b6966;--app-background:#dad9d5;--content-background:#eeeceb;--border:#d3d1ce;--divider:#e4e2df;--shell-border:#c6c4c1;--surface:#fff;--subtle:#f2f0ed;--hover-background:#e1dfdc;--card-shadow:0 1px 2px #1c1b200a, 0 3px 8px #1c1b2005;--panel-shadow:0 0 0 1px var(--shell-border), 0 2px 6px #1c1b200d;--canvas-dot:#b9b7b4;--page-dot:#d0ceca;--board-background:#f6f4f3;--orange:#f07323;--orange-ink:#b74300;--orange-soft:#ffdfcc;--accent:var(--orange);--purple:#3b3cdc;--purple-soft:#c1c7f9;--purple-wash:#f0f1fe;--gutter:32px;--nav-height:68px;font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400}*{box-sizing:border-box}html{background:var(--content-background)}body{color:var(--text);background-color:var(--content-background);background-image:radial-gradient(circle at center, var(--page-dot) .75px, transparent 1px);-webkit-font-smoothing:antialiased;background-position:8px 8px;background-size:16px 16px;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site{flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.shine-button{transition:background-color .14s;position:relative;overflow:hidden}.shine-button:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff2e 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.shine-button:hover:after{transition:transform .7s;transform:translate(120%)}.nav{z-index:20;height:var(--nav-height);padding:0 var(--gutter);flex:none;align-items:center;gap:36px;transition:background-color .15s,box-shadow .15s;display:flex;position:sticky;top:0}.nav.is-scrolled{background:var(--surface);box-shadow:0 1px #1c1b2012}.logo{letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:9px;font-size:20px;font-weight:650;display:inline-flex}.logo svg{flex-shrink:0;display:block}.nav-links{flex:1;align-items:center;gap:6px;display:flex}.nav-group{position:relative}.nav-link{color:#2a292e;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;height:36px;padding:0 11px;font-size:15.5px;font-weight:450;display:inline-flex}.nav-link:hover,.nav-group.is-open>.nav-link{background:#1c1b200a}.nav-link svg{color:#6b6966;transition:transform .15s}.nav-group.is-open>.nav-link svg{transform:rotate(180deg)}.nav-pricing{color:var(--purple);gap:9px;margin-left:4px;font-weight:500}.nav-pricing i{background:var(--purple);width:4px;height:4px}.nav-pricing:hover{background:var(--purple-wash)}.nav-menu{background:var(--surface);box-shadow:0 0 0 1px var(--border), 0 12px 32px -8px #1c1b2026;border-radius:14px;grid-template-columns:repeat(2,280px);gap:2px;padding:8px;animation:.14s ease-out menu-in;display:grid;position:absolute;top:calc(100% + 8px);left:-8px}.nav-menu[data-count="3"],.nav-menu[data-count="4"],.nav-menu[data-count="5"]{grid-template-columns:300px}.nav-menu:before{content:"";height:10px;position:absolute;inset:-10px 0 auto}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.nav-menu-item{border-radius:9px;gap:12px;padding:10px;display:flex}.nav-menu-item:hover{background:var(--subtle)}.nav-menu-icon{border:1px solid var(--border);background:var(--surface);color:#45443f;border-radius:8px;flex:0 0 34px;place-items:center;height:34px;display:grid}.nav-menu-item strong{letter-spacing:-.1px;font-size:14px;font-weight:550;display:block}.nav-menu-item small{color:var(--muted);margin-top:3px;font-size:12.5px;line-height:1.4;display:block}.nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-login{border-radius:8px;align-items:center;height:38px;padding:0 12px;font-size:15.5px;font-weight:450;display:inline-flex}.nav-login:hover{background:#1c1b200a}.nav-cta{background:var(--text);color:#fff;white-space:nowrap;border-radius:8px;align-items:center;height:36px;padding:0 14px;font-size:14px;font-weight:550;display:inline-flex}.nav-cta-app{gap:6px}.nav-cta-app svg{flex:none;margin-top:-2px}.nav-burger{border-radius:8px;place-items:center;width:44px;height:44px;margin-right:-6px;display:none}.nav.is-sheet{background:var(--surface);box-shadow:0 1px #1c1b2012}html.is-locked{overflow:hidden}.nav-scrim{display:none}.nav-sheet{background:var(--surface);flex-direction:column;display:flex}.nav-sheet-body{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 20px 12px;overflow-y:auto}.nav-acc{border-bottom:1px solid var(--divider)}.nav-acc-head{letter-spacing:-.2px;text-align:left;width:100%;min-height:58px;color:var(--text);justify-content:space-between;align-items:center;padding:0 2px;font-size:17px;font-weight:550;display:flex}.nav-acc-head svg{color:var(--muted);transition:transform .2s}.nav-acc.is-open .nav-acc-head svg{transform:rotate(180deg)}.nav-acc-panel{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.nav-acc.is-open .nav-acc-panel{grid-template-rows:1fr}.nav-acc-inner{min-height:0;padding-bottom:0;transition:padding-bottom .22s;display:grid;overflow:hidden}.nav-acc.is-open .nav-acc-inner{padding-bottom:10px}.nav-sheet-item{color:#2a292e;white-space:nowrap;align-items:center;gap:12px;min-height:48px;padding:0 2px;font-size:15.5px;display:flex}.nav-sheet-item .nav-menu-icon{flex-basis:32px;height:32px}.nav-sheet-pricing span{color:var(--purple);align-items:center;gap:9px;display:inline-flex}.nav-sheet-pricing span i{background:var(--purple);width:4px;height:4px}.nav-sheet-actions{padding:12px 20px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--divider);background:var(--surface);grid-template-columns:1fr 1fr;gap:10px;display:grid}.nav-sheet-login,.nav-sheet-cta{border-radius:10px;justify-content:center;align-items:center;height:48px;font-size:15.5px;font-weight:550;display:flex}.nav-sheet-login{border:1px solid var(--border)}.nav-sheet-cta{background:var(--text);color:#fff}@keyframes sheet-in{0%{opacity:0}}.hero{height:calc(100vh - var(--nav-height));height:calc(100dvh - var(--nav-height));min-height:0;padding:0 var(--gutter) clamp(4px, .6vh, 8px);text-align:center;flex-direction:column;align-items:center;display:flex}.hero-title{letter-spacing:-.04em;color:var(--text);text-wrap:balance;flex:none;margin:clamp(16px,7.5vh,96px) 0 0;font-size:clamp(40px,min(6.6vw,10.5vh),128px);font-weight:700;line-height:1.05}.hero-sub{letter-spacing:-.01em;color:#3a3936;text-wrap:balance;flex:none;max-width:34em;margin:clamp(12px,3.3vh,36px) 0 0;font-size:clamp(16px,min(1.35vw,2.45vh),22px);line-height:1.5}.board-slot{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;padding:clamp(14px,3.4vh,40px) 0 clamp(8px,2.1vh,28px);display:flex}.board{background:var(--board-background);box-shadow:var(--panel-shadow), 0 24px 60px -24px #1c1b2033;text-align:left;border-radius:14px;flex-direction:column;flex:none;display:flex;overflow:hidden}.board-canvas{background-color:var(--board-background);-webkit-user-select:none;user-select:none;pointer-events:none;flex:1;min-height:0;position:relative;overflow:hidden}.canvas-grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.canvas-world{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.connections{pointer-events:none;width:1px;height:1px;position:absolute;overflow:visible}.connection{color:#b3b1ae}.connection-line{fill:none;stroke:#b3b1ae;stroke-width:1.1px;stroke-linecap:round;vector-effect:non-scaling-stroke}.flow-node{position:absolute}.node-card{background:var(--surface);border:1px solid var(--border);width:100%;height:100%;box-shadow:var(--card-shadow);text-align:left;border-radius:9px;align-items:center;gap:12px;padding:11px;display:flex}.node-icon{background:var(--subtle);color:#585754;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.node-icon>svg,.node-icon>img{max-width:32px;max-height:32px}.node-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.15px;color:#343330;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.flow-node.is-compact .node-card{gap:8px;padding-inline:9px}.board-canvas .live-dot,.board-canvas .live-reduced-dot{r:4.4px}.board-canvas .live-dot-glow{r:11px}.showcase{width:calc(100% + 2 * var(--gutter));flex:none;max-width:1920px;margin-top:clamp(12px,2.4vh,28px)}.showcase-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;padding:0 16px;font-size:16px;display:flex}.showcase-sep{background:#8f8d89;width:5px;height:5px}.showcase-tab{color:var(--muted);letter-spacing:-.1px;padding:5px 9px;font-weight:450;transition:color .12s;position:relative}.showcase-tab:hover{color:var(--text)}.showcase-tab.is-active{color:var(--text);font-weight:500}.showcase-tab b{background:var(--text);width:4px;height:4px;position:absolute}.showcase-tab b:first-of-type{top:0;left:0}.showcase-tab b:nth-of-type(2){top:0;right:0}.showcase-tab b:nth-of-type(3){bottom:0;right:0}.showcase-tab b:nth-of-type(4){bottom:0;left:0}.showcase-strip{margin:clamp(20px,4.2vh,46px) clamp(16px,1.85vw,40px) 0;position:relative}.showcase-tile{background:var(--text);position:absolute;top:0}.showcase-tile--artwork{background:0 0}.showcase-tile>img{object-fit:contain;width:100%;height:100%;display:block}.showcase-tile[data-phase=gone]{opacity:0}.showcase-tile[data-phase=enter]{animation:tile-cut var(--tile-enter,.16s) steps(1, end) both}@keyframes tile-cut{0%{transform:translate(-6px)}to{transform:none}}.showcase-marker{background:var(--text);width:8px;height:8px;margin-left:-4px;position:absolute;top:-6px;transform:translateY(-100%)}@media (width<=1080px){.nav-link{padding:0 8px;font-size:15px}.nav{gap:20px}}@media (width<=960px){.nav-links,.nav-login{display:none}.nav-burger{display:grid}.nav-scrim{inset:var(--nav-height) 0 0;background:#1c1b201f;animation:.14s ease-out sheet-in;display:block;position:fixed}.nav-sheet{top:calc(100% + 8px);right:var(--gutter);width:400px;max-height:calc(100vh - var(--nav-height) - 24px);max-height:calc(100dvh - var(--nav-height) - 24px);box-shadow:0 0 0 1px var(--border), 0 12px 32px -8px #1c1b2026;border-radius:14px;animation:.14s ease-out menu-in;position:absolute;overflow:hidden}.nav-sheet-body{padding-inline:16px}.nav-sheet-actions{padding:12px 16px 16px}}@media (width<=640px){:root{--gutter:16px;--nav-height:60px}.nav{gap:12px}.logo{font-size:18px}.nav-cta{height:34px;padding:0 12px;font-size:13px}.nav-scrim{display:none}.nav-sheet{inset:var(--nav-height) 0 0;width:auto;max-height:none;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);box-shadow:none;border-radius:0;animation:.16s ease-out sheet-in;position:fixed}.nav-sheet-body{padding-inline:20px}.nav-sheet-actions{padding:12px 20px max(16px, env(safe-area-inset-bottom))}.showcase-tabs{gap:4px 6px;font-size:14px}.showcase-tab{padding:5px 7px}.showcase-strip{margin-top:28px}}@media (width<=480px){.nav-cta-more{display:none}}@media (width<=389px){.showcase-tabs{gap:4px;padding:0 8px}.showcase-tab{padding:5px}}@media (orientation:portrait),(height<=620px){.board-slot{flex:none}.hero{height:auto;padding-bottom:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.board-canvas .connection-end{fill:#a9a7a4}.board-canvas .roll.is-rising{color:inherit}