.stereo-character{display:block;overflow:visible}.stereo-character-rig,.stereo-character .left-eye,.stereo-character .left-pupil,.stereo-character .right-pupil,.stereo-character .left-leg,.stereo-character .right-leg,.stereo-character .slot{transform-box:fill-box}.stereo-character-rig,.stereo-character .left-eye,.stereo-character .slot{transform-origin:center}.stereo-character.motion-idle .stereo-character-rig{animation:stereo-idle-bounce 1.8s steps(2) infinite}.stereo-character.motion-idle .left-eye{animation:stereo-idle-wink 5.4s steps(1) infinite}.stereo-character.motion-idle .left-pupil,.stereo-character.motion-idle .right-pupil{animation:stereo-idle-look 5.4s steps(1) infinite}.stereo-character.motion-working .stereo-character-rig{animation:stereo-work-bounce .72s steps(2) infinite}.stereo-character.motion-working .left-leg{animation:stereo-left-step .72s steps(2) infinite}.stereo-character.motion-working .right-leg{animation:stereo-right-step .72s steps(2) infinite}.stereo-character.motion-working .left-pupil,.stereo-character.motion-working .right-pupil{animation:stereo-work-look 2.88s steps(1) infinite}.stereo-character.motion-working .left-eye{animation:stereo-work-wink 4.32s steps(1) infinite}.stereo-character.motion-working .slot{animation:stereo-speak .72s steps(2) infinite}.stereo-character.motion-wink .left-eye{animation:stereo-wink 1.8s steps(1) infinite}@keyframes stereo-idle-look{0%,48%,to{transform:translate(0)}52%,66%{transform:translate(2px)}70%,84%{transform:translate(-2px)}}@keyframes stereo-idle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes stereo-work-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes stereo-idle-wink{0%,87%,94%,to{transform:scaleY(1)}89%,92%{transform:scaleY(.16)}}@keyframes stereo-work-wink{0%,90%,96%,to{transform:scaleY(1)}92%,94%{transform:scaleY(.16)}}@keyframes stereo-work-look{0%,38%,to{transform:translate(0)}42%,64%{transform:translate(2px)}68%,90%{transform:translate(-2px)}}@keyframes stereo-wink{0%,38%,72%,to{transform:scaleY(1)}44%,64%{transform:scaleY(.16)}}@keyframes stereo-left-step{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes stereo-right-step{0%,to{transform:translateY(-2px)}50%{transform:translateY(0)}}@keyframes stereo-speak{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}@media(prefers-reduced-motion:reduce){.stereo-character *{animation:none!important}}:root{color-scheme:light;--cream: #fffaf1;--paper: #fffdf8;--ink: #24212a;--ink-soft: #5f5964;--ink-faint: #8f8892;--blue: #3b78d8;--blue-dark: #2f68c2;--line: rgba(36, 33, 42, .14);--line-strong: rgba(36, 33, 42, .26);--claude: #d97757;--codex: #7cc0f5;--green: #3f8c61;--warn: #e8c268;--app-bg: #131316;--app-raised: #19191d;--app-hover: #1f1f26;--app-active: #26262e;--app-text: #ececef;--app-text-2: #9d9da6;--app-text-3: #6b6b74;--app-line: rgba(255, 255, 255, .08);--app-success: #86d497;--app-danger: #ef8f8f;--mono: "IBM Plex Mono", "SFMono-Regular", "SF Mono", ui-monospace, monospace;--display: "Archivo", "Inter", ui-sans-serif, -apple-system, sans-serif;font-family:var(--display);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--cream);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}::selection{background:#3b78d838}h1,h2,h3{font-stretch:116%}:focus-visible{outline:2px solid var(--blue-dark);outline-offset:4px}.site-shell{overflow:clip}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.masthead{width:min(720px,calc(100% - 48px));margin:0 auto;padding-top:clamp(56px,9vh,104px);text-align:center}.masthead>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.masthead h1{animation-delay:60ms}.masthead-sub{animation-delay:.12s}.masthead .get{animation-delay:.18s}.lockup{display:inline-flex;align-items:center;gap:3px;font-size:18px;font-weight:680;letter-spacing:-.025em}.lockup .stereo-character{margin:-8px -2px -8px -9px}.masthead h1{margin:34px 0 24px;font-size:clamp(38px,6.2vw,64px);line-height:1.04;letter-spacing:-.045em;font-weight:740;font-stretch:118%}.masthead h1 em{color:var(--blue-dark);font-style:normal}.masthead-sub{max-width:600px;margin:0 auto;color:var(--ink-soft);font-size:16.5px;line-height:1.7;letter-spacing:-.011em;text-wrap:pretty}.get{max-width:620px;margin:36px auto 0;text-align:left}.preview-note{margin:0 0 10px;padding:0 2px;color:var(--ink-faint);font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.14em}.get-row{margin-top:14px;padding:0 2px;display:flex;align-items:center;justify-content:space-between;gap:16px}.platforms{color:var(--ink-faint);font:500 11px var(--mono);letter-spacing:.04em}.source-link{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:13.5px;font-weight:620;text-decoration:none}.source-link svg:first-child{width:17px;fill:currentColor}.source-link svg:last-child{width:16px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .15s ease}.source-link:hover svg:last-child{transform:translate(3px)}.install-command{width:100%;min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 8px 7px 16px;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:#0e0e12;color:#f8f4ec;box-shadow:inset 0 1px #ffffff12,0 16px 36px #24212a2e}.install-command .prompt{color:var(--codex);font:14px var(--mono)}.install-command code{min-width:0;white-space:normal;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font:12px/1.45 var(--mono)}.install-command button{height:42px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#ffffff14;color:#fff;cursor:pointer;font-size:11.5px;transition:background .15s ease,transform .15s ease}.install-command button:hover{background:#ffffff26}.install-command button:active{transform:translateY(1px)}.install-command button svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.5}.dot{display:inline-block;width:6px;height:6px;border-radius:50%}.dot.claude{background:var(--claude)}.dot.codex{background:var(--codex)}.dot.pulsing{animation:dot-pulse 1.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.25}}.preview{width:min(1150px,calc(100% - 32px));margin:clamp(56px,7vw,84px) auto 0}.preview{animation:rise .8s cubic-bezier(.2,.7,.2,1) .26s both}.product-window{width:100%;position:relative;border:1px solid #2a2a31;border-radius:13px;background:var(--app-bg);box-shadow:0 1px #ffffff17 inset,0 34px 80px #24212a33,0 10px 26px #24212a21;color:var(--app-text);font-family:var(--display);font-stretch:100%;overflow:hidden}.window-bar{height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--app-line);background:var(--app-raised)}.traffic{width:11px;height:11px;border-radius:50%}.traffic.red{background:#ff5f57}.traffic.yellow{background:#febc2e}.traffic.green{background:#28c840}.window-name{margin:0 auto;padding-right:52px;color:var(--app-text-3);font-size:11px}.window-body{display:grid;grid-template-columns:238px 1fr}.mock-sidebar{padding:14px 10px 12px;display:flex;flex-direction:column;background:var(--app-raised);border-right:1px solid var(--app-line);min-height:560px}.mock-brand{display:flex;align-items:center;gap:2px;padding:4px 8px 10px}.mock-brand .stereo-character{margin-left:-5px}.mock-brand strong{font-size:13.5px;letter-spacing:-.02em}.mock-new{margin:4px 0 7px;padding:9px;display:flex;align-items:center;border:1px solid var(--app-line);border-radius:6px;color:#c9c9cf;font-size:12px}.mock-new span{margin-right:7px;color:var(--app-text-3)}.mock-new kbd,.mock-search kbd,.mock-settings kbd{margin-left:auto;color:#5d5d65;font:10px var(--mono)}.mock-search{margin-bottom:20px;padding:9px;display:flex;align-items:center;border:1px solid var(--app-line);border-radius:6px;color:var(--app-text-3);font-size:12px}.mock-project{padding:0 9px 8px;display:flex;justify-content:space-between;color:#7b7b84;font:500 10px var(--mono);letter-spacing:.08em}.mock-thread{margin:1px 0;padding:9px;display:flex;align-items:center;gap:8px;overflow:hidden;border-radius:6px;color:#90909a;font-size:12px;white-space:nowrap}.mock-thread.active{background:var(--app-active);color:#e6e6ea}.mock-thread .dot{flex:none;width:6px;height:6px}.mock-settings{margin-top:auto;padding:10px 9px 2px;display:flex;border-top:1px solid var(--app-line);color:var(--app-text-3);font-size:12px}.mock-main{min-width:0;display:flex;flex-direction:column}.mock-header{min-height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--app-line)}.mock-heading{display:flex;align-items:center;gap:12px;min-width:0}.mock-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8e8eb;font-size:13px}.mock-heading>span{color:var(--app-text-3);font-size:11px;white-space:nowrap}.mock-badge{flex:none;padding:4px 8px;border:1px solid rgba(232,194,104,.4);border-radius:5px;background:#e8c26814;color:var(--warn);font:500 10px var(--mono);font-style:normal;white-space:nowrap}.mock-header-right{display:flex;align-items:center;gap:14px;color:#8b8b94;font-size:11.5px}.mock-header-right>strong{padding:6px 10px;border-radius:6px;background:#3b78d838;color:#a9c8f8;font-weight:600}.mock-diff{color:#b3b3ba;font:11px var(--mono);white-space:nowrap}.mock-diff i{color:var(--app-success);font-style:normal}.mock-diff b{color:var(--app-danger);font-weight:400}.mock-transcript{flex:1;padding:30px clamp(26px,3.4vw,54px) 18px;display:flex;flex-direction:column;gap:18px}.mock-briefing{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--app-line);border-radius:7px;color:#83838c;font-size:11.5px}.mock-briefing .chevron{color:#62626b}.mock-briefing strong{color:#b5b5bc;font-weight:600}.mock-agent>span{display:block;margin-bottom:9px;font:600 10px var(--mono);letter-spacing:.1em}.mock-agent.codex>span{color:var(--codex)}.mock-agent p{margin:0 0 10px;color:#d4d4d9;font-size:12.5px;line-height:1.65}.mock-agent ol{margin:0 0 10px;padding-left:20px;display:grid;gap:8px;color:#c4c4cb;font-size:12.5px;line-height:1.6}.mock-agent ol b{color:#e8e8eb;font-weight:600}.mock-agent ol u{color:#a9c8f8;text-decoration:underline dotted rgba(169,200,248,.5);text-underline-offset:2px;font-size:11.5px}.mock-agent code{padding:1px 5px;border-radius:4px;background:var(--app-hover);font:11px var(--mono);color:#cfcfd6}.mock-agent .mock-close{color:#9d9da6}.mock-hint{margin-top:auto;color:#6f6f78;font-size:11px;text-align:center}.mock-composer{min-height:54px;margin:10px 22px 20px;padding:0 10px 0 14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:var(--app-hover);color:var(--app-text-3);font-size:12px}.mock-composer small{margin-left:auto;color:#55555e;font-size:10px;white-space:nowrap}.mock-composer b{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:var(--blue);color:#fff;font-weight:600}.ledger{width:min(1060px,calc(100% - 48px));margin:0 auto;padding:clamp(72px,8vw,104px) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px)}.ledger h2{margin:0 0 12px;padding-left:30px;font-size:16px;font-weight:680;letter-spacing:-.015em}.ledger ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-strong)}.ledger li{position:relative;padding:13px 0 13px 30px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:14.5px;line-height:1.62}.ledger li:before{position:absolute;left:3px;top:13px;font:600 14px/1.62 var(--mono)}.ledger .ledger-col:not(.never) li:before{content:"+" / "";color:var(--green)}.ledger .never li:before{content:"−" / "";color:var(--ink-faint)}.ledger li code{padding:1px 5px;border-radius:4px;background:#24212a12;font:12px var(--mono);color:var(--ink)}.loop-section{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:clamp(88px,9vw,124px) 0 clamp(72px,7vw,96px)}.loop-intro{max-width:780px;margin:0 auto;text-align:center;color:var(--ink);font-size:clamp(21px,2.4vw,28px);line-height:1.45;letter-spacing:-.025em;font-weight:530;text-wrap:pretty}.loop-intro em{color:var(--blue-dark);font-style:normal}.loop-experience{margin-top:48px;padding:54px 0 50px;display:grid;grid-template-columns:1fr .95fr;align-items:center;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.loop-dial-column{min-width:0;display:grid;justify-items:center}.loop-dial{--dial-size: 384px;--node-radius: calc(var(--dial-size) * .405);width:var(--dial-size);height:var(--dial-size);position:relative;border-radius:50%;cursor:grab;touch-action:none;outline-offset:10px}.loop-dial.dragging{cursor:grabbing}.loop-dial:after{content:"";position:absolute;z-index:7;left:50%;top:3px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--blue);transform:translate(-50%)}.loop-ring{position:absolute;top:32px;right:32px;bottom:32px;left:32px;border:1px solid rgba(36,33,42,.28);border-radius:50%;box-shadow:0 0 0 24px #ffffff38,inset 0 0 0 24px #ffffff2e}.loop-ring:before,.loop-ring:after{content:"";position:absolute;border-radius:50%}.loop-ring:before{top:50px;right:50px;bottom:50px;left:50px;border:1px dashed rgba(36,33,42,.13)}.loop-ring:after{width:7px;height:7px;top:15.5%;right:12%;border-top:1.5px solid var(--ink-faint);border-right:1.5px solid var(--ink-faint);transform:rotate(49deg)}.loop-ring i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--line-strong)}.loop-ring i:nth-child(1){top:-2px;left:50%}.loop-ring i:nth-child(2){right:-2px;top:50%}.loop-ring i:nth-child(3){bottom:-2px;left:50%}.loop-ring i:nth-child(4){left:-2px;top:50%}.loop-rotor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;transition:transform .9s cubic-bezier(.22,.72,.2,1)}.loop-dial.dragging .loop-rotor{transition:none}.loop-node{width:94px;height:42px;margin:-21px 0 0 -47px;padding:0;position:absolute;left:50%;top:50%;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:999px;background:var(--cream);color:var(--ink-soft);box-shadow:0 8px 22px #24212a14;cursor:pointer;transform:rotate(var(--node-angle)) translateY(calc(var(--node-radius) * -1)) rotate(var(--upright-angle));transition:transform .9s cubic-bezier(.22,.72,.2,1),background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}.loop-dial.dragging .loop-node{transition:none}.loop-node span{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.loop-node:first-child{color:var(--green)}.loop-node:hover{border-color:#3b78d875;color:var(--ink)}.loop-node.active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 11px 28px #2f68c240}.loop-node:first-child.active{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 11px 28px #3f8c6138}.loop-core{width:47%;height:47%;position:absolute;z-index:3;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);box-shadow:0 18px 45px #24212a14;transform:translate(-50%,-50%)}.loop-core-character{margin:-12px 0 -6px}.loop-core-character.reacting{animation:loop-character-react .52s cubic-bezier(.2,.8,.2,1)}.loop-core-character .stereo-character{pointer-events:none}.loop-core span{color:var(--ink-faint);font:600 8px var(--mono);text-transform:uppercase;letter-spacing:.14em}.loop-story{min-height:350px;padding:24px 8px 24px clamp(48px,5.5vw,80px);display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line-strong)}.story-surface{color:var(--blue-dark);font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.12em}.story-copy{animation:story-enter .44s ease both}.story-copy h3{max-width:440px;margin:16px 0 15px;font-size:clamp(26px,2.8vw,34px);line-height:1.06;letter-spacing:-.032em;font-weight:720}.story-copy p{max-width:470px;margin:0;color:var(--ink-soft);font-size:15px;line-height:1.72}.story-copy p+p{margin-top:12px}.story-copy code{margin-top:22px;display:block;color:var(--ink-faint);font:10px var(--mono);letter-spacing:.04em}@keyframes story-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes loop-character-react{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-3deg)}68%{transform:translateY(1px) rotate(2deg)}}footer{width:min(1060px,calc(100% - 48px));margin:0 auto;padding:30px 0 44px}footer p{margin:0;text-align:center;color:var(--ink-faint);font-size:12px;line-height:1.6}@media(max-width:900px){.loop-experience{margin-top:40px;padding-top:48px;grid-template-columns:1fr;gap:48px}.loop-story{width:min(100%,620px);min-height:300px;margin:0 auto;padding:44px 24px 8px;border-top:1px solid var(--line-strong);border-left:0}.ledger{grid-template-columns:1fr;gap:44px}}@media(max-width:640px){.masthead{width:calc(100% - 36px);padding-top:44px}.masthead h1{font-size:clamp(29px,8.6vw,42px);margin:28px 0 20px}.masthead-sub{font-size:15px}.get{margin-top:30px}.get-row{flex-wrap:wrap;row-gap:10px}.install-command{min-height:54px;padding-left:13px;gap:8px}.install-command .prompt{display:none}.install-command code{font-size:10px}.install-command button{width:40px;padding:0;justify-content:center}.install-command button span{display:none}.preview{width:calc(100% - 16px)}.window-body{grid-template-columns:1fr}.mock-sidebar{display:none}.mock-transcript{padding:22px 18px 14px}.mock-header{padding:0 14px}.mock-heading>span,.mock-header-right span:not(.mock-diff){display:none}.mock-composer{margin:8px 14px 16px}.ledger,.loop-section{width:calc(100% - 36px)}.loop-intro{font-size:20px}.loop-experience{padding:40px 0 46px;gap:36px}.loop-dial{--dial-size: min(340px, 88vw)}.loop-node{width:82px;height:38px;margin:-19px 0 0 -41px}.loop-node span{font-size:9px}.loop-core-character .stereo-character{width:60px;height:60px}.loop-story{min-height:300px;padding:38px 4px 0}.story-copy h3{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}