/* Motion is attached to a choice, a connection or a reveal. No looping reading or score. */
.builder-mode{--builder-green:#ddebda;--builder-deep:#255739;--builder-ink:#18221a}.builder-mode .site-header{border-bottom:1px solid #c5cbbf}.builder-mode .preview-bar{background:#edf1e8}.builder-play{padding:60px 6% 30px;max-width:1560px;margin:auto}.builder-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.builder-heading h1{font-size:clamp(42px,5.8vw,83px);letter-spacing:-.055em;line-height:1.04;margin:18px 0 0}.builder-heading h1 em{font-style:normal;color:var(--builder-deep)}.builder-heading>p{font-size:14px;line-height:1.8;margin:0 0 5px;max-width:250px}.integration-playground{background:var(--builder-green);border:1px solid #63806a;box-shadow:7px 7px 0 #213e1c12;overflow:hidden;color:var(--builder-ink)}.workflow-picker{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #63806a;background:#f6f7ef}.workflow-picker button{display:grid;grid-template-columns:35px 1fr;gap:4px 10px;align-items:center;border:0;border-right:1px solid #a5b49e;background:none;text-align:left;padding:22px 24px;position:relative;transition:background .25s}.workflow-picker button:last-child{border-right:0}.workflow-picker button>span{grid-row:1/3;font-size:28px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.workflow-picker strong{font-size:16px;font-weight:550;letter-spacing:-.025em}.workflow-picker small{font:8px ui-monospace,monospace;letter-spacing:.04em}.workflow-picker button[aria-pressed=true]{background:var(--builder-deep);color:#f5f6ed}.workflow-picker button:hover>span{transform:rotate(-12deg) translate(2px,-2px)}.workflow-picker button[aria-pressed=true]:after{content:'';position:absolute;bottom:-7px;left:50%;width:12px;height:12px;transform:rotate(45deg);background:var(--builder-deep);z-index:2}.playground-label{display:flex;justify-content:space-between;padding:24px 27px 0;gap:20px;font:9px ui-monospace,monospace;letter-spacing:.05em}.playground-label>span:last-child{opacity:.7}
.flow-board{height:345px;position:relative;margin:5px 25px 0}.flow-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flow-wires path{fill:none;stroke:#91a38d;stroke-width:1.5;stroke-dasharray:4 6}.flow-wires .wire-active{stroke:var(--builder-deep);stroke-width:2;stroke-dasharray:none;opacity:0;transition:opacity .25s}.flow-board[data-phase='1'] .wire-active,.flow-board[data-phase='2'] .wire-active{opacity:1}.signal-dot{position:absolute;left:0;top:0;width:10px;height:10px;background:#28543a;border:2px solid #f5f6ed;border-radius:50%;opacity:0;pointer-events:none;z-index:4}.material-ticket{position:absolute;left:2%;top:55px;width:25%;max-width:260px;min-height:230px;padding:25px 21px 18px;background:#fafbf3;border:1px solid #48634b;box-shadow:7px 8px 0 #58765220;text-align:left;cursor:grab;touch-action:none;z-index:5;transform:rotate(-4deg);transition:box-shadow .2s,rotate .2s,background .2s}.material-ticket:hover,.material-ticket:focus-visible{rotate:2deg;box-shadow:9px 11px 0 #58765230}.material-ticket.dragging{cursor:grabbing;transition:none;rotate:4deg;box-shadow:12px 16px 0 #58765220}.material-ticket>small,.decision-ticket>small{display:block;font:8px/1.6 ui-monospace,monospace;letter-spacing:.06em}.material-ticket>strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.035em;font-weight:550;margin-top:9px}.ticket-corner{position:absolute;right:17px;top:13px;font-size:20px}.ticket-intention{display:block;font-size:11px;line-height:1.5;margin-top:12px;color:#52614c;min-height:32px}.ticket-grab{display:block;font:7px/1.7 ui-monospace,monospace;border-top:1px solid #bac4b2;padding-top:13px;margin-top:16px}.ticket-lines{height:38px;display:flex;gap:4px;align-items:flex-start;flex-direction:column;margin-bottom:12px}.ticket-lines i{display:block;width:52px;height:3px;background:#b5c4aa}.ticket-lines i:nth-child(2){width:40px}.ticket-lines i:nth-child(3){width:30px}.score-socket{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:24%;max-width:236px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #6b886d;outline:8px solid #ddebda;outline-offset:0;background:#cadfc5;transition:background .25s,box-shadow .25s;z-index:3}.score-socket:before,.score-socket:after{content:'';position:absolute;width:8px;height:8px;border:1px solid #6b886d;background:#f5f6ed;top:50%;transform:translateY(-50%)}.score-socket:before{left:-5px}.score-socket:after{right:-5px}.score-socket.drop-ready{background:#f6fbef;box-shadow:0 0 0 5px #255739}.score-socket>strong{font-size:clamp(17px,2.2vw,26px);font-weight:550;letter-spacing:-.05em;margin-top:15px}.score-socket>span:not(.core-cube){font-size:10px;margin-top:5px}.score-socket>small{font:7px ui-monospace,monospace;letter-spacing:.05em;margin-top:20px}.core-cube{display:flex;gap:3px;align-items:center;height:54px;transform:skewY(-12deg);transition:transform .5s}.core-cube i{display:block;width:7px;height:30px;background:#426d49;transition:height .55s cubic-bezier(.2,.8,.2,1)}.core-cube i:nth-child(2n){height:42px}.core-cube i:nth-child(3n){height:54px}.flow-board[data-phase='1'] .core-cube{transform:skewY(12deg)}.flow-board[data-phase='1'] .core-cube i:nth-child(2n){height:24px}.flow-board[data-phase='1'] .core-cube i:nth-child(3n){height:36px}.flow-board[data-phase='2'] .core-cube{transform:skewY(0)}.decision-ticket{position:absolute;right:1%;top:58px;width:25%;max-width:260px;min-height:230px;padding:22px;background:#e5efde;border:1px dashed #82977a;transition:background .4s,transform .45s,box-shadow .45s;transform:rotate(2deg);z-index:2}.decision-ticket>strong{font-size:20px;line-height:1.2;letter-spacing:-.035em;display:block;margin:10px 0 16px;font-weight:500}.decision-ticket>span:last-child{display:block;font-size:11px;line-height:1.6}.choice-mark{font-size:32px;display:block;line-height:1;margin-bottom:18px}.flow-board[data-phase='2'] .decision-ticket{background:#fafbf3;border-style:solid;transform:rotate(-2deg) translateY(-5px);box-shadow:7px 8px 0 #58765220}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0 27px;border-top:1px solid #98ac91;border-bottom:1px solid #98ac91}.flow-steps button{background:none;border:0;padding:15px 8px;text-align:left;font-size:12px;position:relative}.flow-steps button>span{font:9px ui-monospace,monospace;opacity:.65;margin-right:10px}.flow-steps button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;width:90%;height:3px;background:var(--builder-deep)}.flow-explanation{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 27px 10px;min-height:125px}.flow-explanation h2{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:0 0 8px;font-weight:500}.flow-explanation p{font-size:12px;line-height:1.7;margin:0;max-width:560px}.flow-explanation>button{border:1px solid #255739;background:var(--builder-deep);color:#f5f6ed;font-size:11px;padding:14px 18px;min-height:48px;flex-shrink:0;box-shadow:3px 3px 0 #91a38d}.flow-disclosure{font:9px/1.6 ui-monospace,monospace;margin:0!important;padding:15px 27px 24px;color:#52644a}.builder-details{border-bottom:1px solid #c2caba;padding:25px 0}.builder-details summary{list-style:none;display:flex;justify-content:space-between;font-size:13px;cursor:pointer;min-height:30px;align-items:center}.builder-details summary::-webkit-details-marker{display:none}.builder-details summary span{font-size:22px}.builder-details>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:25px;padding-bottom:10px}.builder-details b{font-size:14px;font-weight:550}.builder-details p{font-size:12px;line-height:1.8;margin:10px 0 0;color:#64705d}.builder-details[open] summary span{transform:rotate(45deg)}
.builder-mode .compact-license{padding-top:40px;gap:12%;margin-top:10px}.compact-license h2{font-size:clamp(35px,4vw,53px)}.compact-license>div>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:400px}.license-notes{margin-top:25px;font-size:12px;max-width:360px}.license-notes summary{cursor:pointer;padding:8px 0}.license-notes p{font-size:12px;line-height:1.8;color:#64705d;margin-top:12px}.integration-brief{border:1px solid #a9b89e;padding:30px;background:#f1f4e9;min-width:0}.brief-progress{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font:9px ui-monospace,monospace;margin-bottom:28px}.brief-progress>div{flex-basis:100%;height:3px;background:#d7dfcf}.brief-progress i{display:block;width:25%;height:3px;background:#28543a;transition:width .35s ease}.brief-question label>span{font-size:21px;letter-spacing:-.035em;font-weight:450;line-height:1.2}.brief-question input,.brief-question textarea{background:transparent!important;border:0!important;border-bottom:1px solid #9eaf91!important;padding:16px 0!important;font-size:16px!important;border-radius:0!important}.brief-question{min-height:180px}.brief-controls{display:flex;gap:20px;align-items:center;justify-content:flex-end}.brief-controls button{background:none;border:0;font-size:12px;padding:12px 0;min-height:44px}.brief-controls #brief-back{margin-right:auto}.brief-controls #brief-next,.brief-controls #brief-submit{background:var(--builder-deep);color:#f5f6ed;padding:13px 18px}.brief-privacy{font:9px/1.6 ui-monospace,monospace;color:#617056;margin:24px 0 0}.builder-mode [hidden]{display:none!important}
@media(max-width:1100px){.material-ticket{padding:21px 15px 16px}.decision-ticket{padding:20px 15px}.material-ticket>strong,.decision-ticket>strong{font-size:18px}.score-socket>small{font-size:6px;margin-top:12px}.score-socket>span:not(.core-cube){font-size:9px}.core-cube{height:42px}.core-cube i{width:5px;height:24px}.core-cube i:nth-child(2n){height:33px}.core-cube i:nth-child(3n){height:42px}.flow-explanation{align-items:flex-start;flex-direction:column;gap:16px}.flow-explanation>button{align-self:flex-end}.workflow-picker button{padding:20px 16px;gap:4px 5px;grid-template-columns:28px 1fr}.workflow-picker strong{font-size:14px}}
@media(max-width:760px){.builder-play{padding:35px 5% 15px}.builder-heading{display:block;margin-bottom:28px}.builder-heading h1{font-size:clamp(37px,8.8vw,56px);margin-top:15px}.builder-heading>p{font-size:12px;max-width:none;margin:20px 0 0}.builder-heading>p br{display:none}.workflow-picker button{display:flex;align-items:flex-start;flex-direction:column;padding:14px 10px;gap:8px}.workflow-picker button>span{font-size:23px}.workflow-picker strong{font-size:11px;min-height:28px;line-height:1.3}.workflow-picker small{font-size:6px;line-height:1.5;min-height:18px}.playground-label{padding:20px 16px 0;font-size:8px}.playground-label>span:last-child{font-size:6px;max-width:90px;text-align:right}.flow-board{height:600px;margin:0 12px}.material-ticket{width:78%;max-width:260px;min-height:170px;top:30px;left:50%;transform:translateX(-50%) rotate(-4deg);padding:16px 20px}.ticket-lines{height:23px;margin-bottom:9px;gap:3px}.ticket-lines i{height:2px}.material-ticket>strong{font-size:18px}.ticket-intention{min-height:0;margin-top:8px;font-size:10px}.ticket-grab{margin-top:10px;padding-top:9px;font-size:7px}.score-socket{width:138px;top:51%;max-width:none;aspect-ratio:1}.score-socket:before,.score-socket:after{left:50%;top:auto;transform:translateX(-50%)}.score-socket:before{top:-5px}.score-socket:after{bottom:-5px}.score-socket>strong{font-size:19px;margin-top:8px}.score-socket>span:not(.core-cube){font-size:8px;margin-top:2px}.score-socket>small{font-size:6px;margin-top:12px}.core-cube{height:29px;gap:2px}.core-cube i{width:5px;height:20px}.core-cube i:nth-child(2n){height:24px}.core-cube i:nth-child(3n){height:30px}.flow-board[data-phase='1'] .core-cube i:nth-child(2n){height:18px}.flow-board[data-phase='1'] .core-cube i:nth-child(3n){height:27px}.decision-ticket{left:50%;right:auto;top:418px;width:78%;max-width:260px;min-height:150px;transform:translateX(-50%) rotate(2deg);padding:16px 20px}.flow-board[data-phase='2'] .decision-ticket{transform:translateX(-50%) rotate(-2deg) translateY(-5px)}.choice-mark{position:absolute;top:13px;right:15px;font-size:26px}.decision-ticket>small{padding-right:22px;font-size:7px}.decision-ticket>strong{font-size:20px;max-width:190px;margin:14px 0 12px}.decision-ticket>span:last-child{font-size:10px}.flow-steps{margin:0 16px;gap:10px}.flow-steps button{font-size:10px;line-height:1.4;display:flex;flex-direction:column;gap:7px;padding:13px 0}.flow-steps button>span{font-size:8px}.flow-explanation{padding:22px 16px 5px;gap:18px}.flow-explanation h2{font-size:24px}.flow-explanation p{font-size:11px}.flow-explanation>button{align-self:stretch;font-size:11px}.flow-disclosure{padding:16px;font-size:8px}.builder-details{padding:20px 0}.builder-details summary{font-size:11px;gap:18px}.builder-details>div{grid-template-columns:1fr;gap:20px}.builder-details p{margin-top:6px;font-size:12px}.builder-mode .compact-license{margin:20px 5% 40px;padding:10px 0 0;gap:28px}.compact-license h2{font-size:39px}.compact-license>div>p:not(.eyebrow){font-size:13px}.license-notes{font-size:11px;margin-top:18px}.integration-brief{padding:23px 20px}.brief-question{min-height:165px}.brief-question label>span{font-size:24px}.brief-progress{font-size:8px}.brief-privacy{font-size:8px}}
@media(prefers-reduced-motion:reduce){.builder-mode *,.builder-mode *:before,.builder-mode *:after{animation:none!important;transition:none!important}.material-ticket:hover{rotate:0deg}}