/* functional-preview */
.fx-define,.fx-jobs{--fx-line:#dcd5ca;--fx-muted:#6b655c;--fx-lime:#d7e14f}
.fx-define button,.fx-jobs button{font:inherit;cursor:pointer}
.fx-define button:focus-visible,.fx-jobs button:focus-visible{outline:2px solid #748017;outline-offset:5px}
.fx-define [hidden],.fx-jobs [hidden]{display:none!important}
.fx-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;line-height:1.5;font-weight:400}
.fx-define{padding:90px 0 40px;scroll-margin-top:100px}.fx-define .define-head{margin-bottom:34px}
.fx-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}
.fx-switch{display:flex;gap:4px;padding:4px;background:#e9e3d9;border-radius:40px}
.fx-switch button{border:0;border-radius:30px;background:transparent;padding:10px 20px;font-size:15px;color:#514a40;transition:background .2s}
.fx-switch button[aria-pressed=true]{background:#faf7f0;color:#12140d;box-shadow:0 1px 5px #211c1410}.fx-demo{color:var(--fx-muted)}
.fx-comparison{display:grid;grid-template-columns:1fr 1.75fr;gap:16px}
.fx-passive{border:1px solid var(--fx-line);background:#eae3d9;padding:27px;border-radius:18px;display:flex;flex-direction:column;color:#615b51}
.fx-passive-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:240px}.fx-advice-icon{font-size:75px;line-height:.8;color:#aaa18e}
.fx-passive p{font-size:25px;line-height:1.35;margin:16px 0 24px;max-width:260px}.fx-passive-end{font-size:15px;border-top:1px solid #d5ccbf;padding-top:18px}.fx-passive-chart{width:100%;max-width:240px}
.fx-active{background:#131610;color:#f4f0e9;padding:27px;border-radius:18px;overflow:hidden;position:relative}
.fx-active-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--fx-lime)}.fx-connected{color:#a6af99;font-size:8px;letter-spacing:.6px}.fx-connected i{display:inline-block;width:5px;height:5px;background:var(--fx-lime);border-radius:50%;margin-right:6px;vertical-align:middle}
.fx-steps{list-style:none;padding:0;margin:25px 0;display:flex;counter-reset:step}
.fx-steps li{flex:1;position:relative;border-top:1px solid #414737;padding-top:12px;color:#858d7d;font-family:ui-monospace,monospace;font-size:10px;counter-increment:step;transition:color .35s,border-color .35s}
.fx-steps li::before{content:counter(step,decimal-leading-zero)' ';font-size:8px}.fx-steps li.is-current,.fx-steps li.is-done{color:var(--fx-lime);border-color:var(--fx-lime)}
.fx-workspace{perspective:800px}.fx-event{padding:15px 18px;border:1px solid #3b4132;border-radius:9px;background:#20241b;transform:rotateX(-2deg);transform-origin:bottom}.fx-event .fx-mono{color:#abb59c;font-size:9px}.fx-event p{font-size:18px;line-height:1.4;margin:6px 0 0}
.fx-link{height:24px;width:1px;background:#4b533d;margin:0 auto;position:relative;overflow:hidden}.fx-link span{position:absolute;width:3px;height:10px;background:var(--fx-lime);left:-1px;animation:fx-transfer 1.2s linear infinite}
.fx-output{min-height:112px;padding:16px 18px;border:1px solid #495238;border-radius:9px;background:#272d20;transition:border-color .3s,background .3s}.fx-output .fx-mono{color:var(--fx-lime);font-size:9px}.fx-output p{margin:7px 0 0;font-size:19px;line-height:1.35;text-wrap:pretty}
.fx-active[data-phase="2"] .fx-output{border-color:#a6b23e}.fx-active[data-phase="3"] .fx-output{background:#d7e14f;color:#171c0d;border-color:#d7e14f}.fx-active[data-phase="3"] .fx-output .fx-mono{color:#414c16}.fx-active[data-phase="3"] .fx-link span,.fx-active[data-phase="2"] .fx-link span{animation-play-state:paused}
.fx-action-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding-top:18px}.fx-action-row>span{font-size:12px;color:#b8c0ad}.fx-action-row button{border:0;background:var(--fx-lime);color:#1c210c;border-radius:6px;padding:11px 17px;font-size:14px;white-space:nowrap}.fx-action-row button:disabled{background:#333a29;color:#abb39e;cursor:default}.fx-action-row .fx-replay{background:transparent;color:var(--fx-lime);padding-right:0}
.fx-takeaway{text-align:center;font-size:25px;margin:30px 0 0}.fx-takeaway em{color:#68751a}
.fx-jobs{padding:55px 0 65px;scroll-margin-top:100px}.fx-jobs .jobs-head{margin-bottom:32px}.fx-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.fx-job{border:1px solid var(--fx-line);border-radius:16px;background:#f8f5ee;padding:25px 26px 0;overflow:hidden;min-width:0}
.fx-job-head .fx-mono{color:var(--fx-muted);font-size:9px}.fx-job-head h3{font-weight:400;font-size:30px;line-height:1.2;letter-spacing:-.6px;margin:9px 0 22px}
.fx-machine{height:202px;position:relative;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background-image:radial-gradient(#d4cec3 .65px,transparent .65px);background-size:12px 12px;border-radius:8px}.fx-machine .fx-mono{font-size:8px;letter-spacing:.7px}.fx-small{font-family:inherit;font-size:10px;color:#6b655c;line-height:1.7}.fx-small b{font-weight:400;color:#596719}
.fx-sources{display:flex;justify-content:space-between;padding:0 15px;gap:15px}.fx-sources span{border:1px solid #d5d0c3;border-radius:5px;background:#f8f5ee;padding:10px 13px;font-size:10px;min-width:70px;text-align:center;transition:background .5s,border-color .5s}.fx-wires{display:block;width:100%;height:38px;fill:none;stroke:#b9bca9;stroke-width:1}.fx-job[data-stage="1"] .fx-wires{stroke:#8a9b22;stroke-dasharray:9 7;animation:fx-flow 1s linear infinite}
.fx-brief{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 12px;border:1px solid #c9ceab;border-radius:9px;padding:14px 18px;background:#f4f5e5;opacity:.45;transform:translateY(6px);transition:opacity .6s,transform .6s}.fx-brief strong{display:block;font-size:23px;font-weight:400;letter-spacing:-1px;margin:8px 0 3px}.fx-bars{display:flex;align-items:flex-end;height:65px;gap:5px;width:115px;flex-shrink:0}.fx-bars i{display:block;background:#d4d9b5;flex:1;height:var(--bar);transform:scaleY(.1);transform-origin:bottom;transition:transform .9s}.fx-bars i:last-child{background:#899a2b}
.fx-job[data-stage="2"] .fx-sources span{border-color:#b5bd7c;background:#eff1d9}.fx-job[data-stage="2"] .fx-brief{opacity:1;transform:translateY(0)}.fx-job[data-stage="2"] .fx-bars i{transform:scaleY(1)}
.fx-booking{display:flex;gap:14px;align-items:center;background:#f8f5ee;border:1px solid #d8d1c4;border-radius:9px;padding:16px}.fx-avatar{width:43px;height:43px;border:1px solid #c3c9a1;background:#e9edcf;border-radius:50%;display:grid;place-items:center;font-size:20px}.fx-booking strong{font-weight:400;font-size:17px;display:block;margin:5px 0 2px}.fx-preference{opacity:0;transition:opacity .5s}.fx-tables{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:22px}.fx-tables>.fx-mono{writing-mode:vertical-rl;font-size:7px}.fx-table{height:44px;width:48px;position:relative;display:grid;place-items:center;border:1px solid #c9c1b2;border-radius:9px;background:#f0eade;font-size:12px;transition:transform .5s,background .5s,box-shadow .5s}.fx-table:before,.fx-table:after{content:'';position:absolute;left:12px;right:12px;height:4px;border:1px solid #b9b4a4;border-radius:3px;background:#e6e0d3}.fx-table:before{top:-6px}.fx-table:after{bottom:-6px}.fx-match-check{display:none;position:absolute;right:-5px;top:-8px;border-radius:50%;background:#263117;color:#e1edb7;width:18px;height:18px;text-align:center;line-height:18px;font-size:10px}
.fx-job[data-stage="1"] .fx-preference,.fx-job[data-stage="2"] .fx-preference{opacity:1}.fx-job[data-stage="2"] .fx-table-match{background:#d7e14f;border-color:#93a327;transform:translateY(-3px);box-shadow:0 8px 12px #323c1620}.fx-job[data-stage="2"] .fx-match-check{display:block}
.fx-ledger{border:1px solid #d7d1c6;border-radius:7px;background:#f8f5ee;overflow:hidden;position:relative}.fx-ledger>div:not(.fx-scan){display:grid;grid-template-columns:1fr 1fr 50px;padding:11px 13px;font-size:10px;border-bottom:1px solid #e4dfd4;gap:8px}.fx-ledger>div.fx-ledger-head{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:#716957;background:#eee9df}.fx-ledger .fx-suspect{transition:background .4s}.fx-scan{position:absolute;top:33px;height:2px;background:#94a82d;box-shadow:0 -8px 18px #bec96780;width:100%;opacity:0}.fx-job[data-stage="1"] .fx-scan{opacity:1;animation:fx-scan 1.5s ease-in-out infinite}.fx-alert{display:flex;gap:8px;align-items:center;font-size:10px;margin:14px 0 0;opacity:0;transform:translateY(5px);transition:opacity .5s,transform .5s}.fx-alert>span{display:grid;place-items:center;background:#363f15;color:#e5edb9;width:18px;height:18px;border-radius:50%}.fx-job[data-stage="2"] .fx-suspect{background:#e8edbc}.fx-job[data-stage="2"] .fx-alert{opacity:1;transform:translateY(0)}
.fx-budget-head{display:flex;justify-content:space-between;padding:6px 0 15px}.fx-campaign{display:grid;grid-template-columns:104px 1fr 37px;gap:12px;align-items:center;font-size:10px;margin-bottom:17px}.fx-budget-track{height:16px;background:#e5e0d4;border-radius:3px;overflow:hidden}.fx-budget-track i{display:block;width:64%;height:100%;background:#b7b99d;transition:width 1s}.fx-winner .fx-budget-track i{width:40%;background:#929f33}.fx-budget-note{border:1px solid #d4d5bb;border-radius:7px;background:#f0f1de;display:flex;align-items:center;gap:9px;font-size:10px;padding:13px 12px;opacity:.4;transition:opacity .5s}.fx-budget-arrow{font-size:20px;color:#67791a}.fx-budget-note button{margin-left:auto;font-family:inherit;font-size:10px;background:#d7e14f;border:1px solid #bdc735;border-radius:4px;padding:7px 10px;color:#29300f}.fx-budget-note button:disabled{cursor:default}.fx-job[data-stage="2"] .fx-budget-note,.fx-job[data-stage="3"] .fx-budget-note{opacity:1}.fx-job[data-stage="3"] .fx-campaign .fx-budget-track i{width:38%}.fx-job[data-stage="3"] .fx-winner .fx-budget-track i{width:66%}
.fx-job-bottom{border-top:1px solid #e0dbce;min-height:58px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.fx-job-bottom p{font-size:13px;color:#5e6545;margin:10px 0;line-height:1.4}.fx-job-bottom button{background:transparent;border:0;padding:9px 0 9px 9px;white-space:nowrap;font-size:12px;color:#626c25}.fx-example-note{text-align:center;font-family:ui-monospace,monospace;font-size:10px;color:#6b655c;margin:22px 0 0}
@keyframes fx-transfer{from{transform:translateY(-10px)}to{transform:translateY(30px)}}@keyframes fx-flow{to{stroke-dashoffset:-32}}@keyframes fx-scan{0%{transform:translateY(0)}100%{transform:translateY(95px)}}
@media(max-width:760px){.fx-comparison{grid-template-columns:1fr}.fx-passive{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.fx-passive-body{min-height:0;grid-column:1/-1}.fx-advice-icon{display:none}.fx-passive p{font-size:20px;max-width:none;margin:0}.fx-passive-end{border:0;padding:0;grid-column:2;grid-row:1;text-align:right;font-size:12px}.fx-passive-chart{max-height:45px}.fx-active{padding:22px}.fx-job-grid{grid-template-columns:1fr}.fx-define{padding-top:60px}.fx-takeaway{font-size:22px}.fx-jobs{padding-top:35px}.fx-demo{font-size:8px;max-width:70px;text-align:right}.fx-switch button{padding:9px 13px;font-size:14px}.fx-job-head h3{font-size:28px}.fx-job{padding:22px 20px 0}.fx-machine{height:202px}.fx-sources{padding:0;gap:6px}.fx-sources span{min-width:65px;padding:10px}.fx-brief{margin:0;padding:14px 12px;gap:8px}.fx-brief strong{font-size:21px}.fx-bars{width:78px;gap:4px}.fx-small{font-size:9px}.fx-campaign{grid-template-columns:98px 1fr 30px;gap:8px;font-size:9px}.fx-budget-note{padding:11px 8px;gap:5px;font-size:9px}.fx-budget-note button{padding:7px}.fx-tables{gap:10px}.fx-table{width:44px}.fx-action-row{align-items:flex-start}.fx-action-row>span{font-size:11px;max-width:125px;padding-top:7px}.fx-action-row button{font-size:13px;padding:10px 12px}.fx-event p{font-size:17px}.fx-output p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.fx-define *,.fx-jobs *{animation:none!important;transition:none!important}.fx-link span{display:none}}


/* blender-preview */
/* Scene upgrades only. Text and approvals stay live HTML, above transparent WebGL. */
.fx-job{background:linear-gradient(145deg,#f9f6f0,#eee9de);border-color:#d5d0c5;box-shadow:inset 0 1px 0 #fff8,0 8px 24px -20px #3f482940}
.fx-job-head h3{margin-bottom:12px}.fx-machine{height:305px;overflow:visible}
.bp-model{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s}
.bp-model canvas{display:block;width:100%;height:100%}
.fx-machine.bp-ready{background:none}.fx-machine.bp-ready>:not(.bp-model):not(.bp-labels){display:none}.fx-machine.bp-ready>.bp-model{opacity:1}
.bp-labels{display:none;position:absolute;inset:0;pointer-events:none;z-index:2;font:10px/1.5 ui-monospace,Consolas,monospace;color:#565f43}
.bp-ready .bp-labels{display:block}.bp-labels>span{position:absolute;left:0;top:0;display:inline-block;background:#f8f6eef0;border:1px solid #d5d9c3;border-radius:5px;padding:6px 9px}
.bp-labels .bp-data{top:auto;bottom:0;font-size:12px;color:#1d2512;border-left:2px solid #859a28}
.bp-labels .bp-data b{font-weight:400;color:#637a17}.bp-labels .bp-right{left:auto;right:0}
.bp-labels .bp-budget-action{left:0;right:0;bottom:-4px;top:auto;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;background:#f0f2e3}
.bp-labels button{pointer-events:auto;border:1px solid #bbc733;background:#d7e14f;color:#283412;border-radius:5px;font:11px ui-monospace,monospace;padding:7px 11px}.bp-labels button:disabled{opacity:.65;cursor:default}
.fx-job-bottom{margin-top:22px}.fx-active{box-shadow:inset 0 1px 1px #90997f,0 12px 30px -22px #15200780;border:1px solid #353d2b;background:linear-gradient(130deg,#20271a,#10160e)}
.fx-event{box-shadow:0 8px 12px -10px #000a,inset 0 1px 0 #ffffff13}.fx-output{box-shadow:0 12px 20px -16px #000c,inset 0 1px 0 #ffffff15}
.bp-control{padding:90px 0 80px;scroll-margin-top:90px}.bp-control .control-grid{grid-template-columns:1fr 1fr;gap:55px;align-items:center}.bp-control-copy h2{font-size:clamp(38px,4vw,54px);line-height:1.08;font-weight:400;letter-spacing:-1.5px;margin-bottom:22px}.bp-control-copy .lede{max-width:390px;font-size:19px;line-height:1.55}
.bp-approval-steps{list-style:none;padding:0;counter-reset:ap;display:flex;gap:20px;margin:30px 0 18px}.bp-approval-steps li{counter-increment:ap;font:10px/1.6 ui-monospace,monospace;padding-bottom:12px;border-bottom:2px solid #d1d5bf;color:#6c735e}.bp-approval-steps li::before{content:'0'counter(ap)' ';font-size:8px}.bp-approval-steps li.current,.bp-approval-steps li.complete{border-color:#8da12a;color:#4e621c}.bp-control-note{color:#50632d;font-size:16px;min-height:48px;max-width:360px;line-height:1.5}.bp-sample{color:#6b705e;font-size:9px}
.bp-phone-stage{height:680px;position:relative;isolation:isolate}.bp-phone-stage:before{content:'';position:absolute;bottom:15px;height:28px;left:20%;right:15%;border-radius:50%;background:#33412530;filter:blur(17px);transform:rotate(-7deg);z-index:-1}.bp-phone-stage:after{content:'';position:absolute;inset:10% -10%;background:radial-gradient(ellipse,#d7debe65,transparent 65%);z-index:-2;pointer-events:none}
.bp-phone-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:323px;height:694px;max-width:90%;padding:7px;background:linear-gradient(130deg,#7a806e,#141a11,#515a45);border-radius:43px;scale:.87;box-shadow:15px 22px 30px #2b342725}
.bp-screen{position:relative;display:flex;flex-direction:column;background:#eeeede;width:323px;height:694px;overflow:hidden;border-radius:36px;box-sizing:border-box;color:#21331f;font-family:Arial,sans-serif;pointer-events:auto;text-align:left;}
.bp-screen *{box-sizing:border-box}.bp-status{padding:18px 20px 12px;display:flex;justify-content:space-between;font-size:11px;font-weight:500;min-height:51px;background:#fafaf1}.bp-island{position:absolute;top:12px;left:50%;translate:-50% 0;width:92px;height:23px;background:#101410;border-radius:30px}
.bp-wa-head{display:flex;align-items:center;gap:8px;padding:8px 13px 11px;background:#fafaf1;border-bottom:1px solid #d8decd}.bp-wa-head img{border-radius:50%;height:36px;width:36px}.bp-wa-head strong{font:500 15px/1.3 Arial;display:block}.bp-wa-head div>span{font-size:10px;color:#6e8060}.bp-back{font:32px Arial;color:#667d4d}.bp-call{margin-left:auto;font:27px Arial;color:#667d4d}
.bp-chat{flex:1;min-height:0;padding:15px 13px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(ellipse at 85% 25%,#e2e8cb,transparent 70%);overflow-y:auto}.bp-today{align-self:center;font-size:10px;color:#617052;background:#f6f9ebbb;border-radius:5px;padding:5px 10px}
.bp-bubble{position:relative;padding:12px 13px 25px;background:#fffef6;border-radius:4px 15px 15px;width:93%;box-shadow:0 1px 2px #34412815;font-size:14px;line-height:1.45;flex-shrink:0}.bp-bubble p{margin:5px 0;font:14px/1.5 Arial}.bp-sender{font-size:11px;color:#597445}.bp-bubble dl{margin:10px 0;padding:9px 0;border-top:1px solid #e2e7d5;border-bottom:1px solid #e2e7d5}.bp-bubble dl>div{display:flex;justify-content:space-between;font-size:12px;line-height:1.9}.bp-bubble dt{color:#6a7860}.bp-bubble dd{margin:0}.bp-time{position:absolute;bottom:7px;right:12px;font-size:9px;color:#7b8871}
.bp-decisions{display:flex;gap:7px;margin-top:12px}.bp-decisions button{border:1px solid #c0cf95;background:#dbeaa9;color:#354d22;font:12px Arial;padding:10px 16px;border-radius:7px;cursor:pointer;min-height:38px}.bp-decisions button+button{background:transparent}.bp-decisions button:disabled{opacity:.5;cursor:default}.bp-screen button:focus-visible{outline:2px solid #667d22;outline-offset:3px}
.bp-owner{align-self:flex-end;background:#dbeaba;width:auto;min-width:90px;border-radius:15px 4px 15px}.bp-result{border-left:2px solid #88a73e}.bp-screen [hidden]{display:none!important}.bp-compose{margin:8px 12px 0;padding:10px 12px;border:1px solid #d1d9c2;border-radius:25px;background:#fffef5;font-size:12px;color:#7a8870;text-align:center}.bp-compose button{font:12px Arial;color:#496333;background:none;border:0;width:100%;cursor:pointer;min-height:22px}.bp-home{width:105px;height:4px;background:#20261a;border-radius:4px;margin:12px auto 9px;flex-shrink:0}
.bp-phone-gl,.bp-phone-dom{position:absolute;inset:0;pointer-events:none}.bp-phone-gl{z-index:1}.bp-phone-dom{z-index:2}.bp-phone-dom .bp-screen{box-shadow:none}.bp-phone-stage.bp-loaded>.bp-phone-fallback{display:none}
@media(max-width:760px){.fx-machine{height:285px}.bp-labels{font-size:8px}.bp-labels .bp-data{font-size:10px}.bp-control .control-grid{grid-template-columns:1fr;gap:10px}.bp-control{padding:65px 0 45px}.bp-control-copy h2{font-size:39px}.bp-control-copy .lede{font-size:17px}.bp-phone-stage{height:665px;margin-inline:-8px}.bp-phone-stage:after{inset:0}.bp-approval-steps{gap:16px}.bp-control-note{min-height:30px}.bp-control-copy{padding-bottom:12px}.fx-job{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.bp-model{transition:none}.bp-screen *{animation:none;transition:none}}


/* motion-preview */
/* 1.3x the original .28s message-entry animation. Read timing is scaled in phone.js. */
.live-bubble{animation-duration:.215384615s}
.bp-bubble:not([hidden]){animation:mp-message .215384615s ease-out both}
.fx-job-bottom [data-replay]{display:none!important}
@keyframes mp-message{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.live-bubble,.bp-bubble:not([hidden]){animation:none!important}}
.mp-compare{padding:75px 0 40px;scroll-margin-top:90px}.mp-heading{text-align:center}.mp-heading h2{font-size:clamp(36px,4vw,52px);font-weight:400;letter-spacing:-1.4px;line-height:1.05;margin:12px 0 24px}.mp-heading h2 br{display:none}.mp-heading em{color:#75832b}
.mp-scenarios{display:flex;justify-content:center;gap:4px;margin:0 auto 24px;padding:4px;background:#e9e3d9;border-radius:30px;width:max-content}.mp-scenarios button{font:14px 'Signifier',Georgia,serif;cursor:pointer;border:0;border-radius:30px;padding:10px 20px;background:transparent;color:#5c584d}.mp-scenarios button[aria-pressed=true]{background:#faf7ef;color:#20251a;box-shadow:0 1px 4px #30281815}
.mp-trigger{text-align:center;max-width:570px;margin:auto;border:1px solid #d7d2c7;border-radius:10px;padding:15px 20px;background:#f8f5ee}.mp-kicker{font:9px/1.5 ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase;color:#737467}.mp-trigger p{font-size:21px;line-height:1.3;margin:6px 0 0}
.mp-split{height:30px;display:flex;justify-content:center;position:relative}.mp-split:before{content:'';height:15px;width:1px;background:#b7bba7;position:absolute;top:0}.mp-split span{width:25%;height:15px;border-top:1px solid #b7bba7;margin-top:15px}.mp-split span:first-child{border-left:1px solid #b7bba7;border-radius:8px 0 0}.mp-split span:last-child{border-right:1px solid #b7bba7;border-radius:0 8px 0 0}
.mp-versus{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative}.mp-side{border-radius:15px;overflow:hidden;border:1px solid #d9d2c6;padding:24px 26px 0}.mp-them{background:#eae4da;color:#6d675d}.mp-adonis{background:#192014;color:#f4f3e5;border-color:#3e4930;box-shadow:inset 0 1px 0 #6c7857}
.mp-side-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid #cec7bb;padding-bottom:18px}.mp-side-header h3{font-weight:400;font-size:32px;letter-spacing:-.5px;margin:0;color:#3e4035}.mp-side-header>span{font-size:14px}.mp-adonis .mp-side-header{border-color:#424b36}.mp-adonis h3{color:#d7e14f}.mp-adonis .mp-side-header>span{color:#c0c8b2}
.mp-track{display:flex;align-items:center;gap:9px;margin:22px 0 20px;font:10px ui-monospace,monospace;white-space:nowrap}.mp-track i{height:1px;background:#bbb7ab;flex:1;min-width:8px;position:relative}.mp-track i:after{content:'';width:4px;height:4px;border-top:1px solid currentColor;border-right:1px solid currentColor;rotate:45deg;position:absolute;right:0;top:-2px}.mp-track .mp-dashed{background:none;border-top:1px dashed #a79e8d}.mp-node-manual{color:#736649}.mp-adonis .mp-track{color:#929d81}.mp-adonis .mp-track i{background:#48543a}.mp-adonis .mp-node-input{color:#d7e14f}
.mp-visual{height:122px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative}.mp-visual>p{font-size:21px;line-height:1.3;margin:11px 0 8px;text-wrap:balance}.mp-human-task,.mp-work-status{font:10px/1.5 ui-monospace,monospace;color:#827868}.mp-work-status{color:#acbb95}
.mp-answer-icon{width:47px;height:27px;border:1px solid #aaa393;border-radius:7px;display:flex;gap:4px;align-items:center;justify-content:center;position:relative}.mp-answer-icon:after{content:'';position:absolute;bottom:-5px;left:8px;width:8px;height:8px;border-left:1px solid #aaa393;background:#eae4da;transform:skewY(-35deg)}.mp-answer-icon span{width:3px;height:3px;border-radius:50%;background:#9b978b}
.mp-work-icon{height:28px;width:32px;position:relative;border:1px solid #99af5e;border-radius:4px;transform:rotate(-5deg);transition:transform .4s}.mp-paper-lines{display:block;margin:7px 6px;width:17px;height:2px;background:#a6b574;box-shadow:0 5px #a6b574,0 10px #a6b574}.mp-check{position:absolute;right:-8px;bottom:-3px;width:19px;height:19px;line-height:19px;font:14px/19px Arial;background:#d7e14f;color:#233015;border-radius:50%;opacity:0;scale:.5;transition:opacity .4s,scale .4s}
.mp-finish{display:flex;align-items:center;gap:12px;margin-top:20px;padding:18px 0 20px;border-top:1px solid #cdc7b9}.mp-finish-icon{font:20px/1 Arial;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #b9b19e;color:#8a7b60}.mp-finish strong{display:block;font-weight:400;font-size:24px;line-height:1.2;margin-top:4px}.mp-adonis .mp-finish{border-color:#424b36}.mp-adonis .mp-finish-icon{border-color:#69774b;color:#8e9e6b;transition:background .4s,color .4s}.mp-adonis .mp-kicker{color:#a0ad8d}
.mp-vs{position:absolute;left:50%;top:50%;translate:-50% -50%;width:32px;height:32px;border:1px solid #d4ccbf;border-radius:50%;background:#f4f0e9;display:grid;place-items:center;font:italic 14px Georgia;color:#716b5b;z-index:2}
.mp-compare[data-step="1"] .mp-node-approval,.mp-compare[data-step="2"] .mp-node-approval,.mp-compare[data-step="2"] .mp-node-done{color:#d7e14f}.mp-compare[data-step="1"] .mp-work-icon{transform:rotate(0deg);box-shadow:0 0 0 5px #d7e14f15}.mp-compare[data-step="2"] .mp-work-icon{transform:rotate(0deg)}.mp-compare[data-step="2"] .mp-check{opacity:1;scale:1}.mp-compare[data-step="2"] .mp-adonis .mp-finish-icon{background:#d7e14f;color:#263317;border-color:#d7e14f}
.mp-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;color:#777366;font:9px/1.5 ui-monospace,monospace}.mp-caption button{font:11px/1.5 'Signifier',Georgia,serif;background:none;border:0;color:#687642;padding:8px 0;cursor:pointer}.mp-compare button:focus-visible{outline:2px solid #8a9b39;outline-offset:3px}
@media(max-width:700px){.mp-compare{padding:55px 0 30px}.mp-heading h2 br{display:block}.mp-versus{gap:10px}.mp-side{padding:15px 11px 0;border-radius:10px}.mp-side-header{display:block;padding-bottom:12px;min-height:75px}.mp-side-header h3{font-size:26px}.mp-side-header>span{display:block;font-size:12px;margin-top:5px;line-height:1.3}.mp-track{flex-direction:column;gap:7px;font-size:9px;margin:14px 0;height:96px}.mp-track i{width:1px;min-width:1px;min-height:8px;height:8px;flex:0}.mp-track i:after{rotate:135deg;right:-1px;top:5px}.mp-track .mp-dashed{border-top:0;border-left:1px dashed #a79e8d}.mp-visual{height:143px;justify-content:flex-start;padding-top:6px}.mp-visual>p{font-size:17px;margin-top:13px}.mp-human-task,.mp-work-status{font-size:8px}.mp-finish{gap:6px;align-items:flex-start;padding-top:14px;min-height:106px;margin-top:10px}.mp-finish-icon{width:19px;height:19px;font-size:12px;flex-shrink:0;margin-top:3px}.mp-finish strong{font-size:19px}.mp-finish .mp-kicker{font-size:7px;letter-spacing:.3px}.mp-trigger p{font-size:18px}.mp-trigger{padding:12px}.mp-vs{width:23px;height:23px;font-size:11px;top:48%}.mp-caption{font-size:8px;align-items:flex-start}.mp-caption>span{max-width:230px}.mp-caption button{white-space:nowrap;font-size:10px}.mp-scenarios{margin-bottom:18px}.mp-scenarios button{padding:9px 17px}}
@media(prefers-reduced-motion:reduce){.mp-compare *{animation:none!important;transition:none!important}}


/* final-preview */
.hero .final-hero{grid-template-columns:1.18fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);margin:28px 0 110px}
.hero .final-hero h1{font-size:clamp(58px,6.7vw,96px);line-height:.99;letter-spacing:-3.8px;font-weight:400}
.hero .final-hero h1 .mark{display:inline;background:linear-gradient(transparent 67%,#d7e14f 67%,#d7e14f 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .025em}
.hero-rotator{font-size:clamp(23px,2.1vw,30px);font-style:italic;line-height:1.35;min-height:2.7em;margin:32px 0 18px;color:#474b35}
#hero-rotation{display:inline-block;transition:opacity .18s,transform .18s}#hero-rotation.switching{opacity:0;transform:translateY(7px)}
.final-hero-description{font-size:20px;line-height:1.55;max-width:600px;margin-bottom:28px}
.final-face{appearance:none;border:0;background:transparent;display:block;position:relative;width:100%;aspect-ratio:1;cursor:pointer;padding:0}
.final-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.final-face .closed{opacity:0}.final-face.blinking .open{opacity:0}.final-face.blinking .closed{opacity:1}.final-face:focus-visible{outline:2px solid #7c8830;outline-offset:10px;border-radius:40%}
.final-phone-intro{font-size:18px;line-height:1.6;max-width:430px;color:#615e54;margin:20px 0 28px}.phone-showcase-copy h2{max-width:540px}
.final-compare{padding:90px 0;scroll-margin-top:100px}.final-compare h2{font-size:clamp(36px,4.1vw,58px);font-weight:400;line-height:1.1;letter-spacing:-1.8px;text-align:center;margin:0 0 44px}.final-compare h2 em{color:#7c8527}
.compare-stage{position:relative;background:linear-gradient(90deg,#ebe5dc 0%,#ebe5dc 50%,#e8ebd9 50%,#e8ebd9 100%);border:1px solid #d5d1c3;border-radius:24px;overflow:hidden;padding-top:30px}
.compare-stage:after{content:'';position:absolute;left:50%;top:98px;bottom:24px;width:1px;background:#cdcdbd;pointer-events:none}
.compare-task{display:table;padding:9px 24px;border:1px solid #d2d4c1;border-radius:99px;background:#faf7ef;margin:0 auto 28px;font-size:20px;text-align:center;position:relative;z-index:1}
.compare-heads,.compare-outcomes{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:30px;padding:0 28px}.compare-heads h3{font-size:38px;font-weight:400;letter-spacing:-1px;margin:0 0 10px}.compare-heads p{font-size:16px;color:#656354;margin:0}.compare-heads>div:last-child h3{color:#3e501c}
#compare-model{height:300px;position:relative}#compare-model canvas{display:block;width:100%;height:100%}.compare-outcomes{padding-bottom:30px;align-items:center;min-height:65px}.compare-outcomes p{margin:0;font-size:23px;color:#777061}.compare-outcomes p:last-child{color:#425723}.compare-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#6b705e;font:10px/1.5 ui-monospace,monospace}.compare-foot button{background:none;border:0;color:#526326;font:inherit;cursor:pointer;padding:10px}.compare-fallback{display:flex;justify-content:space-around;padding-top:100px;font-size:30px}
.fx-jobs .jobs-head h2{font-size:clamp(38px,4.8vw,64px)}.bp-labels .social-state{left:50%;transform:translateX(-50%);white-space:nowrap;border:none;background:#f1f2e4;color:#526323;font-size:12px;border-radius:30px;padding:8px 18px}.social-fallback{text-align:center;padding:100px 0;font-size:20px}
.bp-control-copy .lede{max-width:440px}.bp-control-note{margin-top:26px}
.connectors{margin-top:65px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);padding:22px 0;border:0;background:none}
.connectors .conn-track{align-items:center;gap:58px;animation-duration:45s}.conn-track>img{width:130px;height:46px;object-fit:contain;flex:0 0 130px;filter:brightness(0) saturate(100%) invert(27%) sepia(18%) saturate(891%) hue-rotate(35deg) brightness(88%) contrast(88%);opacity:.83}
.conn-track>img[alt="Instagram"],.conn-track>img[alt="TikTok"],.conn-track>img[alt="Deliveroo"],.conn-track>img[alt="UrbanPiper"]{width:65px;flex-basis:65px}
.conn-track>img[src*="instagram"],.conn-track>img[src*="tiktok"],.conn-track>img[src*="deliveroo"],.conn-track>img[src*="urbanpiper"]{width:65px;flex-basis:65px}
.voices-panel>h2{line-height:1.15}
.logostrip-row{flex-wrap:wrap;gap:35px 48px}.logostrip-row img{max-width:125px;max-height:50px;object-fit:contain}.logostrip-row img[src*="sopranos"]{max-height:62px}
@media(max-width:900px){.hero .final-hero{gap:20px;grid-template-columns:1.1fr .9fr}.hero .final-hero h1{font-size:62px;letter-spacing:-2.5px}.final-hero-description{font-size:18px}.hero-ctas{gap:10px}.hero-ctas .btn{padding:14px 19px}}
@media(max-width:600px){.hero .final-hero{grid-template-columns:1fr;gap:14px;margin:15px 0 65px}.hero .final-hero h1{font-size:60px;letter-spacing:-2.7px}.final-face{width:72%;max-width:310px;justify-self:center;grid-row:2;margin-top:10px}.hero-rotator{font-size:23px;margin:25px 0 8px;min-height:1.4em}.final-hero-description{font-size:18px;margin-bottom:24px}.final-phone-intro{font-size:17px}.final-compare{padding:60px 0}.final-compare h2{font-size:35px;letter-spacing:-1.1px;margin-bottom:28px}.compare-stage{border-radius:17px;padding-top:22px}.compare-task{font-size:17px;margin-bottom:24px;padding:8px 16px}.compare-heads,.compare-outcomes{gap:18px;padding-left:12px;padding-right:12px}.compare-heads h3{font-size:26px}.compare-heads p{font-size:13px;line-height:1.5;max-width:135px;margin:auto}.compare-stage:after{top:88px}.compare-outcomes p{font-size:17px;line-height:1.3}#compare-model{height:195px}.compare-foot{font-size:8px;gap:10px}.compare-outcomes{min-height:76px}.connectors .conn-track{gap:35px}.conn-track>img{width:110px;flex-basis:110px;height:38px}.bp-control-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){#hero-rotation{transition:none}.final-face.blinking .open{opacity:1}.final-face.blinking .closed{opacity:0}.compare-foot button{display:none}.conn-track{animation:none!important}}


/* scroll-preview */
/* Match the existing blur-to-clear reveal across the new sections. */
.rv:focus-within{opacity:1;transform:none;filter:none;transition:none}
@media (max-width:760px), (pointer:coarse){
  /* Hidden overflow still supports the demo's programmatic scrollTo, but
     cannot consume the user's vertical swipe. Never use overflow:clip here. */
  .live-chat,.phone-dom3d .live-chat,.bp-screen .bp-chat{
    overflow-y:hidden;
    overflow-x:hidden;
    overscroll-behavior:auto;
    touch-action:pan-y pinch-zoom;
    scrollbar-width:none;
  }
  .phone-film,.phone-dom3d,.live-screen,.bp-phone-stage,.bp-phone-dom,.bp-screen{
    touch-action:pan-y pinch-zoom;
    overscroll-behavior:auto;
  }
}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;filter:none;transition:none}
}


/* content-preview */
/* The changing workflow outcome is a primary part of each animation. */
.fx-job-bottom{min-height:96px;justify-content:flex-start;align-items:center;padding:15px 0;margin-top:20px}
.fx-job-bottom p{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin:0;padding:11px 16px;border:1px solid #c5ce9b;border-radius:24px;background:#e9edcf;color:#35451d;font:600 15px/1.45 Arial,Helvetica,sans-serif;letter-spacing:0;box-shadow:inset 0 1px 0 #ffffff80}
.fx-job-bottom p::before{content:'';width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#7b8b30}
.compare-foot{justify-content:flex-end;margin-top:8px}
.how-head h2{max-width:880px;margin-inline:auto;line-height:1.12;text-wrap:balance}
/* One 72px gap between desktop section contents, shared by adjacent sections. */
@media(min-width:761px){
  :root{--section-half-gap:36px;--section-gap:72px}
  .hero .final-hero{margin-bottom:0}
  .hero .phone-showcase{margin-top:var(--section-gap);padding-bottom:0}
  .hero .logostrip{padding:var(--section-half-gap) 0}
  main>.final-compare,main>.fx-jobs,main>.bp-control,main>.how,main>.voices,main>.pricing,main>.faq,main>.closer{padding-top:var(--section-half-gap);padding-bottom:var(--section-half-gap)}
  .final-compare h2,.fx-jobs .jobs-head,.how-head{margin-bottom:32px}
  .connectors{margin-top:40px;padding-block:16px}
  .foot{padding-top:var(--section-half-gap)}
}
@media(max-width:760px){
  .fx-job-bottom{min-height:104px}
  .fx-job-bottom p{font-size:14px;padding:11px 13px;gap:8px;border-radius:22px}
  .how-head h2{font-size:36px;letter-spacing:-1px}
}


/* faq-preview */
/* The title and CTA occupy separate grid rows. Pinning just the title makes
   it slide over the second row as the accordion scrolls past the viewport. */
.faq-grid>h2{position:static;top:auto;align-self:start}


/* higgsfield-preview */
/* Higgsfield composition translated into real, readable interface elements. */
.hf-stage.compare-stage{padding:26px 0 0;background:linear-gradient(90deg,#eee9df 50%,#e9eddc 50%);border-color:#d5d4c5;border-radius:25px;overflow:hidden}
.hf-stage.compare-stage:after{display:none}
.hf-incident{display:table;margin:0 auto 15px;border:1px solid #d8d7c7;border-radius:30px;background:#faf7ee;padding:10px 19px;font:500 14px/1.4 Arial,sans-serif;color:#444638;box-shadow:0 3px 7px #30302005}
.hf-alert-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aa7852;margin-right:8px;vertical-align:1px}
.hf-lanes{display:grid;grid-template-columns:1fr 1fr}
.hf-lane{min-width:0;padding:8px 26px 28px;position:relative}
.hf-now{border-right:1px solid #ced1bd}
.hf-lane header{text-align:center;margin-bottom:4px}
.hf-lane h3{font-size:39px;letter-spacing:-1px;line-height:1.2;font-weight:400;margin:0 0 8px}
.hf-adonis h3{color:#3e501c}
.hf-lane header p{font-size:18px;margin:0;color:#646754}
.hf-workspace,.hf-agent-workspace{height:372px;position:relative;isolation:isolate}
.hf-workspace{perspective:1000px;max-width:490px;margin:auto}
.hf-window{position:absolute;background:linear-gradient(120deg,#fffdf6,#f5f4eb);border:1px solid #bfc3ae;border-radius:11px;box-shadow:0 2px 0 #fafbef inset,0 4px 0 #d3d6c5,0 5px 0 #a6ad96,0 16px 22px -12px #24331850;overflow:hidden;color:#3b4432;font:12px/1.4 Arial,sans-serif;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .7s,box-shadow .7s;transform-origin:50% 50%}
.hf-chrome{height:31px;display:flex;align-items:center;gap:4px;padding:0 11px;background:#3e4933;color:#f5f4e6;border-bottom:1px solid #263021;box-shadow:0 1px 1px #ffffff60 inset}
.hf-chrome>i{display:block;width:4px;height:4px;background:#b5c292;border-radius:50%}
.hf-chrome>b{margin-left:9px;font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase}
.hf-reviews{top:33px;left:1%;width:66%;height:185px;transform:rotateY(8deg) rotateZ(-4deg);opacity:.7;z-index:1}
.hf-review-content{padding:18px}.hf-review-content>span{display:block;font-size:11px;margin-bottom:8px}.hf-review-content>b{display:block;font-size:20px;letter-spacing:2px;color:#727f4e}.hf-review-content small{font-size:12px;letter-spacing:0;color:#4b533e}.hf-review-content p{margin-top:8px;font-size:11px}
.hf-delivery{top:79px;left:10%;width:77%;height:240px;transform:rotateY(8deg) rotateZ(-2deg);z-index:2}
.hf-sales{top:126px;left:19%;width:78%;height:225px;transform:rotateY(8deg) rotateZ(-1deg);z-index:3}
.hf-window-body{padding:13px 17px}.hf-app-nav{display:flex;gap:18px;font-size:9px;color:#7a806e;border-bottom:1px solid #dfdfd2;padding-bottom:9px;margin-bottom:12px}.hf-app-nav>b{font-weight:600;color:#414d32}
.hf-small-label{font-size:10px;color:#6c745c}
.hf-revenue{display:flex;align-items:center;justify-content:space-between;margin:4px 0 3px}.hf-revenue>strong{font-size:24px;font-weight:500;letter-spacing:-.8px}.hf-revenue>span{font-size:10px;border-radius:20px;padding:4px 8px;background:#ede2d7;color:#8c533b;font-weight:600}
.hf-chart{display:block;width:100%;height:80px;overflow:visible}.hf-grid{stroke:#d6d9cc;stroke-width:.7;fill:none}.hf-plot{stroke:#69764c;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.hf-chart-labels{display:flex;justify-content:space-between;font-size:8px;color:#747b66;margin-top:6px}
.hf-delivery-overview>span{font-size:11px}.hf-delivery-overview>strong{display:block;font-size:28px;font-weight:500;margin-top:5px}.hf-delivery-overview small{font-size:10px;font-weight:400;color:#8c6446;margin-left:10px}
.hf-bars{display:flex;align-items:flex-end;gap:15px;height:73px;margin-top:14px;border-bottom:1px solid #d8dacb}.hf-bars i{display:block;flex:1;background:#b0b998;border-radius:3px 3px 0 0;height:70%}.hf-bars i:nth-child(2){height:85%}.hf-bars i:nth-child(3){height:77%}.hf-bars i:nth-child(4){height:95%}.hf-bars i:nth-child(5){height:62%}.hf-bars i:nth-child(6){height:52%}.hf-bars i:last-child{height:37%;background:#88976a}
.hf-manual-menu{display:none;padding:10px 0}.hf-manual-menu>div,.hf-live-menu>div{display:flex;gap:10px;align-items:center}.hf-manual-menu b,.hf-live-menu b{font-size:12px;font-weight:600}.hf-manual-menu small,.hf-live-menu small{display:block;margin-top:3px;font-size:10px;color:#747d63}.hf-dish-icon{width:32px;height:32px;display:grid;place-items:center;background:#e6e9d4;color:#8a965d;font-size:25px;border:1px solid #d6dbc2;border-radius:8px;flex-shrink:0}
.hf-unavailable{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:11px;color:#8c6446;padding:10px;border:1px solid #dfd8c8;border-radius:7px;background:#f2ebdf}.hf-toggle{display:inline-block;width:29px;height:16px;background:#c5c9b8;border:1px solid #adb49d;border-radius:12px;position:relative;flex:0 0 29px;transition:background .5s,border-color .5s}.hf-toggle:after{content:'';position:absolute;width:10px;height:10px;left:2px;top:2px;background:#fdfcf4;border-radius:50%;box-shadow:0 1px 2px #1b230c25;transition:transform .5s}.hf-manual-menu>p{font-size:10px;margin:9px 0;color:#7b806e;text-align:right}
.hf-cursor{position:absolute;width:24px;height:30px;top:238px;left:77%;filter:drop-shadow(0 3px 2px #24301830);z-index:5;transition:top 1s,left 1s,transform .5s;pointer-events:none}
.hf-stage[data-step="1"] .hf-sales,.hf-stage[data-step="2"] .hf-sales,.hf-stage[data-step="3"] .hf-sales,.hf-stage[data-step="4"] .hf-sales{transform:translate(-72px,-79px) scale(.92) rotateZ(-5deg);opacity:.35;z-index:1}
.hf-stage:not([data-step="0"]) .hf-delivery{transform:translate(15px,31px) rotateY(2deg);z-index:4;box-shadow:0 2px 0 #fffef1 inset,0 4px 0 #d3d6c5,0 5px 0 #a6ad96,0 19px 26px -12px #24331850}
.hf-stage[data-step="1"] .hf-cursor{top:146px;left:71%}
.hf-stage[data-step="2"] .hf-cursor,.hf-stage[data-step="3"] .hf-cursor,.hf-stage[data-step="4"] .hf-cursor{top:258px;left:75%}
.hf-stage:is([data-step="2"],[data-step="3"],[data-step="4"]) .hf-delivery-overview{display:none}
.hf-stage:is([data-step="2"],[data-step="3"],[data-step="4"]) .hf-manual-menu{display:block}
.hf-stage:is([data-step="2"],[data-step="3"],[data-step="4"]) .hf-menu-nav{color:#44572d;font-weight:700;border-bottom:2px solid #91a05c}
.hf-agent-workspace{max-width:490px;margin:auto;font:12px/1.4 Arial,sans-serif;color:#394c2d}
.hf-network{height:173px;position:relative;max-width:440px;margin:auto}.hf-network>svg{position:absolute;width:100%;height:100%;overflow:visible}.hf-network path{fill:none;stroke:#939f77;stroke-width:1}.hf-packet{fill:#9dac46;animation:hf-signal 2.8s infinite}.packet-two{animation-delay:.8s}.packet-three{animation-delay:1.6s}
.hf-platform{position:absolute;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;background:linear-gradient(120deg,#fffef5,#eeefdf);border:1px solid #c6cdb0;border-radius:7px;box-shadow:0 2px 0 #c6cdb0,0 5px 7px #37442310;font-size:14px;line-height:1.1;min-width:75px}.hf-platform>b{font-size:10px;font-weight:500;letter-spacing:.1px}.hf-pos{top:30px;left:2%}.hf-orders{top:30px;right:2%}.hf-stars{top:108px;left:2%}.hf-menu{top:108px;right:2%}
.hf-agent-face{position:absolute;width:113px;height:113px;border-radius:50%;background:radial-gradient(circle,#fbfcee,#dce4b9);border:1px solid #9aa779;left:50%;top:43px;transform:translateX(-50%);box-shadow:0 3px 0 #74845a,0 5px 0 #b5bf94,0 12px 18px #4c5e3430;overflow:hidden}
.hf-agent-face img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain}.hf-face-closed{opacity:0;animation:hf-blink 5.2s infinite}.hf-face-open{animation:hf-open 5.2s infinite}
.hf-message{width:85%;max-width:345px;margin:0 auto;position:relative;background:#f7f9ee;border:1px solid #aebd91;border-radius:13px;box-shadow:0 2px 0 #cad2b7,0 4px 0 #a6b58c,0 14px 22px -10px #3f502d32;overflow:hidden;z-index:2}
.hf-message-header{padding:9px 15px;background:#d9e2c3;border-bottom:1px solid #c1cea9;display:flex;align-items:center;justify-content:space-between}.hf-message-header>strong{font-size:12px;font-weight:600}.hf-message-header>span{font-size:9px;color:#617447}.hf-message-content{padding:14px 16px}.hf-message-content>p{font-size:15px;line-height:1.5;min-height:67px;margin:0;color:#32412b;letter-spacing:-.15px}.hf-decision{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;min-height:32px}.hf-decision>span{font-size:10px;line-height:1.3;color:#68774f;max-width:116px}
.hf-decision button{padding:8px 15px;background:#d8e257;border:1px solid #c2cc40;border-radius:8px;cursor:pointer;color:#293519;font:600 12px/1.2 Arial,sans-serif;box-shadow:0 1px 0 #edf3a5 inset;white-space:nowrap;transition:background .3s,opacity .3s,transform .3s}.hf-decision button:disabled{cursor:default;background:#e6ead7;border-color:#ccd5b7;color:#62774a}.hf-stage[data-step="0"] .hf-decision button{opacity:0;visibility:hidden}.hf-stage[data-step="2"] .hf-decision button{box-shadow:0 0 0 4px #c9d44925,0 1px 0 #edf3a5 inset}.hf-decision button:focus-visible,.hf-controls button:focus-visible{outline:2px solid #617b31;outline-offset:4px}
.hf-live-menu{width:85%;max-width:345px;margin:13px auto 0;padding:10px 13px;display:flex;gap:9px;align-items:center;border:1px solid #c4cdaf;border-radius:10px;background:#f5f7e9;box-shadow:0 2px 0 #c5cdb3,0 6px 12px #40552b0c;transition:border-color .4s,background .4s;position:relative}.hf-live-menu:before{content:'';position:absolute;width:1px;height:13px;background:#9ead81;top:-14px;left:50%}.hf-live-menu>div{flex:1}.hf-live-menu .hf-dish-icon{width:27px;height:27px;font-size:22px}.hf-live-menu>span{font-size:10px;color:#7c7059}.hf-live-menu small{font-size:9px}.hf-live-menu b{font-size:11px}
.hf-stage[data-step="4"] .hf-live-menu{border-color:#a0b178;background:#edf2d8}.hf-stage[data-step="4"] .hf-live-menu>span{color:#46652b;font-weight:700}.hf-stage[data-step="4"] .hf-live-menu .hf-toggle{background:#b9cf66;border-color:#91a844}.hf-stage[data-step="4"] .hf-live-menu .hf-toggle:after{transform:translateX(13px)}
.hf-outcome{margin:13px 0 0;text-align:center;font-size:22px;line-height:1.4;color:#777665;min-height:31px}.hf-adonis .hf-outcome{color:#475f2d}
.hf-controls{gap:8px}.hf-controls button{font-size:11px;color:#5c6945;padding:10px 12px}.hf-controls button:hover{background:#e7ebd9;border-radius:20px}.hf-paused *{animation-play-state:paused!important}
.hf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes hf-signal{0%,100%{opacity:.15}50%{opacity:1}}
@keyframes hf-blink{0%,45%,48%,100%{opacity:0}46%,47%{opacity:1}}
@keyframes hf-open{0%,45%,48%,100%{opacity:1}46%,47%{opacity:0}}
@media(min-width:1200px){.hf-lane{padding-inline:33px}.hf-workspace,.hf-agent-workspace{height:385px}.hf-window-body{padding:15px 19px}.hf-sales{height:235px}.hf-message{margin-top:7px}.hf-network{height:174px}}
@media(max-width:1000px) and (min-width:701px){.hf-lane{padding-inline:17px}.hf-window-body{padding:12px}.hf-revenue>strong{font-size:21px}.hf-message{width:94%}.hf-live-menu{width:94%;padding:9px}.hf-message-content{padding:12px}.hf-message-content>p{font-size:14px}.hf-platform{min-width:62px;padding:7px}.hf-platform>b{font-size:9px}.hf-agent-face{width:99px;height:99px;top:50px}.hf-outcome{font-size:19px}.hf-decision>span{font-size:9px}.hf-decision button{padding:8px 11px}.hf-live-menu>span{font-size:9px}}
@media(max-width:700px){.hf-stage.compare-stage{background:#eee9df;padding-top:21px;border-radius:19px}.hf-incident{font-size:12px;padding:9px 15px;margin-bottom:20px}.hf-lanes{grid-template-columns:1fr}.hf-lane{padding:8px 20px 24px}.hf-now{border:0;border-bottom:1px solid #ced1bd}.hf-adonis{background:#e9eddc;padding-top:24px}.hf-lane h3{font-size:31px}.hf-lane header p{font-size:16px}.hf-workspace,.hf-agent-workspace{height:350px;max-width:430px}.hf-workspace{height:340px}.hf-sales{top:108px;width:79%;left:18%;height:218px}.hf-delivery{top:66px;width:78%;height:229px}.hf-reviews{top:25px;height:166px}.hf-window-body{padding:12px}.hf-app-nav{gap:17px;font-size:9px}.hf-revenue>strong{font-size:22px}.hf-chart{height:77px}.hf-outcome{font-size:20px;margin-top:10px}.hf-message,.hf-live-menu{width:93%;max-width:335px}.hf-message-content>p{font-size:14px;min-height:61px}.hf-network{height:162px}.hf-message-content{padding:12px 14px}.hf-agent-face{top:38px;width:106px;height:106px}.hf-stars,.hf-menu{top:102px}.hf-live-menu{margin-top:13px}.hf-stage[data-step="0"] .hf-cursor{top:236px;left:78%}.hf-stage:not([data-step="0"]) .hf-delivery{transform:translate(9px,27px)}.hf-stage:is([data-step="2"],[data-step="3"],[data-step="4"]) .hf-cursor{top:235px;left:77%}.hf-live-menu>span{font-size:9px}.hf-now header{display:flex;justify-content:space-between;align-items:baseline;padding-inline:4px}.hf-adonis header{display:flex;justify-content:space-between;align-items:baseline;padding-inline:4px}.hf-controls button{font-size:11px}}
@media(max-width:360px){.hf-lane{padding-inline:12px}.hf-platform{min-width:62px;padding:6px}.hf-message-content>p{font-size:13px}.hf-revenue>strong{font-size:20px}.hf-lane h3{font-size:29px}.hf-lane header p{font-size:14px}.hf-live-menu{gap:6px}.hf-decision>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hf-stage *{animation:none!important;transition:none!important}.hf-face-closed{opacity:0}.hf-face-open{opacity:1}.hf-controls{display:none}.hf-cursor{display:none}}
/* Keep complete message/menu stacks clear of the outcome caption at every width. */
.hf-workspace,.hf-agent-workspace{height:440px}
.hf-reviews{opacity:1;filter:brightness(.98)}
.hf-stage:not([data-step="0"]) .hf-sales{opacity:1;filter:brightness(.94) saturate(.6)}
@media(max-width:700px){.hf-workspace{height:340px}.hf-agent-workspace{height:416px}}


/* hero-preview */
.hero .final-hero{grid-template-columns:1fr;max-width:980px;margin-inline:auto;text-align:center;gap:0}
.hero .final-hero h1{font-size:clamp(56px,6.5vw,88px);line-height:1.05;letter-spacing:-3px}
.hero .final-hero .final-hero-description{max-width:700px;margin-inline:auto}
.hero .final-hero .hero-ctas{justify-content:center}
.hero .final-hero .hero-rotator{min-height:1.4em;margin:25px 0 20px}
@media(max-width:600px){.hero .final-hero h1{font-size:clamp(43px,11.8vw,60px);letter-spacing:-1.8px}.hero .final-hero .hero-ctas{gap:10px}.hero .final-hero .hero-rotator{margin:22px 0 16px}}


/* polish-preview */
:root{--brand-lime:#d7e14f;--green:var(--brand-lime);--green-deep:var(--brand-lime)}
/* One heading treatment: ink on paper, cream on dark, the same lime underline. */
body h2 em{color:inherit!important;text-decoration-line:underline;text-decoration-color:var(--brand-lime);text-decoration-thickness:.055em;text-underline-offset:.13em;text-decoration-skip-ink:none}
body .hf-lane h3{color:var(--black)}
.hf-stage.compare-stage{padding-top:25px}
.with-wordmark{display:flex;justify-content:center;align-items:baseline;gap:12px}
.with-wordmark img{width:140px;height:auto;display:block;align-self:center;filter:brightness(0)}
.hf-lane header h3{min-height:47px}
body .hf-decision button:not(:disabled),body .bp-approve,body #bp-yes,body .fx-approve,body .submit-btn{background:var(--brand-lime);border-color:var(--brand-lime);color:var(--black)}
body .hf-stage[data-step="2"] .hf-decision button{box-shadow:0 0 0 4px #d7e14f30}
body .hf-packet{fill:var(--brand-lime)}
/* Prevent the floating mascot from appearing in the opening section. */
body #launcher:not(.show),body #launcher.hide{opacity:0;visibility:hidden;pointer-events:none;transform:scale(0)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.close-panel h2{margin-bottom:30px}
.waitlist-form .field{gap:0}
.waitlist-form input::placeholder{color:#6b6560}
@media(max-width:700px){.with-wordmark{gap:9px}.with-wordmark img{width:110px}.hf-lane header h3{min-height:38px}.hf-stage.compare-stage{padding-top:17px}}


/* phone-nav-preview */
.mobile-scene-controls{display:none}
@media(max-width:760px){
  .phone-showcase .phone-showcase-copy{display:block;width:100%;order:0}
  .phone-showcase .phone-showcase-copy>.eyebrow,.phone-showcase .film-nav{display:none}
  .phone-showcase .phone-showcase-copy h2{margin-bottom:16px}
  .phone-showcase .final-phone-intro{margin:0 0 22px;max-width:34ch;font-size:17px;line-height:1.5}
  .phone-showcase .phone-film-column{order:1}
  .mobile-scene-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:4px;align-items:center;width:100%;max-width:390px;margin:0 auto 6px;padding:5px 0;border-block:1px solid #3e43252b;color:#25291d}
  .mobile-scene-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:inherit;border-radius:50%;cursor:pointer;font:24px/1 Arial,sans-serif}
  .mobile-scene-controls button:active{background:var(--brand-lime)}
  .mobile-scene-controls button:focus-visible{outline:2px solid #53612d;outline-offset:1px}
  .mobile-scene-controls #scene-play{font-size:16px;border-left:1px solid #3e43252b;border-radius:0}
  .mobile-scene-label{font:600 14px/1.4 Arial,sans-serif;text-align:center;white-space:nowrap}
  .mobile-scene-label small{font-size:11px;font-weight:400;color:#626752;margin-left:5px}
  .phone-showcase #phone-film{margin-top:0;padding-top:0}
  .phone-showcase .live-chat{overflow:hidden;overscroll-behavior:auto;touch-action:pan-y pinch-zoom}
  .phone-showcase .live-bubble{font-size:14px;line-height:1.4;padding:10px 11px 22px}
  .phone-showcase .live-bubble p{font-family:Arial,Helvetica,sans-serif}
  .phone-showcase #live-messages{gap:9px}
}
@media(max-width:360px){.mobile-scene-label{font-size:12px}.mobile-scene-label small{font-size:10px;margin-left:3px}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.mobile-scene-controls{grid-template-columns:44px minmax(0,1fr) 44px}.mobile-scene-controls #scene-play{display:none}}


/* character-preview */
.with-wordmark .with-label{font-size:18px;letter-spacing:-.2px;line-height:1.2}
body .with-wordmark{gap:8px;align-items:center}
.character-surface{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
[data-character="original"] .character-surface{visibility:hidden}
[data-character="3d"] .character-ready>img{visibility:hidden}
body[data-character="3d"] .hf-agent-face.character-ready{background:transparent;border:0;box-shadow:none;overflow:visible;width:136px;height:136px;top:25px}
body[data-character="3d"] #launcher.character-ready{width:92px;height:92px;background:transparent;border:0;box-shadow:none;overflow:visible}
body[data-character="3d"] #chat-avatar.character-ready{width:78px;height:78px;border-radius:0;overflow:visible}
.character-review{position:fixed;z-index:60;left:16px;bottom:16px;width:244px;padding:12px;background:#faf7f0f5;border:1px solid #cecebc;border-radius:15px;box-shadow:0 8px 26px #242b1920;color:#343b28;font:12px/1.4 Arial,sans-serif}
.review-label{display:block;font:9px/1.4 ui-monospace,monospace;letter-spacing:.1em;margin-bottom:8px;color:#687057}
.character-options{display:flex;gap:5px;align-items:center}
.character-options button,.motion-demo{border:0;border-radius:7px;background:transparent;color:#343b28;font:12px/1.3 Arial,sans-serif;min-height:36px;padding:8px 12px;cursor:pointer}
.character-options button[aria-pressed="true"]{background:var(--brand-lime);font-weight:600}
.character-options button:focus-visible,.motion-demo:focus-visible{outline:2px solid #48542e;outline-offset:2px}
.motion-demo{padding:8px 0 0;min-height:32px}
.character-load-status{display:block;font-size:10px;color:#676d5c;margin-top:4px}
.character-chat-tools{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 12px!important;text-align:left;font:10px/1.4 Arial,sans-serif!important}
.character-chat-tools .character-options button{font-size:11px;padding:7px 9px}
.motion-demo-note{font:11px/1.4 Arial,sans-serif;text-align:center;color:#747962;margin:12px 0}
@media(max-width:700px){
 .with-wordmark .with-label{font-size:14px}
 body[data-character="3d"] .hf-agent-face.character-ready{width:128px;height:128px;top:27px}
 body[data-character="3d"] #launcher.character-ready{width:80px;height:80px;right:14px;bottom:14px}
 .character-review{left:10px;bottom:10px;width:232px;padding:10px}
 body.character-chat-open>.character-review{display:none}
 #chat-root{right:12px;bottom:12px;width:calc(100vw - 24px);height:min(650px,calc(100dvh - 24px))}
 .character-chat-tools .character-options button{min-height:40px}
}


/* character-team-preview */
body #launcher{overflow:visible}
body #launcher::after{display:none}
#launcher:focus-visible{outline:2px solid #48542e;outline-offset:5px}

/* Keep the approval phone and its fallback inside narrow viewports. */
.bp-phone-stage{overflow:clip}
.bp-phone-fallback>.bp-screen{width:100%;height:100%}