.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center;padding-top:45px;padding-bottom:65px}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(50px,5.8vw,78px);font-weight:500;line-height:1.07;letter-spacing:-4px;margin:0 0 25px}.intro h1 span{color:var(--purple)}.intro p{font-size:16px;max-width:495px;color:var(--muted);margin-bottom:27px}.intro-flow{padding:15px 50px;transform:rotate(-5deg);position:relative;background:radial-gradient(ellipse,#e4daf8,transparent 70%)}.mini-node{background:#fffafc;border:1px solid #e6dff0;border-radius:12px;padding:17px;display:flex;align-items:center;gap:18px;box-shadow:0 10px 25px #493a6510}.mini-node>span{font-weight:600;font-size:14px}.mini-node small{display:block;color:#918697;font-size:10px;font-weight:400;margin-top:4px}.mini-line{text-align:center;font-size:23px;line-height:29px;color:var(--purple)}.brand-icon{display:grid;place-items:center;font-style:normal;width:34px;height:34px;border-radius:9px;font-weight:750;font-size:21px;flex-shrink:0;letter-spacing:-1px}.lead{background:#eee7fc;color:#7040c8}.pipedrive{background:#e2efdf;color:#235927}.hubspot{background:#ffe5d8;color:#e36934}.woocommerce{background:#f0e0fc;color:#8737c9;font-size:12px}.tripletex-icon{background:#e4eafb;color:#3f58a9}.fiken{background:#e4f0dc;color:#537c29}.shopify{background:#e6efcf;color:#5d7e23}.webhook{background:#eee8dc;color:#917137;font-size:15px}.builder-section{max-width:1450px;padding-bottom:40px;scroll-margin-top:15px}.builder-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.builder-heading h2{font-size:38px;letter-spacing:-1.6px;margin:8px 0 10px}.builder-heading p{font-size:13px;color:var(--muted);margin-top:0}.mode-switch{display:flex;border:1px solid #ddd6e8;padding:4px;border-radius:9px;gap:4px;background:#eae6f0;flex-shrink:0}.mode-switch button{border:none;background:transparent;font-size:12px;padding:11px 18px;border-radius:5px;color:#7c728c}.mode-switch button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 2px 5px #0001}.mode-switch span{margin-left:8px}.presets{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0}.presets button{font-size:10px;padding:10px 13px;border:1px solid #dcd7e4;background:transparent;border-radius:7px;color:#70667f}.presets button.active{border-color:#9b7acb;color:#6135a7;background:#ece5f6}.builder-shell{display:grid;grid-template-columns:170px minmax(0,1fr) 250px;border:1px solid #dcd6e5;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 15px 50px #35244808}.library{background:#fbfafc;padding:20px 13px;border-right:1px solid #e8e3ec}.library h3{font-size:12px;margin:1px 0 15px;font-weight:600}.search-label input{font-size:10px;padding:10px 8px;background:white;border-color:#e6e0eb}.library-item{display:flex;align-items:center;gap:8px;width:100%;background:white;border:1px solid #e8e2ed;border-radius:7px;margin-top:8px;padding:9px 7px;font-size:10px;text-align:left}.library-item:hover{border-color:var(--purple);background:#f8f4ff}.library-item .brand-icon{width:27px;height:27px;font-size:16px;border-radius:6px}.library-item .woocommerce{font-size:9px}.library-item>span{flex:1}.library-item b{font-size:16px;font-weight:400;color:#9d8dae}.library>p{font-size:9px;color:#9a8da5;margin:17px 0 0}.workspace{min-width:0;display:flex;flex-direction:column}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e9e4ed;font-size:10px;gap:10px}.workspace-toolbar>span{color:#887a98}.workspace-toolbar>div{display:flex;gap:14px}.workspace-toolbar button{border:none;background:none;padding:0;color:#74647f;font-size:10px}.canvas-scroll{overflow:auto;background:#fbfafd;overscroll-behavior-x:contain}.flow-canvas{width:100%;min-width:620px;height:360px;position:relative;background-image:radial-gradient(#cfc5dd 1px,transparent 1px);background-size:18px 18px;touch-action:pan-x pan-y}.flow-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.edge-hit{stroke:transparent;stroke-width:23px;fill:none;pointer-events:stroke;cursor:pointer}.edge-line{stroke:#b8a4d4;stroke-width:2px;fill:none;pointer-events:none}.edge-selected{stroke:var(--purple);stroke-width:3px}.edge-label{font-size:10px;fill:#9581ad;pointer-events:none}.node{position:absolute;width:174px;background:white;border:1px solid #d8cee6;border-radius:10px;box-shadow:0 5px 18px #59378512;user-select:none;touch-action:none}.node.pending{box-shadow:0 0 0 3px #6a37df30;border-color:var(--purple)}.node-title{display:flex;align-items:center;gap:9px;padding:14px 12px 9px;cursor:grab;touch-action:none;outline-offset:2px}.node-title:active{cursor:grabbing}.node-title>span{font-size:12px;font-weight:600}.node-subtitle{font-size:9px;color:#998ca6;padding:0 12px 13px}.node .remove-node{position:absolute;right:4px;top:2px;border:none;background:none;color:#b1a1bf;font-size:14px;padding:1px 3px}.port{position:absolute;top:36px;width:20px;height:20px;padding:0;border-radius:50%;border:3px solid #fbfafd;background:var(--purple);color:white;font-size:12px;line-height:14px;z-index:2;cursor:crosshair}.port-in{left:-11px}.port-out{right:-11px}.port:hover{scale:1.2}.canvas-help{padding:12px 16px;font-size:9px;color:#90819d;background:#fbfafd;border-bottom:1px solid #e9e4ed;display:flex;justify-content:space-between;gap:10px}.canvas-help button{font-size:10px;color:var(--purple);border:0;background:none}.flow-feedback{font-size:11px;color:#6a37a3;padding:0 16px}.flow-feedback:not(:empty){padding-top:10px;padding-bottom:4px}.connection-tools{padding:12px 16px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #ece6f1}.connection-tools label{display:grid;gap:4px;font-size:9px;color:#8c7d9a;min-width:0;flex:1}.connection-tools select{width:100%;font:10px 'DM Sans',sans-serif;padding:8px 5px;border:1px solid #e1d9e9;border-radius:5px;background:white;color:#5c4c70}.connection-tools>span{align-self:center;margin-top:10px;color:#a392b6}.connection-tools>button{padding:9px 10px;font-size:10px;background:#eee7f8;color:#653a9e;border:0;border-radius:5px;white-space:nowrap}.connection-tools button:disabled{opacity:.4;cursor:not-allowed}.inspector{padding:18px 20px;flex:1;min-height:160px}.inspector-title{display:flex;align-items:start;justify-content:space-between;gap:20px}.inspector h3{margin:0;font-size:12px;font-weight:600}.inspector p{font-size:10px;color:#8d7b9c;line-height:1.6;margin:7px 0 11px}.remove-edge{border:none;background:none;font-size:9px;color:#a38a9e;padding:0;white-space:nowrap}.field-list{display:flex;gap:7px;flex-wrap:wrap}.field-list label,.field-chip{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #e5dbef;border-radius:5px;font-size:10px;background:#faf7fd;color:#77608e}.field-list input{width:12px;height:12px;accent-color:var(--purple);margin:0}.field-list label:has(input:checked){border-color:#c9b0e8;background:#f0e7fc;color:#6737a6}.inspector .upgrade{background:none;border:0;border-bottom:1px solid #bca4d7;padding:0;color:var(--purple);font-size:10px}.estimate{background:#f1ecf8;padding:23px 20px;border-left:1px solid #e1d6ee}.estimate-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.estimate-heading h3{font-size:13px;font-weight:600;margin:0}.estimate-heading>span{font-size:9px;background:#dfd1f2;color:#7845b8;padding:5px 8px;border-radius:20px}.estimate-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:23px}.estimate-price strong{font:500 52px/1.2 Manrope,sans-serif;letter-spacing:-2.6px}.estimate-price>span{font-size:11px;color:#8d7c9f}.estimate-price>span:first-child{width:100%;font-size:10px}#price-breakdown{font-size:10px;color:#8b769e;margin-top:6px}.estimate hr{border:0;border-top:1px solid #ddd1e9;margin:24px 0}.setup-row{display:flex;justify-content:space-between;font-size:11px}.setup-row strong{font-weight:600;color:#6335a3}.standard-price{font-size:9px;color:#9c8aa9;margin-top:6px}#estimate-detail{font-size:10px;line-height:1.8;color:#6d587e;margin-top:24px}.quote-note{font-size:10px;color:#9685a4;margin:18px 0}.estimate .button{width:100%;padding:15px 13px;gap:8px;font-size:11px}.estimate .button:disabled{opacity:.45;cursor:not-allowed;transform:none}.download-button{border:none;background:none;font-size:10px;color:#795397;width:100%;padding:13px 0}.download-button:disabled{opacity:.4;cursor:not-allowed}.no-commitment{font-size:9px;color:#a08cab;text-align:center;margin:0}.builder-footnote{font-size:10px;color:#928b99;margin-top:15px}.plans{padding-top:60px}.plans .section-heading{margin-bottom:28px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan-grid article{padding:35px;border:1px solid #ded8e6;border-radius:12px}.plan-grid article:last-child{background:#eae3f5;border-color:#eae3f5}.plan-grid h3{font-size:20px;font-weight:500;margin:0 0 20px}.plan-price{font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-1.4px}.plan-price span{font:11px 'DM Sans',sans-serif;letter-spacing:0;color:#8f7e9d;margin-left:5px}.plan-grid p{font-size:13px;color:#83738f;max-width:420px}.plan-grid ul{list-style:none;padding:10px 0;font-size:12px;color:#796589;line-height:2}.plan-grid li:before{content:'✓';margin-right:10px;color:var(--purple)}.plan-grid button{border:none;background:none;padding:15px 0 0;font-size:13px;color:var(--purple);display:flex;gap:35px}.plans-note{font-size:11px;color:#8a7a96;margin-top:20px}.contact-banner h2{font-size:90px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#empty-canvas{position:absolute;inset:120px 20px auto;text-align:center;color:#8b769e;font-size:14px;line-height:1.8}#empty-canvas span{font-size:11px}#quote-summary{font:11px/1.7 'DM Sans',sans-serif;white-space:pre-wrap;background:#ece5f5;border-radius:7px;padding:15px;max-height:210px;overflow:auto;color:#725a88}dialog{max-width:580px}button:focus-visible,.node-title:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.library-item[disabled]{opacity:.45;cursor:not-allowed}.no-results{font-size:11px;color:#8f7e9d}.drag-over{box-shadow:inset 0 0 0 2px var(--purple)}
@media(min-width:1250px){.flow-canvas{width:100%;min-width:620px;height:360px}}@media(max-width:1100px){.builder-shell{grid-template-columns:150px minmax(0,1fr) 220px}.library{padding:18px 10px}.estimate{padding:20px 15px}.estimate-price strong{font-size:45px}.intro{gap:40px}.intro-flow{padding:10px 25px}.connection-tools{flex-wrap:wrap}.connection-tools>button{width:100%}.builder-heading h2{font-size:34px}}@media(max-width:850px){.builder-shell{grid-template-columns:150px minmax(0,1fr)}.estimate{grid-column:1/-1;border-left:0;border-top:1px solid #dfd4e9;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.estimate-heading{grid-column:1/-1}.estimate-price{margin:0}.estimate-price strong{font-size:46px}.estimate hr{display:none}#price-breakdown{grid-column:1;margin:0}.setup-row{grid-column:2;grid-row:2;align-self:center}.standard-price{grid-column:2;grid-row:3;margin:0}#estimate-detail{grid-column:1;margin:10px 0}.quote-note{grid-column:2;grid-row:4;margin:10px 0}.estimate .button{grid-column:1;grid-row:5}.download-button{grid-column:2;grid-row:5}.no-commitment{grid-column:1/-1}.intro h1{font-size:54px;letter-spacing:-3px}.intro-flow{padding:5px}.intro p{font-size:14px}.intro{padding-top:25px;padding-bottom:55px}.plan-price{font-size:30px}.plan-price span{display:block;margin:6px 0}.contact-banner h2{font-size:70px}}
@media(max-width:600px){.intro{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:45px}.intro h1{font-size:clamp(41px,11.8vw,61px);letter-spacing:-2.7px}.intro p{font-size:14px}.intro-flow{display:none}.builder-heading{display:block}.builder-heading h2{font-size:31px}.builder-heading p{font-size:12px}.mode-switch{width:fit-content;margin:18px 0}.presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.presets button{text-align:left;line-height:1.6;font-size:9px;padding:9px 10px}.builder-shell{display:flex;flex-direction:column}.library{border-right:0;border-bottom:1px solid #e8e3ec;padding:15px}.library h3{margin-bottom:10px}.search-label input{font-size:11px;padding:9px}#library-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.library-item{margin:0;font-size:10px}.library>p{margin-top:10px;font-size:9px}.library>p br{display:none}.canvas-help{font-size:9px;padding:12px}.flow-canvas{height:300px}.workspace-toolbar{padding:12px;font-size:9px}.connection-tools{flex-wrap:nowrap;padding:12px;gap:5px}.connection-tools>button{width:auto;font-size:9px;padding:9px 6px}.connection-tools select{font-size:9px;padding:8px 3px}.inspector{padding:18px 14px;min-height:140px}.inspector h3{font-size:11px}.estimate{display:block;padding:23px}.estimate-price{margin-top:17px}.estimate-price strong{font-size:54px}.estimate-price>span:first-child{width:auto}.estimate-heading h3{font-size:14px}.estimate hr{display:block;margin:20px 0}.standard-price{margin-top:8px}#estimate-detail{margin:20px 0 0}.quote-note{margin:14px 0 20px}.estimate .button{font-size:12px;padding:16px}.download-button{padding:16px}.builder-footnote{font-size:9px}.plans{padding-top:35px}.plan-grid{grid-template-columns:1fr;gap:16px}.plan-grid article{padding:27px}.plan-price{font-size:33px}.plan-price span{display:inline;font-size:10px;margin-left:5px}.plans .section-heading h2{font-size:35px}.contact-banner h2{font-size:55px;letter-spacing:-3px}.contact-banner h2>span{font-size:70px;right:0;top:12px}.plans-note{font-size:10px}.node-title>span{font-size:12px}.flow-feedback{font-size:10px}}

.undo-button{border:0;border-bottom:1px solid #ba9ed7;background:none;color:var(--purple);font-size:10px;padding:0 2px;margin-left:5px}