:root{color:#243943;font-synthesis:none;background:#dce7eb;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;cursor:pointer;outline-offset:6px;-webkit-tap-highlight-color:transparent}#world{z-index:0;position:fixed;inset:0}#world canvas{width:100%;height:100%;display:block}#story{pointer-events:none;position:relative}.chapter{height:100vh}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.route-picker{z-index:5;scrollbar-width:thin;scrollbar-color:#9eb4bf transparent;overscroll-behavior-x:contain;gap:8px;padding:6px 2px 10px;display:flex;position:fixed;bottom:32px;left:calc(96px + clamp(340px,30vw,520px));right:36px;overflow-x:auto}.route-pill{white-space:nowrap;color:#405660;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e3edf0e8;border:1px solid #acbfc8;border-radius:24px;flex:none;padding:13px 17px;font-size:11px;transition:background .18s,color .18s,border-color .18s}.route-pill:hover{background:#f2f6f8;border-color:#7f9ba8}.route-pill[aria-pressed=true]{color:#fff;background:#2d424c;border-color:#2d424c}.route-pill:focus-visible{outline-offset:-4px;outline:2px solid #d96745}.flow-panel{z-index:4;isolation:isolate;width:clamp(370px,34vw,535px);position:fixed;bottom:116px;left:38px}.flow-panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#dce7ebf2 0%,#dce7ebdf 72%,#dce7eb00 100%);position:absolute;inset:-25px -45px -25px -38px;-webkit-mask-image:linear-gradient(#0000,#000 12% 86%,#0000);mask-image:linear-gradient(#0000,#000 12% 86%,#0000)}.chapter-nav{flex-direction:column;gap:8px;display:flex}.step-button{color:#192733;text-align:left;background:0 0;border:0;grid-template-columns:64px 1fr;align-items:center;column-gap:27px;width:100%;min-height:48px;padding:0;display:grid}.step-number{font-variant-numeric:tabular-nums;place-items:center;width:64px;height:48px;font-size:16px;font-weight:500;display:grid}.step-title{font-size:16px;font-weight:550;line-height:1.3}.is-active .step-number{background:#fbfcfd;border-radius:17px;height:64px;font-size:19px}.is-active .step-title{letter-spacing:-.025em;font-size:29px;font-weight:550;line-height:1.15}.step-button:hover .step-title{color:#a94a32}.step-button:focus-visible{border-radius:12px;outline:2px solid #68828f}.step-detail{grid-template-columns:64px 1fr;column-gap:27px;margin:22px 0 19px;display:grid}.step-detail p{color:#596574;max-width:420px;margin:0;font-size:18px;font-weight:400;line-height:1.5}.step-progress{background:#aeb9c3;border-radius:2px;place-self:stretch center;width:2px;min-height:82px;overflow:hidden}.step-progress i{background:#192733;border-radius:2px;width:100%;height:0;display:block}.route-picker{bottom:24px;left:48px;right:36px}.webgl-error{text-align:center;z-index:5;background:#fff;padding:30px;position:fixed;inset:35% 20% auto}.webgl-error[hidden]{display:none}@media (width<=1000px){.flow-panel{width:390px;bottom:108px;left:28px}.step-title{font-size:14px}.is-active .step-title{font-size:25px}.step-detail p{font-size:16px}.route-picker{bottom:20px;left:28px;right:28px}}@media (width<=600px){.flow-panel{width:calc(100% - 40px);bottom:102px;left:20px}.flow-panel:before{background:linear-gradient(90deg,#dce7ebf5 0%,#dce7ebec 80%,#dce7eb80);inset:-18px -20px}.chapter-nav{gap:3px}.step-button{grid-template-columns:46px 1fr;column-gap:18px;min-height:34px}.step-number{width:46px;height:34px;font-size:12px}.step-title{font-size:13px}.is-active .step-number{border-radius:12px;height:46px;font-size:15px}.is-active .step-title{font-size:22px}.step-detail{grid-template-columns:46px 1fr;column-gap:18px;margin:14px 0 13px}.step-detail p{font-size:14px;line-height:1.45}.step-progress{min-height:65px}.route-picker{bottom:18px;left:20px;right:20px}.route-pill{padding:12px 15px;font-size:10px}}@media (height<=700px) and (width>=601px){.flow-panel{width:410px;bottom:95px}.chapter-nav{gap:2px}.step-number{width:52px;height:36px;font-size:13px}.step-button{grid-template-columns:52px 1fr;column-gap:22px;min-height:36px}.is-active .step-number{height:52px}.step-title{font-size:14px}.is-active .step-title{font-size:24px}.step-detail{grid-template-columns:52px 1fr;column-gap:22px;margin:14px 0}.step-detail p{font-size:15px}.step-progress{min-height:60px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.partnership{z-index:6;isolation:isolate;align-items:center;gap:25px;display:flex;position:fixed;top:28px;left:38px}.partnership:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#dce7ebed 35%,#dce7eb00 73%);position:absolute;inset:-25px -35px}.zendesk-brand{object-fit:contain;width:78px;height:56px;display:block}.superthread-brand{object-fit:contain;width:181px;height:36px;display:block}.partnership-link{color:#59717e;flex:none;width:27px;height:27px}@media (width<=600px){.partnership{gap:18px;top:22px;left:22px}.zendesk-brand{width:59px;height:43px}.superthread-brand{width:151px;height:30px}.partnership-link{width:22px;height:22px}}.request-note{color:#344953;pointer-events:none;will-change:transform;background:#fcfcf9f5;border:1px solid #bccdd3;border-radius:4px;align-items:flex-start;gap:10px;max-width:245px;padding:11px 12px;font-size:12px;line-height:1.45;display:flex;position:absolute;top:0;left:0;box-shadow:0 5px 20px #34495312}.request-note[hidden]{display:none}.mail-icon{color:#28353c;background:#e5ecef;border-radius:3px;flex:none;place-items:center;width:25px;height:25px;display:grid}.mail-icon svg{width:17px;height:17px;display:block}.mail-copy{white-space:pre-line;padding-top:3px}@media (width<=600px){.request-note{gap:7px;max-width:195px;padding:8px 9px;font-size:11px}.mail-icon{width:21px;height:21px}.mail-icon svg{width:15px;height:15px}.mail-copy{padding-top:1px}}.activity-status{white-space:pre-line}.mail-done{color:#3d9871;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;display:none}.mail-done svg{width:21px;height:21px;display:block}.request-note[data-completed=true]{border-color:#b6d9c7;max-width:315px}.request-note[data-completed=true] .mail-done{display:grid}@media (width<=600px){.request-note[data-completed=true]{max-width:260px}.mail-done{width:20px;height:20px}.mail-done svg{width:18px;height:18px}}.agent-activity .activity-status{white-space:pre-line}.agent-activity{--activity-color:#db7555;color:#32434b;pointer-events:none;will-change:transform;background:#fffef9f4;border:1px solid #bacbd1;border-radius:9px;grid-template-columns:31px 1fr 26px;align-items:start;column-gap:9px;width:196px;min-height:72px;padding:10px 10px 12px;display:grid;position:absolute;top:0;left:0;box-shadow:0 7px #34495312,0 12px 22px #3449531c}.agent-activity[hidden]{display:none}.agent-activity:after{content:"";background:#fffef9;border-bottom:1px solid #bacbd1;border-right:1px solid #bacbd1;width:12px;height:12px;position:absolute;bottom:-7px;left:18px;transform:rotate(45deg)}.agent-activity[data-kind=plan]{--activity-color:#668e99}.agent-activity[data-kind=build]{--activity-color:#796f9d;width:218px}.activity-symbol{background:var(--activity-color);color:#fff;border-radius:7px;place-items:center;width:29px;height:29px;font-family:Arial,sans-serif;font-size:15px;font-weight:700;line-height:1;display:grid}.agent-activity[data-kind=build] .activity-symbol{letter-spacing:-1px;font-size:9px}.activity-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.activity-name{letter-spacing:.075em;color:#263a43;font-size:10px;line-height:1.2}.activity-status{white-space:normal;color:#63717a;font-size:11px;line-height:1.25}.activity-dots{justify-content:center;align-items:center;gap:3px;height:29px;display:flex}.activity-dots i{background:var(--activity-color);border-radius:50%;width:4px;height:4px;animation:.95s ease-in-out infinite activity-tap}.activity-dots i:nth-child(2){animation-delay:.16s}.activity-dots i:nth-child(3){animation-delay:.32s}.activity-code{color:#cfe9df;white-space:nowrap;background:#31414b;border-radius:3px;grid-column:2/4;width:max-content;max-width:100%;margin-top:5px;padding:4px 6px;font:10px/1.15 monospace;animation:2.2s steps(20,end) infinite alternate activity-type;display:none;overflow:hidden}.agent-activity[data-kind=build] .activity-code{display:block}.activity-progress{background:#dae4e7;border-radius:2px;grid-column:1/-1;height:3px;margin-top:9px;overflow:hidden}.activity-progress i{background:var(--activity-color);border-radius:2px;height:100%;transition:width .16s;display:block}@keyframes activity-tap{0%,55%,to{opacity:.45;transform:translateY(0)}25%{opacity:1;transform:translateY(-4px)}}@keyframes activity-type{0%{max-width:0}to{max-width:100%}}@media (width<=600px){.agent-activity{grid-template-columns:24px 1fr 18px;gap:5px;width:158px;min-height:62px;padding:8px}.agent-activity[data-kind=build]{width:175px}.activity-symbol{width:23px;height:23px;font-size:12px}.activity-dots{height:23px}.activity-name{font-size:8px}.activity-status{font-size:9px}.activity-code{font-size:8px}}@media (prefers-reduced-motion:reduce){.activity-dots i,.activity-code{animation:none!important}.activity-code{max-width:100%}}.human-speech{color:#344953;pointer-events:none;will-change:transform;background:#fffef9f5;border:1px solid #b8cbd0;border-left:3px solid #668e99;border-radius:12px;flex-direction:column;gap:7px;min-width:211px;padding:12px 14px 11px;animation:.3s ease-out speech-appear;display:flex;position:absolute;top:0;left:0;box-shadow:0 7px 22px #34495319}.human-speech[hidden]{display:none}.human-speech[data-kind=approval]{border-left-color:#4a9976}.human-speech:after{content:"";background:#fffef9;border-bottom:1px solid #b8cbd0;border-right:1px solid #b8cbd0;width:12px;height:12px;position:absolute;bottom:-7px;left:22px;transform:rotate(45deg)}.speech-role{letter-spacing:.08em;color:#5b7580;font-size:9px;font-weight:700}.speech-words{white-space:pre-line;font-size:12px;line-height:1.45}.speech-approved{color:#33795b;letter-spacing:.07em;background:#e2f1e9;border-radius:3px;align-self:flex-start;padding:3px 6px;font-size:8px;font-weight:700}@keyframes speech-appear{0%{opacity:0}to{opacity:1}}@media (width<=600px){.human-speech{gap:5px;min-width:180px;padding:9px 11px}.speech-role{font-size:8px}.speech-words{font-size:10px}}.human-speech[data-kind=review]:after{left:auto;right:22px}.support-thought{border-left-color:#4a9976;min-width:186px;max-width:205px;padding-bottom:10px}.support-thought .speech-role{color:#3d866e}.support-thought .speech-words{white-space:pre-line}.thought-dots{align-items:center;gap:5px;height:8px;display:flex}.thought-dots i{background:#4a9976;border-radius:50%;width:5px;height:5px;animation:.95s ease-in-out infinite activity-tap}.thought-dots i:nth-child(2){animation-delay:.16s}.thought-dots i:nth-child(3){animation-delay:.32s}@media (width<=600px){.support-thought{min-width:160px;max-width:175px}}@media (prefers-reduced-motion:reduce){.thought-dots i{animation:none!important}}.deploy-bubble{z-index:2;border-left-color:#e7805d;gap:6px;min-width:182px;max-width:200px}.deploy-bubble .speech-role{color:#a4573f}.deploy-bubble:after{left:50%}.deploy-progress{background:#dce5e5;border-radius:3px;height:3px;overflow:hidden}.deploy-progress i{background:#dc7755;border-radius:3px;width:8%;height:100%;transition:width .16s;display:block}.deploy-bubble[data-state=deployed],.preview-bubble[data-state=ready]{border-left-color:#3d9871}.deploy-bubble[data-state=deployed] .speech-role,.preview-bubble[data-state=ready] .speech-role{color:#33795b}.deploy-bubble[data-state=deployed] .deploy-progress i,.preview-bubble[data-state=ready] .deploy-progress i{background:#3d9871}@media (width<=600px){.deploy-bubble{min-width:155px;max-width:175px}}.live-bubble .deploy-progress i{transition:none}.thought-progress{background:#dce5e5;border-radius:3px;height:3px;overflow:hidden}.thought-progress i{background:#4a9976;border-radius:3px;width:8%;height:100%;display:block}.agent-activity .activity-progress i{transition:none}.chapter:last-child{height:200vh}.flow-panel{width:clamp(270px,25vw,380px)}.chapter-nav{gap:5px}.step-button{grid-template-columns:48px 1fr;column-gap:18px;min-height:36px}.step-number{width:48px;height:36px;font-size:12px}.step-title{font-size:12px}.is-active .step-number{border-radius:13px;height:48px;font-size:14px}.is-active .step-title{font-size:20px}.step-detail{grid-template-columns:48px 1fr;column-gap:18px;margin:15px 0 13px}.step-detail p{max-width:310px;font-size:12.5px;line-height:1.45}.step-progress{min-height:60px}@media (width<=1000px){.flow-panel{width:320px}.step-title{font-size:12px}.is-active .step-title{font-size:19px}.step-detail p{font-size:12px}}@media (width<=600px){.flow-panel{width:min(300px,100% - 40px)}.chapter-nav{gap:3px}.step-button{grid-template-columns:42px 1fr;column-gap:14px;min-height:32px}.step-number{width:42px;height:32px;font-size:11px}.step-title{font-size:12px}.is-active .step-number{border-radius:11px;height:42px;font-size:13px}.is-active .step-title{font-size:17px}.step-detail{grid-template-columns:42px 1fr;column-gap:14px;margin:12px 0 10px}.step-detail p{font-size:12px}.step-progress{min-height:52px}}@media (height<=700px) and (width>=601px){.flow-panel{width:310px}.chapter-nav{gap:2px}.step-button{grid-template-columns:42px 1fr;column-gap:15px;min-height:32px}.step-number{width:42px;height:32px;font-size:11px}.step-title{font-size:12px}.is-active .step-number{height:42px;font-size:13px}.is-active .step-title{font-size:18px}.step-detail{grid-template-columns:42px 1fr;column-gap:15px;margin:11px 0}.step-detail p{font-size:12px}.step-progress{min-height:50px}}