:root{--bg:#07090c;--line:#dae6ff21;--line-strong:#dae6ff45;--text:#f4f7ff;--muted:#7f899a;--violet:#8d78ff;--amber:#ffb454;--cyan:#55e6ff;--green:#a8ff76;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 70% 42%, #55e6ff0e, transparent 34%), radial-gradient(circle at 20% 58%, #8d78ff0e, transparent 30%), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--cyan);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.experience-shell{min-height:100svh}.site-chrome{z-index:10;border-bottom:1px solid #dae6ff14;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,3.4vw,54px);display:flex;position:relative}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:14px;font-weight:650;display:inline-flex}.brand-mark{background:#55e6ff12;border:1px solid #55e6ff66;border-radius:8px;width:28px;height:28px;display:block;position:relative;box-shadow:inset 0 0 20px #55e6ff14}.brand-mark:before,.brand-mark i{content:"";position:absolute}.brand-mark:before{border:1px solid var(--cyan);border-radius:50%;inset:7px}.brand-mark i:first-child{background:var(--cyan);width:1px;top:5px;bottom:5px;left:13px;transform:rotate(45deg)}.brand-mark i:last-child{background:var(--violet);width:1px;top:5px;bottom:5px;left:13px;transform:rotate(-45deg)}.build-state{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;align-items:center;gap:8px;font-size:10px;display:inline-flex}.build-state i{background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #a8ff76cc}.product-stage{min-height:calc(100svh - 72px);padding:clamp(24px,4vw,52px)}.experience{width:min(1420px,100%);margin:0 auto}.experience-controls{justify-content:center;align-items:center;gap:12px;margin-bottom:clamp(20px,3vw,34px);display:flex}.mode-switch{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e1218bd;border-radius:999px;grid-template-columns:1fr 1.35fr;width:min(344px,100vw - 104px);padding:4px;display:grid;position:relative;box-shadow:0 18px 48px #00000038}.mode-switch button{z-index:2;min-height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;place-items:center;padding:0 15px;font-size:12px;font-weight:650;line-height:1;transition:color .22s;display:grid;position:relative}.mode-switch button[aria-pressed=true]{color:var(--text)}.switch-glider{z-index:1;border:1px solid var(--line-strong);background:#1a202b;border-radius:999px;width:calc(42.5532% - 3.40426px);transition:left .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 7px 20px #0000004d}.mode-switch button:nth-child(2)[aria-pressed=true]~.switch-glider{background:linear-gradient(135deg,#55e6ff21,#8d78ff21),#171e28;border-color:#55e6ff57;width:calc(57.4468% - 4.59575px);left:calc(42.5532% + .595745px)}.replay-button{border:1px solid var(--line);width:47px;height:47px;color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e1218bd;border-radius:50%;place-items:center;transition:color .18s,border-color .18s,transform .18s;display:grid}.replay-button:hover{color:var(--text);border-color:var(--line-strong);transform:rotate(-18deg)}.replay-button span{font-size:19px;line-height:1}.context-canvas{isolation:isolate;background:linear-gradient(#ffffff05,#0000 30%),#080b0fc7;border:1px solid #dae6ff1a;border-radius:clamp(22px,3vw,40px);height:min(720px,100svh - 174px);min-height:520px;position:relative;overflow:hidden;box-shadow:0 40px 110px #00000075,inset 0 1px #ffffff09}.context-canvas:before{z-index:-1;content:"";background:radial-gradient(circle at 50% 48%,#55e6ff0b,#0000 37%);position:absolute;inset:0}.canvas-grid{opacity:.22;background-image:linear-gradient(#dae6ff09 1px,#0000 1px),linear-gradient(90deg,#dae6ff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.source-system{z-index:4;width:176px;height:260px;position:absolute;top:50%;left:10%;transform:translateY(-52%)}.source-halo{border:1px solid #8d78ff1a;border-radius:36px;position:absolute;inset:-32px;box-shadow:0 0 80px #8d78ff0f}.source-stack{background:linear-gradient(145deg,#161c26f0,#0b0f14f7);border:1px solid #dae6ff33;border-radius:18px;flex-direction:column;gap:8px;height:244px;padding:35px 13px 13px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff0a}.stack-handle{gap:4px;display:flex;position:absolute;top:14px;left:15px}.stack-handle i{background:#343d4c;border-radius:50%;width:4px;height:4px}.source-anchor{background:linear-gradient(90deg, var(--violet), transparent);width:38px;height:1px;position:absolute;top:48%;right:-38px}.source-anchor:before{background:var(--violet);width:7px;height:7px;box-shadow:0 0 13px var(--violet);content:"";border-radius:50%;position:absolute;top:-3px;left:-2px}.data-card{background:#ffffff06;border:1px solid #dae6ff14;border-radius:9px;flex:1;grid-template-columns:10px 1fr;align-items:center;gap:9px;min-height:50px;padding:9px 10px;display:grid;position:relative}.card-node{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px}.data-lines{flex-direction:column;gap:3px;display:flex}.data-lines i{opacity:.35;transform-origin:0;background:currentColor;border-radius:2px;width:86%;height:2px;display:block}.data-lines i:nth-child(2){width:62%}.data-lines i:nth-child(3){width:92%}.data-lines i:nth-child(4){width:48%}.data-lines i:nth-child(5){width:72%}.tone-violet{color:var(--violet)}.tone-amber{color:var(--amber)}.tone-cyan{color:var(--cyan)}.data-card.is-returned{opacity:0;transform-origin:top;flex:0;min-height:0;padding-top:0;padding-bottom:0;animation:8s cubic-bezier(.2,.8,.2,1) both return-card;transform:translateY(-10px)scaleY(.2)}.flow-rail{z-index:1;height:1px;position:absolute}.flow-rail:before{content:"";background:#dae6ff1a;position:absolute;inset:0}.flow-rail i{width:100%;height:5px;position:absolute;top:-2px;left:0;overflow:hidden}.flow-rail i:before{background:linear-gradient(90deg, transparent, var(--cyan), transparent);content:"";animation:8s ease-in-out both rail-charge;position:absolute;inset:2px 0}.outbound-rail{top:43%;left:calc(10% + 176px);right:15%}.return-rail{top:72%;left:calc(10% + 176px);right:calc(7% + 75px);transform:scaleX(-1)}.return-rail i:before{animation-name:return-rail-charge}.return-rail:after{border-right:1px solid var(--cyan);border-bottom:1px solid var(--cyan);content:"";width:7px;height:7px;position:absolute;top:-3px;right:-1px;transform:rotate(-45deg)}.outbound-packet{z-index:7;opacity:0;filter:drop-shadow(0 12px 22px #00000073);width:58px;height:78px;animation:8s cubic-bezier(.2,.65,.25,1) both packet-travel;position:absolute;top:calc(43% - 39px);left:calc(10% + 156px)}.packet-sheet{background:#111720;border:1px solid;border-radius:4px;height:20px;position:absolute;left:0;right:0;box-shadow:inset 0 0 12px}.packet-user{color:var(--violet);top:4px}.packet-tool{height:29px;color:var(--amber);top:29px}.packet-answer{height:14px;color:var(--cyan);top:63px}.packet-tool b{opacity:.75;transform-origin:0;background:currentColor;width:78%;height:1px;margin:4px 5px 0;display:block}.packet-tool b:nth-child(2){width:53%}.packet-tool b:nth-child(3){width:86%}.packet-tool b:nth-child(4){width:62%}.mode-context .packet-tool b:nth-child(n+3){animation:8s both packet-condense}.context-boundary{z-index:5;opacity:.16;width:118px;height:118px;transition:opacity .3s;position:absolute;top:43%;left:47%;transform:translate(-50%,-50%)}.mode-context .context-boundary{opacity:1}.boundary-ring{border:1px solid #55e6ff57;border-radius:50%;position:absolute}.boundary-ring-outer{border-style:dashed;animation:8s cubic-bezier(.2,.7,.25,1) both boundary-turn;inset:0}.boundary-ring-inner{border-color:#8d78ff7a;animation:8s cubic-bezier(.2,.7,.25,1) both boundary-turn-reverse;inset:17px}.boundary-core{background:#55e6ff14;border:1px solid #55e6ff7a;border-radius:14px;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:35px;box-shadow:0 0 36px #55e6ff1f,inset 0 0 16px #55e6ff1a}.boundary-core i{background:var(--cyan);opacity:.34;border-radius:3px;width:3px;height:18px}.boundary-core i:nth-child(2){opacity:.8;height:28px}.boundary-core i:nth-child(3){height:11px}.scanner-line{opacity:0;background:var(--green);width:1px;animation:8s both scanner;position:absolute;top:8px;bottom:8px;left:50%;box-shadow:0 0 18px 4px #a8ff7680}.mode-codex .scanner-line,.mode-codex .boundary-ring{animation:none}.discard-fragment{opacity:0;background:var(--amber);border-radius:3px;width:3px;height:14px;animation:8s ease-in both fragment-fall;position:absolute;top:54%;left:50%}.fragment-two{height:8px;margin-left:8px;animation-delay:80ms}.fragment-three{height:5px;margin-left:-8px;animation-delay:.16s}.mode-codex .discard-fragment{display:none}.model-view{z-index:4;opacity:0;width:132px;height:185px;animation:8s cubic-bezier(.2,.8,.2,1) both model-view-arrive;position:absolute;top:43%;left:68%;transform:translate(-50%,-50%)scale(.88)}.model-stack{background:#0f141ceb;border:1px solid #dae6ff2b;border-radius:15px;flex-direction:column;gap:7px;height:100%;padding:16px 12px;display:flex;box-shadow:0 22px 50px #0000004d}.model-stack .data-card{min-height:39px;padding:7px 8px}.model-stack .data-lines{gap:2px}.mode-context .model-stack .is-dense .data-lines i:nth-child(n+3){opacity:0;transform:scaleX(.08)}.mode-context .model-stack{border-color:#a8ff7647;box-shadow:0 0 38px #a8ff760f,0 22px 50px #0000004d}.view-bracket{border-top:1px solid var(--green);border-bottom:1px solid var(--green);opacity:.4;width:8px;position:absolute;top:14px;bottom:14px}.view-bracket-left{border-left:1px solid var(--green);left:-14px}.view-bracket-right{border-right:1px solid var(--green);right:-14px}.mode-codex .view-bracket{border-color:var(--muted);opacity:.2}.ai-system{z-index:4;width:150px;height:150px;position:absolute;top:43%;right:7%;transform:translateY(-50%)}.ai-orbit{border:1px solid #55e6ff2b;border-radius:50%;animation:8s cubic-bezier(.25,.7,.25,1) both ai-orbit;position:absolute}.orbit-one{border-style:dashed;inset:0}.orbit-two{border-color:#8d78ff45;animation-direction:reverse;inset:18px}.ai-core{background:radial-gradient(circle at 35% 30%,#ffffff24,#0000 25%),#55e6ff14;border:1px solid #55e6ff80;border-radius:50%;place-items:center;display:grid;position:absolute;inset:38px;box-shadow:0 0 65px #55e6ff1c,inset 0 0 26px #55e6ff14}.ai-core i{border:1px solid #55e6ff29;border-radius:50%;position:absolute;inset:8px}.ai-core b{color:#f0fcffe0;font-family:var(--mono);letter-spacing:.08em;font-size:13px;font-weight:500}.return-packet{z-index:6;opacity:0;border:1px solid var(--cyan);background:#111820;border-radius:9px;width:34px;height:34px;animation:8s cubic-bezier(.3,.65,.3,1) both return-travel;position:absolute;top:calc(72% - 17px);right:calc(7% + 62px);box-shadow:0 0 24px #55e6ff2e}.return-packet i{background:var(--cyan);opacity:.6;width:17px;height:1px;position:absolute;left:8px}.return-packet i:first-child{top:10px}.return-packet i:nth-child(2){width:12px;top:16px}.return-packet i:nth-child(3){width:15px;top:22px}.timeline{z-index:8;grid-template-columns:repeat(4,1fr);align-items:center;height:14px;display:grid;position:absolute;bottom:7%;left:10%;right:7%}.timeline-track,.timeline-progress{height:1px;position:absolute;left:0;right:0}.timeline-track{background:#dae6ff17}.timeline-progress{background:linear-gradient(90deg, var(--violet), var(--cyan), var(--green));width:0;animation:8s linear both timeline;right:auto;box-shadow:0 0 8px #55e6ff5c}.timeline span{z-index:1;width:5px;height:5px;box-shadow:0 0 0 5px var(--bg);background:#37404d;border-radius:50%;position:relative}.timeline span:nth-of-type(2),.timeline span:nth-of-type(3){justify-self:center}.timeline span:last-of-type{justify-self:end}@keyframes packet-travel{0%,7%{opacity:0;left:calc(10% + 156px);transform:scale(.75)}13%{opacity:1;transform:scale(1)}45%{opacity:1;left:calc(47% - 29px);transform:scale(1)}62%{opacity:1;left:calc(68% - 29px);transform:scale(.94)}68%,to{opacity:0;left:calc(68% - 29px);transform:scale(.86)}}@keyframes packet-condense{0%,44%{opacity:.75;transform:scaleX(1)}52%,to{opacity:0;transform:scaleX(.1)}}@keyframes boundary-turn{0%,28%{opacity:.28;transform:rotate(0)}55%{opacity:1;transform:rotate(110deg)}to{opacity:.35;transform:rotate(180deg)}}@keyframes boundary-turn-reverse{0%,28%{transform:rotate(0)}55%,to{transform:rotate(-140deg)}}@keyframes scanner{0%,33%{opacity:0;left:22%}40%{opacity:1}53%{opacity:1;left:78%}58%,to{opacity:0;left:78%}}@keyframes fragment-fall{0%,47%{opacity:0;transform:translateY(0)rotate(0)}51%{opacity:.8}66%,to{opacity:0;transform:translateY(64px)rotate(40deg)}}@keyframes model-view-arrive{0%,59%{opacity:0;transform:translate(-50%,-50%)scale(.84)}67%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes ai-orbit{0%,60%{opacity:.5;transform:rotate(0)scale(.94)}72%{opacity:1;transform:rotate(60deg)scale(1.06)}to{opacity:.6;transform:rotate(110deg)scale(1)}}@keyframes return-travel{0%,72%{opacity:0;right:calc(7% + 62px);transform:scale(.7)}77%{opacity:1;transform:scale(1)}94%{opacity:1;right:calc(90% - 176px)}98%,to{opacity:0;right:calc(90% - 176px);transform:scale(.8)}}@keyframes return-card{0%,92%{opacity:0;min-height:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)scaleY(.2)}97%,to{opacity:1;min-height:50px;padding-top:9px;padding-bottom:9px;transform:translateY(0)scaleY(1)}}@keyframes rail-charge{0%{opacity:0;transform:translate(-100%)}12%{opacity:1}68%{opacity:.7;transform:translate(100%)}to{opacity:0;transform:translate(100%)}}@keyframes return-rail-charge{0%,72%{opacity:0;transform:translate(-100%)}78%{opacity:1}98%{opacity:.7;transform:translate(100%)}to{opacity:0;transform:translate(100%)}}@keyframes timeline{0%{width:0}to{width:100%}}@media (max-width:960px){.source-system{left:6%}.outbound-rail{left:calc(6% + 176px);right:12%}.outbound-packet{left:calc(6% + 156px)}.context-boundary{left:45%}.model-view{left:67%}.ai-system{width:128px;height:128px;right:2.5%}.ai-core{inset:32px}.return-packet{right:calc(2.5% + 50px)}.return-rail{left:calc(6% + 176px);right:calc(2.5% + 64px)}.timeline{left:6%;right:4%}@keyframes packet-travel{0%,7%{opacity:0;left:calc(6% + 156px);transform:scale(.75)}13%{opacity:1;transform:scale(1)}45%{opacity:1;left:calc(45% - 29px);transform:scale(1)}62%{opacity:1;left:calc(67% - 29px);transform:scale(.94)}68%,to{opacity:0;left:calc(67% - 29px);transform:scale(.86)}}@keyframes return-travel{0%,72%{opacity:0;right:calc(2.5% + 50px);transform:scale(.7)}77%{opacity:1;transform:scale(1)}94%{opacity:1;right:calc(94% - 176px)}98%,to{opacity:0;right:calc(94% - 176px);transform:scale(.8)}}}@media (max-width:700px){.site-chrome{height:62px;padding:0 18px}.brand{font-size:13px}.brand-mark{width:26px;height:26px}.product-stage{min-height:calc(100svh - 62px);padding:18px 12px 24px}.experience-controls{margin-bottom:16px}.mode-switch{width:min(310px,100vw - 82px)}.mode-switch button{min-height:36px;padding:0 8px;font-size:11px}.replay-button{width:43px;height:43px}.context-canvas{border-radius:24px;height:690px;min-height:690px}.canvas-grid{background-size:32px 32px}.source-system{width:146px;height:184px;top:34px;left:50%;transform:translate(-50%)}.source-halo{border-radius:26px;inset:-18px}.source-stack{border-radius:14px;gap:5px;height:184px;padding:27px 9px 9px}.stack-handle{top:11px;left:12px}.data-card{border-radius:7px;gap:7px;min-height:35px;padding:6px 8px}.data-lines{gap:2px}.data-lines i{height:1px}.source-anchor{background:linear-gradient(var(--violet), transparent);width:1px;height:28px;inset:auto auto -28px 50%}.source-anchor:before{top:-2px;left:-3px}.flow-rail{width:1px;height:auto}.flow-rail i{width:5px;height:auto;top:0;bottom:0;left:-2px}.flow-rail i:before{background:linear-gradient(180deg, transparent, var(--cyan), transparent);animation-name:rail-charge-mobile;inset:0 2px}.return-rail i:before{animation-name:return-rail-charge-mobile}.outbound-rail{inset:218px auto 128px 50%}.return-rail{inset:480px 15% 130px auto;transform:scaleY(-1)}.return-rail:after{top:auto;bottom:-1px;right:-3px;transform:rotate(45deg)}.outbound-packet{width:48px;height:62px;animation-name:packet-travel-mobile;top:205px;left:calc(50% - 24px)}.packet-sheet{height:15px}.packet-user{top:3px}.packet-tool{height:23px;top:22px}.packet-answer{height:11px;top:49px}.packet-tool b{margin-top:3px}.context-boundary{width:94px;height:94px;top:315px;left:50%}.boundary-ring-inner{inset:13px}.boundary-core{border-radius:11px;inset:28px}.boundary-core i{height:14px}.boundary-core i:nth-child(2){height:22px}.model-view{width:108px;height:137px;animation-name:model-view-arrive-mobile;top:482px;left:50%}.model-stack{border-radius:12px;gap:5px;padding:10px 8px}.model-stack .data-card{min-height:31px;padding:5px 6px}.view-bracket{top:8px;bottom:8px}.ai-system{width:94px;height:94px;top:570px;right:7%;transform:none}.ai-core{inset:23px}.ai-core b{font-size:10px}.orbit-two{inset:12px}.return-packet{animation-name:return-travel-mobile;top:auto;bottom:125px;right:calc(15% - 16px)}.timeline{bottom:4%;left:9%;right:9%}@keyframes packet-travel-mobile{0%,7%{opacity:0;top:205px;left:calc(50% - 24px);transform:scale(.75)}13%{opacity:1;transform:scale(1)}45%{opacity:1;top:286px;left:calc(50% - 24px);transform:scale(1)}62%{opacity:1;top:442px;left:calc(50% - 24px);transform:scale(.94)}68%,to{opacity:0;top:442px;left:calc(50% - 24px);transform:scale(.86)}}@keyframes model-view-arrive-mobile{0%,59%{opacity:0;transform:translate(-50%,-50%)scale(.84)}67%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes return-travel-mobile{0%,72%{opacity:0;bottom:125px;right:calc(15% - 16px);transform:scale(.7)}77%{opacity:1;transform:scale(1)}94%{opacity:1;bottom:475px;right:calc(50% - 17px)}98%,to{opacity:0;bottom:475px;right:calc(50% - 17px);transform:scale(.8)}}@keyframes rail-charge-mobile{0%{opacity:0;transform:translateY(-100%)}12%{opacity:1}68%{opacity:.7;transform:translateY(100%)}to{opacity:0;transform:translateY(100%)}}@keyframes return-rail-charge-mobile{0%,72%{opacity:0;transform:translateY(-100%)}78%{opacity:1}98%{opacity:.7;transform:translateY(100%)}to{opacity:0;transform:translateY(100%)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.mode-context .context-boundary{opacity:1}.model-view{opacity:1;transform:translate(-50%,-50%)scale(1)}.data-card.is-returned{opacity:1;min-height:50px;padding-top:9px;padding-bottom:9px;transform:none}.timeline-progress{width:100%}}