:root{--ink:#171a2b;--mute:#7e8497;--purple:#645ce1;--purple-dark:#5149cc;--bg:#f7f8fc;--line:#e9ebf2;--border:#e5e8f0;--white:#fff;--shadow:0 9px 32px rgba(45,47,101,.03);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9f9bf1;outline-offset:2px}.layout{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid var(--line);width:249px;flex:none;padding:28px 17px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;margin:0 8px 48px}.brand-icon{position:relative;width:40px;height:40px;border-radius:13px;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:800;font-size:25px;box-shadow:0 6px 14px #605ae532}.brand-dot{position:absolute;width:9px;height:9px;background:#a6efd8;bottom:7px;right:7px;border-radius:50%}.brand-type{display:flex;flex-direction:column;gap:1px}.brand-type strong{font-size:19px;font-weight:790;letter-spacing:-.8px}.brand-type small{font-size:9px;font-weight:800;letter-spacing:2.2px;color:#989bad}.workspace-title{color:#a0a4b5;font-size:10px;letter-spacing:1.4px;font-weight:800;margin:0 14px 12px}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;gap:12px;align-items:center;padding:12px 12px;border-radius:9px;font-size:13px;font-weight:620;color:#6f7488;transition:background .2s}.nav-link:hover{background:#f5f5fb}.nav-link.active{background:#f0efff;color:var(--purple);font-weight:750}.nav-symbol{font-size:18px;width:22px;text-align:center}.nav-count{margin-left:auto;background:#eeeefa;border-radius:6px;padding:2px 7px;color:#5952b3;font-size:11px}.side-spacer{flex:1}.side-help{padding:20px 18px;border-radius:14px;background:linear-gradient(130deg,#f5f4ff,#eeeefe);border:1px solid #ebe8ff}.side-help-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e3e0ff;color:#5e58c9;font-size:18px;margin-bottom:12px}.side-help strong{display:block;font-size:13px;line-height:1.45}.side-help p{font-size:11px;color:#81849c;line-height:1.75}.side-help a{font-size:12px;font-weight:760;color:var(--purple)}.side-foot{margin:20px 4px 0;color:#aaaebb;font-size:10px}.main{flex:1;min-width:0}.topbar{height:78px;background:rgba(255,255,255,.78);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 44px}.breadcrumb{font-size:12px;color:#979cb1}.breadcrumb span{padding:0 8px;color:#c3c7d2}.breadcrumb b{font-weight:730;color:#393f55}.top-actions{display:flex;align-items:center;gap:27px}.text-link{font-size:12px;color:#6d7286;font-weight:600}.text-link:hover{color:var(--purple)}.env-status{display:flex;align-items:center;gap:7px;background:#f2fbf7;border:1px solid #e0f1e8;border-radius:25px;padding:8px 12px;color:#378561;font-weight:740;font-size:11px}.env-status i,.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#43bb81}.content{max-width:1280px;margin:auto;padding:34px 44px 27px}.intro{display:flex;justify-content:space-between;min-height:207px;align-items:center;padding:2px 16px 24px 2px;overflow:hidden}.eyebrow{color:var(--purple);font-size:10px;font-weight:820;letter-spacing:2px}.sparkle{font-size:16px;padding-right:5px}.intro h1{font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-1.7px;margin:12px 0 14px;font-weight:800}.intro h1 em{font-style:normal;color:var(--purple)}.intro p{max-width:630px;color:#80859a;font-size:13px;line-height:1.85;margin:0}.intro-art{width:290px;height:170px;position:relative;flex:none;margin-right:15px}.art-card{position:absolute;background:#fff;box-shadow:0 16px 40px #645ce21a;border:1px solid #ebebf8;border-radius:13px}.art-back{width:167px;height:122px;right:11px;top:0;transform:rotate(9deg);padding:20px}.art-back span{display:block;background:#f2f0ff;height:10px;margin:13px 0;border-radius:8px}.art-back span:nth-child(2){width:75%}.art-back span:nth-child(3){width:58%}.art-front{width:205px;height:170px;left:13px;top:16px;transform:rotate(-5deg);padding:16px}.art-top{display:flex;justify-content:space-between;color:#827bdc;font-size:9px}.art-top i{display:block;width:12px;height:12px;background:#e8e5ff;border-radius:3px}.art-label{background:#e5e6f3;border-radius:4px;height:7px;width:74%;margin:16px 0}.art-choice{display:flex;align-items:center;gap:9px;margin:9px 0;font-size:10px;color:#666aad}.art-choice i{width:11px;height:11px;border:2px solid var(--purple);border-radius:50%}.art-choice span{height:6px;background:#dddafc;border-radius:3px}.art-choice b{font-size:9px}.art-graph{height:35px;display:flex;gap:8px;align-items:end;margin:5px 0}.art-graph span{background:linear-gradient(180deg,#837aee,#c2bdff);width:14px;border-radius:3px 3px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat{border:1px solid var(--line);background:white;border-radius:13px;padding:20px 22px;box-shadow:var(--shadow)}.stat-header{display:flex;justify-content:space-between;align-items:center;color:#8489a0;font-size:12px;font-weight:630}.stat-icon{display:grid;place-items:center;border-radius:9px;width:32px;height:32px;font-size:19px}.stat-icon.violet{color:#655cdf;background:#f0efff}.stat-icon.blue{color:#4f96e0;background:#ebf5ff}.stat-icon.peach{color:#e5a25a;background:#fff5ea}.stat-main{display:flex;align-items:baseline;gap:10px;margin-top:4px}.stat-main strong{font-size:30px;font-weight:800;letter-spacing:-1px}.stat-main .stat-text{font-size:18px;letter-spacing:-.4px}.stat-main small{font-size:10px;color:#a1a5b5}.section-header{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:34px 0 14px;scroll-margin-top:26px}.section-kicker{color:#a2a5b7;letter-spacing:1.5px;font-size:10px;font-weight:840}.section-header h2{font-size:20px;letter-spacing:-.6px;margin:7px 0 4px}.section-header p{font-size:12px;color:#9296aa;margin:0;line-height:1.7}.soft-link{font-weight:760;color:var(--purple);font-size:12px;white-space:nowrap;padding-bottom:7px}.card{border:1px solid var(--border);background:var(--white);border-radius:14px;box-shadow:var(--shadow)}.connect-card{padding:26px;position:relative;overflow:hidden}.card-ornament{position:absolute;right:29px;top:17px;font-size:28px;color:#eae7ff}.connect-card label,.field label,.demo-setup label{display:block;font-weight:730;color:#44495b;font-size:12px;margin-bottom:11px}.input-row{display:flex;gap:11px;position:relative}.input-wrap{display:flex;align-items:center;flex:1;position:relative;min-width:0}.input-prefix{position:absolute;left:16px;color:#a4a7bc}.input-wrap input{padding-left:42px!important}input[type=url],input[type=text],input[type=number]{background:#fff;border:1px solid #dde1eb;border-radius:9px;min-height:43px;outline:none;padding:11px 13px;font-size:12px;width:100%;color:#292d40;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#968eee;box-shadow:0 0 0 3px #645ce214}input::placeholder{color:#b5b8c6}.btn{border:0;border-radius:9px;min-height:43px;padding:0 18px;font-size:12px;font-weight:760;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:9px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn-dark{background:#22253a;color:#fff}.btn-dark:hover{background:#323851}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 6px 14px #645ce221}.btn-primary:hover{background:var(--purple-dark)}.btn-quiet{background:#f5f5fb;color:#62667c}.btn-outline{border:1px solid #e3e4ef;background:#fff;color:#686e88}.hint-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#989cac;margin-top:13px;min-height:17px}.dot-neutral{background:#c4c6d2}.dot-green{background:#43bb81}.inline-action{border:0;background:transparent;color:var(--purple);margin-left:auto;font-size:11px;font-weight:760}.form-card{padding:25px 26px 23px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.google-mini{font-size:19px;font-weight:760;letter-spacing:-.5px}.google-mini b{font-size:13px;color:#64687a;letter-spacing:0}.chip{display:flex;gap:7px;align-items:center;border:1px solid #e8edf0;border-radius:6px;padding:6px 9px;color:#737d87;font-size:10px}.fields{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:19px}.field-wide{grid-column:span 2}.required{color:#e9547c}.optional{color:#a1a5b7;font-weight:500}.field small{display:block;color:#a2a5b4;font-size:10px;margin-top:8px}.input-number{position:relative}.input-number input{padding-right:45px}.input-number span{position:absolute;right:14px;top:14px;font-size:10px;color:#9499a9}.form-actions{display:flex;align-items:center;gap:10px;margin-top:25px;flex-wrap:wrap}.form-actions .btn-primary{min-width:187px}.form-actions p{margin:0 0 0 auto;color:#a0a4b4;font-size:10px}.saved-head{margin-top:36px}.saved-head h2{display:flex;align-items:center;gap:10px}.count-pill{font-size:11px;background:#ededfc;color:#635bdd;padding:4px 9px;border-radius:6px;letter-spacing:0}.saved-card{min-height:122px;overflow:hidden}.empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px 20px;text-align:center;gap:8px;color:#9ca1b1}.empty-symbol{font-size:24px;color:#b8b1ea}.empty-state strong{font-size:12px;color:#777e96}.empty-state p{font-size:11px;margin:0}.saved-item{display:flex;gap:14px;padding:16px 22px;align-items:center;border-bottom:1px solid #f0f1f5}.saved-item:last-child{border-bottom:0}.saved-item-symbol{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#f2f0ff;color:#695fd2;font-weight:800}.saved-item-body{min-width:0;flex:1}.saved-item-body strong{display:block;font-size:12px;margin-bottom:5px}.saved-item-body small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9a9fb0;font-size:10px}.saved-item-actions{display:flex;gap:7px}.mini-btn{padding:9px 11px;border-radius:8px;border:1px solid #e5e7f0;background:#fff;color:#696d80;font-size:11px;font-weight:700}.mini-btn.primary{border-color:#e1ddfa;background:#f3f0ff;color:#6059c6}.mini-btn.delete{color:#c35c6d}.demo-card{padding:25px 28px}.demo-setup{display:grid;grid-template-columns:1fr 260px;gap:60px;align-items:center}.demo-slider-header{display:flex;gap:12px;align-items:center;color:#848aa0;font-size:13px}.demo-slider-header strong{color:#615add}input[type=range]{width:100%;accent-color:#645ce1;margin:20px 0 9px}.demo-note{color:#a0a4b5;font-size:10px;line-height:1.65;margin:0}.demo-result{display:flex;align-items:center;gap:18px;justify-content:flex-end;position:relative;padding-bottom:17px}.demo-count{display:grid;gap:2px;text-align:center}.demo-count strong{font-size:26px;color:#5f58d4}.demo-count span{font-size:10px;color:#9b9faf}.demo-separator{height:35px;width:1px;background:#e4e6ee}.demo-result small{position:absolute;bottom:0;right:5px;color:#a5a8b5;font-size:9px}.footer{display:flex;justify-content:space-between;gap:10px;padding:31px 0 6px;color:#a6aabc;font-size:10px}.footer div{display:flex;gap:17px}.footer a:hover{color:var(--purple)}.toast{position:fixed;bottom:27px;right:27px;max-width:420px;padding:13px 18px;background:#24263b;color:white;border-radius:10px;box-shadow:0 12px 38px #1c23453b;font-size:12px;line-height:1.55;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;z-index:5}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#a83355}.doc-shell{max-width:900px;margin:65px auto;padding:0 24px 70px}.doc-back{display:inline-flex;margin-bottom:22px;font-size:12px;color:#6760d5;font-weight:700}.doc-head{font-size:36px;letter-spacing:-1.2px;margin:8px 0}.doc-sub{color:#7d8396;line-height:1.7;font-size:14px}.doc-card{background:white;border:1px solid var(--border);border-radius:15px;padding:27px 32px;margin:20px 0}.doc-card h2{margin-top:0;font-size:19px}.doc-card p,.doc-card li{font-size:13px;line-height:1.85;color:#6d7486}.doc-card li{margin:6px 0}.doc-card code{background:#f5f5fa;border-radius:4px;padding:3px 5px;color:#5d56bf}.doc-note{padding:15px;background:#f4f2ff;border-left:3px solid #625cdc;border-radius:7px;font-size:12px;color:#5c5c86;line-height:1.8}#connection,#forms,#demo{scroll-margin-top:25px}@media(max-width:1100px){.content{padding:30px}.topbar{padding:0 30px}.intro-art{width:220px;transform:scale(.85);transform-origin:right}.demo-setup{gap:15px}}@media(max-width:830px){.sidebar{width:70px;padding:23px 10px}.brand{margin:0 auto 39px}.brand-type,.workspace-title,.nav-link:not(.active) .nav-count,.side-help,.side-foot{display:none}.sidebar .nav-link{font-size:0;justify-content:center;padding:12px}.nav-symbol{font-size:23px}.content{padding:26px 23px}.topbar{height:66px;padding:0 22px}.intro-art{display:none}.intro{min-height:155px}.stat{padding:16px}.stat-main{flex-direction:column;gap:4px}.stat-main strong{font-size:24px}}@media(max-width:600px){.sidebar{width:0;display:none}.content{padding:23px 16px}.topbar{padding:0 18px;height:60px}.top-actions .text-link{display:none}.intro{padding-bottom:18px}.intro h1{font-size:30px}.intro p{font-size:12px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat:nth-child(3){grid-column:1/-1}.section-header{align-items:start;margin:25px 0 12px;flex-direction:column;gap:9px}.section-header h2{font-size:19px}.connect-card,.form-card{padding:19px}.input-row{flex-direction:column}.input-row .btn{width:100%}.fields{grid-template-columns:1fr;gap:15px}.field-wide{grid-column:span 1}.form-actions{align-items:stretch}.form-actions button{flex:1}.form-actions p{flex-basis:100%;margin:0;text-align:center}.saved-item{padding:15px;flex-wrap:wrap}.saved-item-actions{width:100%;justify-content:flex-end}.demo-setup{grid-template-columns:1fr;gap:20px}.demo-result{justify-content:center}.demo-result small{right:50%;transform:translateX(50%);white-space:nowrap}.footer{flex-direction:column}.doc-shell{margin:30px auto}.doc-head{font-size:30px}.doc-card{padding:20px}}

/* FormFlow Shared — quick start steps */
.shared-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.shared-steps>div{background:#f8f9fd;border:1px solid #e9ebf3;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:7px}
.shared-steps b{color:#625add;font-size:12px;font-weight:800;letter-spacing:.06em}
.shared-steps strong{font-size:14px;color:#262637}
.shared-steps small{font-size:12px;color:#6c7083;line-height:1.5}
button:disabled{cursor:not-allowed;opacity:.55}
@media (max-width:640px){.shared-steps{grid-template-columns:1fr}}