.developer-journey{--dev-ink-soft:#5f6d55;--dev-row-bg:#fbfaf4;--dev-row-border:#dde2d1;--dev-row-ink:#3c4934;--dev-selected-bg:#17231a;--dev-selected-ink:#f3efe4;--dev-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--dev-glass:linear-gradient(158deg, #fffffde6, #f4f6ebcc 48%, #dfe6cfcc);--dev-glass-edge:#4b6a1e40;--dev-glass-hi:#fff;--dev-edge-front:linear-gradient(to bottom, #fdfdf8, #c3cfab);--dev-edge-side:linear-gradient(to left, #f7f8f0, #b7c59c);--dev-plate-ink:#2c3a1d;--dev-plate-caption:#6c7b58;--dev-model-glass:linear-gradient(158deg, #e6f8a8f2, #c9ea6be6 52%, #a9cd52e6);--dev-model-edge:#6f9431;--dev-model-ink:#1b2509;--dev-model-caption:#45601a;--dev-model-front:linear-gradient(to bottom, #d9f28a, #8fb33e);--dev-model-side:linear-gradient(to left, #d2ee7c, #86a838);--dev-lock-bg:#4b6a1e14;--dev-lock-ink:#4b6a1e;--dev-lock-glow:#7fa83a;--dev-lock-glow-soft:#c9ea6b80;--dev-answer-ink:#233114;--dev-glyph-glow:#8fbf2e;--dev-beam:#7fa83a;--dev-beam-soft:#c9ea6b59;--dev-trace:#7f9d4f;--dev-spark:#5d8424;--dev-shadow:#3c501466;--dev-scene-glow:#d9efa48c;background:var(--background);padding-block:80px 72px;overflow:clip}.dev-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px;display:flex}.dev-heading h2{max-width:680px;margin-top:22px}.dev-heading :where(h2) span{color:var(--primary)}.dev-heading>p{color:var(--muted-foreground);font-size:16px;line-height:1.7}.dev-stage{isolation:isolate;background:radial-gradient(55% 60% at 64% 46%,#e3f2bf66,#0000 70%),radial-gradient(50% 60% at 0 100%,#e6ecd680,#0000 70%),#eef0e6;border:1px solid #e1e5d6;border-radius:28px;grid-template:"copy scene""picker scene"1fr".foot""code code"/minmax(250px,300px) minmax(0,1fr);gap:28px clamp(28px,4vw,64px);padding:clamp(28px,3.2vw,44px);display:grid;position:relative;box-shadow:inset 0 1px #fff,0 28px 80px #394c0c0a}.dev-stage-copy{grid-area:copy}.dev-stage-eyebrow{color:#56751f;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:600}.dev-stage-copy h3{letter-spacing:-.045em;font-size:clamp(28px,2.5vw,38px);font-weight:600;line-height:1.08}.dev-stage-copy :where(h3)>span{color:var(--primary)}.dev-stage-description{max-width:36ch;color:var(--dev-ink-soft);margin-top:14px;font-size:15px;line-height:1.6}.dev-picker{grid-area:picker;align-self:start;min-width:0}.dev-picker-label{color:var(--dev-ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:600}.dev-model-list{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.dev-model{isolation:isolate;border:1px solid var(--dev-row-border);background:var(--dev-row-bg);min-height:52px;color:var(--dev-row-ink);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:0 14px 0 10px;font-size:14px;transition:border-color .2s,color .2s;display:flex;position:relative}.dev-model:hover{border-color:#b9c99d}.dev-model[aria-pressed=true]{color:var(--dev-selected-ink);border-color:#0000}.dev-model:before{content:"";z-index:-1;background:var(--dev-selected-bg);opacity:0;border-radius:12px;transition:opacity .28s ease-out;position:absolute;inset:-1px;box-shadow:inset 0 1px #ffffff1a,0 12px 26px -12px #1d2c1366}.dev-model[aria-pressed=true]:before{opacity:1}.dev-model-timer{z-index:1;opacity:.6;transform-origin:0;background:#c9ea6b;border-radius:2px;height:2px;animation:linear forwards dev-timer;position:absolute;bottom:0;left:14px;right:14px;transform:scaleX(0)}.dev-model-logo{background:#fffefa;border:1px solid #e3e6da;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.dev-model-logo img{object-fit:contain;width:18px;height:18px}.dev-model-text{flex:1;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.dev-model-name{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.dev-model-id{color:#74816a;font-family:var(--dev-mono);white-space:nowrap;font-size:12px;transition:color .2s}.dev-model[aria-pressed=true] .dev-model-id{color:#c9ea6b}.dev-trace{z-index:3;pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--dev-trace);stroke-width:1.25px;opacity:0;animation:1.25s ease-out dev-trace;position:absolute;inset:0;overflow:visible}.dev-trace-spark{z-index:3;background:var(--dev-spark);opacity:0;pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:0;box-shadow:0 0 0 4px #c9ea6b3d}.dev-scene{--plate-w:540px;--plate-h:206px;--gap:84px;--thick:12px;--tilt:57deg;--turn:-24deg;overflow-clip-margin:28px;grid-area:scene;min-width:0;position:relative;overflow:clip}.dev-scene-glow{background:radial-gradient(ellipse 50% 46% at 50% 62%, var(--dev-scene-glow), transparent 72%);pointer-events:none;position:absolute;inset:22% 6% 0}.dev-beam{top:var(--beam-top);left:var(--beam-x);width:180px;height:var(--beam-length);pointer-events:none;margin-left:-90px;animation:.9s ease-out .9s backwards dev-fade-in;position:absolute}.dev-beam:before,.dev-beam:after{content:"";position:absolute}.dev-beam:before{background:linear-gradient(to top, var(--dev-beam), transparent);border-radius:2px;width:2px;margin-left:-1px;top:0;bottom:0;left:50%}.dev-beam:after{background:radial-gradient(ellipse 46% 100% at 50% 100%, var(--dev-beam-soft), transparent 72%);inset:0}.dev-beam>span{z-index:1;opacity:0;background:#e6f8a8;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:0;left:50%;box-shadow:0 0 9px #c9ea6b}.dev-beam[data-streaming=true]>span{animation:1.15s cubic-bezier(.3,0,.6,1) infinite dev-mote}.dev-beam[data-streaming=true]>span:nth-child(2){margin-left:-10px;animation-delay:.38s}.dev-beam[data-streaming=true]>span:nth-child(3){margin-left:6px;animation-delay:.76s}.dev-answer{z-index:1;text-align:center;width:min(540px,100%);margin-inline:auto;padding-top:6px;position:relative}.dev-answer-label{color:var(--dev-ink-soft);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;font-size:11px;font-weight:600;display:flex}.dev-answer-label>span:first-child{color:var(--dev-answer-ink);align-items:center;gap:8px;display:inline-flex}.dev-answer-label>span:first-child:before{content:"";background:var(--dev-beam);width:6px;height:6px;box-shadow:0 0 8px var(--dev-beam);border-radius:50%}.dev-answer-label>span:last-child{letter-spacing:.04em;text-transform:none;font-weight:500}.dev-answer-text{min-height:2.6em;color:var(--dev-answer-ink);letter-spacing:-.025em;text-wrap:balance;--dev-stream-start:1.05s;margin-top:14px;font-size:clamp(21px,1.75vw,26px);font-weight:500;line-height:1.3}.dev-answer[data-first=true] .dev-answer-text{--dev-stream-start:.45s}.dev-glyph{--dev-word-at:calc(var(--dev-stream-start) + var(--i) * 90ms);animation:dev-glyph-rise .6s cubic-bezier(.16, 1, .3, 1) var(--dev-word-at) both;display:inline-block;position:relative}.dev-glyph-sharp{animation:dev-fade-in .5s ease-out calc(var(--dev-word-at) + 80ms) both}.dev-glyph-soft{color:#0000;text-shadow:0 0 10px var(--dev-glyph-glow);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:dev-glyph-soft .8s ease-out var(--dev-word-at) both;position:absolute;inset:0}.dev-answer-path{color:var(--dev-ink-soft);font-family:var(--dev-mono);justify-content:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.dev-answer-path>span:before{content:"· "}.dev-strata-view{perspective:1900px;perspective-origin:50% 18%;height:580px;margin-top:4px;position:relative}.dev-strata{width:var(--plate-w);height:var(--plate-h);margin:calc(var(--plate-h) / -2) 0 0 calc(var(--plate-w) / -2);transform:rotateX(var(--tilt)) rotateZ(var(--turn));transform-style:preserve-3d;padding:0;list-style:none;position:absolute;top:72%;left:53%}.dev-slot{transform:translateZ(calc(var(--level) * var(--gap)));transform-style:preserve-3d;position:absolute;inset:0}.dev-plate{transform-style:preserve-3d;position:absolute;inset:0}.dev-plate-top{background:var(--dev-glass);box-shadow:inset 0 0 0 1px var(--dev-glass-edge), inset 1px 1px 0 var(--dev-glass-hi);color:var(--dev-plate-ink);border-radius:8px;position:absolute;inset:0;overflow:hidden}.dev-plate-front{width:calc(100% - 8px);height:var(--thick);background:var(--dev-edge-front);transform-origin:top;position:absolute;top:100%;left:4px;transform:rotateX(-90deg)}.dev-plate-side{width:var(--thick);background:var(--dev-edge-side);transform-origin:100%;height:calc(100% - 8px);position:absolute;top:4px;right:100%;transform:rotateY(-90deg)}.dev-plate-label{flex-direction:column;gap:5px;display:flex;position:absolute;bottom:20px;left:28px;right:84px}.dev-plate-caption{color:var(--dev-plate-caption);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:600}.dev-plate-label code{font-family:var(--dev-mono);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:500;overflow:hidden}.dev-plate-part{white-space:nowrap}.dev-plate-lock{background:var(--dev-lock-bg);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--dev-glass-edge);color:var(--dev-lock-ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:22px;right:26px}.dev-plate-lock svg{width:17px;height:17px}.dev-plate-lock[data-pulse=true]{animation:.7s cubic-bezier(.16,1,.3,1) backwards dev-lock;animation-delay:inherit}.dev-plate-lock[data-pulse=true]:after{content:"";border:1.5px solid var(--dev-lock-glow);opacity:0;animation:.95s ease-out dev-ring;animation-delay:inherit;border-radius:50%;position:absolute;inset:-2px}.dev-plate-glow{border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--dev-lock-glow), inset 0 0 36px var(--dev-lock-glow-soft);opacity:0;pointer-events:none;animation:1.3s ease-out dev-glow;position:absolute;inset:0}.dev-plate[data-kind=model] .dev-plate-top{background:var(--dev-model-glass);box-shadow:inset 0 0 0 1.5px var(--dev-model-edge), inset 1px 1px 0 #ffffffa6, 0 0 42px #c9ea6b4d;color:var(--dev-model-ink)}.dev-plate[data-kind=model] .dev-plate-front{background:var(--dev-model-front)}.dev-plate[data-kind=model] .dev-plate-side{background:var(--dev-model-side)}.dev-plate[data-kind=model] .dev-plate-caption{color:var(--dev-model-caption)}.dev-plate-face{position:absolute;inset:0}.dev-plate-soft{opacity:0}.dev-plate[data-motion=enter]{animation:.8s cubic-bezier(.3,1.32,.55,1) .32s backwards dev-plate-in,.4s ease-out .32s backwards dev-fade-in}.dev-plate[data-motion=enter] .dev-plate-sharp{animation:.45s ease-out .5s backwards dev-fade-in}.dev-plate[data-motion=enter] .dev-plate-soft{animation:.55s ease-out .45s backwards dev-soft}.dev-plate[data-motion=leave]{pointer-events:none;animation:.55s cubic-bezier(.55,0,.75,.2) .2s forwards dev-plate-out,.5s ease-in .25s forwards dev-fade-out}.dev-plate[data-motion=leave] .dev-plate-sharp{animation:.3s ease-in .15s forwards dev-fade-out}.dev-plate[data-motion=leave] .dev-plate-soft{animation:.3s ease-out .1s forwards dev-fade-in}.dev-plate-soft{color:#0000;text-shadow:0 0 7px var(--dev-glyph-glow)}.dev-plate-soft .dev-plate-caption{color:#0000}.dev-plate-soft .dev-plate-logo{opacity:.35}.dev-plate-model{align-items:center;gap:12px;display:flex}.dev-plate[data-kind=model] .dev-plate-label{gap:8px;bottom:22px;right:28px}.dev-plate[data-kind=model] .dev-plate-label code{font-size:21px;font-weight:600}.dev-plate-logo{background:#fffef8;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 2px 6px #2b3d1026}.dev-plate-logo img{object-fit:contain;width:20px;height:20px}.dev-plate-sheen{pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:34%;animation:1.5s cubic-bezier(.45,0,.2,1) .75s both dev-sheen;position:absolute;top:-40%;bottom:-40%;left:-45%;transform:translate(0)skew(-12deg)}.dev-strata-shadow{background:radial-gradient(closest-side, var(--dev-shadow), transparent);position:absolute;inset:-14% -10%;transform:translateZ(-30px)}.dev-scene-foot{flex-wrap:wrap;grid-area:foot;justify-content:space-between;align-items:center;gap:12px 20px;min-width:0;display:flex}.dev-scene-caption{min-width:0;color:var(--dev-ink-soft);align-items:center;gap:10px;font-size:13px;line-height:1.5;display:flex}.dev-scene-caption code{font-family:var(--dev-mono)}.dev-code-toggle{flex-shrink:0}.dev-console{--dev-lh:24px;--dev-pad:18px;--dev-gutter:52px;--dev-code-bg:#121a14;background:var(--dev-code-bg);min-width:0;color:var(--foreground);border:1px solid #2a3a2c;border-radius:18px;grid-area:code;position:relative;overflow:hidden;box-shadow:inset 0 1px #f3efe41a,0 32px 60px -30px #1b2b1270}.dev-console-tabs{gap:0}.dev-console-bar{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-width:0;padding:10px 10px 10px 12px;display:flex}.dev-console-bar [data-slot=tabs-list]{margin-right:auto}.dev-console-bar [data-slot=tabs-trigger]{padding-inline:10px;font-size:13px}.dev-console-bar [data-slot=tabs-trigger][data-state=active]{color:var(--primary)}.dev-console-hint{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.dev-diffstat{color:var(--muted-foreground);font-family:var(--dev-mono);white-space:nowrap;align-items:center;gap:6px;font-size:12px;animation:.5s cubic-bezier(.16,1,.3,1) .35s backwards dev-pop;display:inline-flex}.dev-diffstat b{font-weight:600}.dev-diffstat b:first-child{color:var(--destructive)}.dev-diffstat b:nth-child(2){color:var(--primary)}.dev-code{min-height:calc(16 * var(--dev-lh) + 2 * var(--dev-pad));overscroll-behavior-x:contain;scrollbar-color:#3d4b3f transparent;scrollbar-width:thin;overflow-x:auto}.dev-code:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.dev-code-canvas{width:max-content;min-width:100%;padding-block:var(--dev-pad);position:relative}.dev-code-pre{z-index:1;font-family:var(--dev-mono);font-size:13px;line-height:var(--dev-lh);tab-size:2;margin:0;padding:0 28px 0 0;position:relative}.dev-code .code-line{min-width:max-content;height:var(--dev-lh);display:flex}.dev-code .line-number{flex:0 0 var(--dev-gutter);width:var(--dev-gutter);color:#5d6a5f;text-align:right;-webkit-user-select:none;user-select:none;padding-right:20px}.dev-code .code-line>span:last-child{white-space:pre}.dev-model-band,.dev-diff{left:0;right:0;top:calc(var(--dev-pad) + var(--dev-model-line) * var(--dev-lh));height:var(--dev-lh);pointer-events:none;position:absolute}.dev-model-band{background:#c9ea6b12;box-shadow:inset 2px 0 #c9ea6b}.dev-diff{z-index:2;-webkit-user-select:none;user-select:none;animation:2.3s linear forwards dev-diff-fade;overflow:hidden}.dev-diff-track{animation:2.3s forwards dev-diff-roll}.dev-diff-row{height:var(--dev-lh);position:relative;overflow:hidden}.dev-diff-row[data-kind=removed]{background:color-mix(in srgb, #f28b7d 17%, var(--dev-code-bg));box-shadow:inset 2px 0 #f28b7d}.dev-diff-row[data-kind=removed] .dev-diff-code{opacity:.72}.dev-diff-row[data-kind=added]{background:color-mix(in srgb, #c9ea6b 15%, var(--dev-code-bg));box-shadow:inset 2px 0 #c9ea6b}.dev-diff-code{transform:translateY(calc(var(--dev-model-line) * var(--dev-lh) * -1))}.dev-diff-row .line-number{visibility:hidden}.dev-diff-sign{z-index:1;width:var(--dev-gutter);font-family:var(--dev-mono);font-size:14px;font-weight:600;line-height:var(--dev-lh);text-align:right;padding-right:20px;position:absolute;top:0;left:0}.dev-diff-row[data-kind=removed] .dev-diff-sign{color:#f6a397}.dev-diff-row[data-kind=added] .dev-diff-sign{color:#c9ea6b}.dev-console-note{border-top:1px solid var(--border);color:var(--muted-foreground);align-items:center;gap:8px;padding:10px 18px;font-size:12px;line-height:1.5;display:flex}.dev-copy-status{color:var(--warning-foreground);padding:0 18px 10px;font-size:12px}.dev-paths{--dev-port-lit:#6f9a2a;--dev-port-dim:#a3ad94;--dev-port-wire:#c7d0b8;padding-top:4px;position:relative}.dev-path-wires{width:100%;height:72px;display:block;overflow:visible}.dev-path-wires path{vector-effect:non-scaling-stroke;stroke-linecap:round}.dev-path-base{stroke:var(--dev-port-wire);stroke-width:1.5px}.dev-path-branch[data-kind=planned] .dev-path-base{stroke-dasharray:3 6}.dev-path-lit{stroke:var(--dev-port-lit);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:opacity .35s ease-out}.dev-paths[data-seen=true] .dev-path-branch[data-kind=available] .dev-path-lit{opacity:1;animation:1.1s cubic-bezier(.45,0,.2,1) .15s forwards dev-wire-draw}.dev-paths[data-selected=mcp] .dev-path-branch[data-id=mcp] .dev-path-base,.dev-paths[data-selected=x402] .dev-path-branch[data-id=x402] .dev-path-base{stroke:var(--dev-port-dim)}.dev-ports{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-width:0;margin:0;padding:0;display:grid}.dev-port{text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:0 12px 6px;display:flex;position:relative}.dev-port-socket{border:1.5px dashed var(--dev-port-dim);background:var(--background);width:58px;height:58px;color:var(--dev-port-dim);border-radius:18px;place-items:center;margin-top:-4px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:grid}.dev-port[data-kind=available] .dev-port-socket{color:#1e2509;background:linear-gradient(150deg,#e2f6a0,#c9ea6b 55%,#a9cd52);border:0;box-shadow:inset 0 1px #ffffffa6,0 0 0 6px #c9ea6b2e,0 12px 26px -12px #5d842499}.dev-port:hover .dev-port-socket,.dev-port[aria-pressed=true] .dev-port-socket{transform:translateY(-3px)}.dev-port[data-kind=planned][aria-pressed=false] .dev-port-socket{opacity:.75}.dev-port-text strong{letter-spacing:-.02em;font-size:17px;font-weight:600;display:block}.dev-port-text small{color:var(--dev-ink-soft);margin-top:2px;font-size:13px;display:block}.dev-port[data-kind=planned] .dev-port-text strong{color:var(--dev-ink-soft)}.dev-port-status{border:1px solid var(--dev-port-wire);color:var(--dev-ink-soft);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600}.dev-port[data-kind=planned] .dev-port-status{border-style:dashed}.dev-port[data-kind=available] .dev-port-status{color:#3e5918;background:#c9ea6b59;border-color:#0000}.dev-port[aria-pressed=true] .dev-port-text strong{color:var(--foreground)}.dev-port[aria-pressed=true]:after{content:"";background:var(--dev-port-lit);border-radius:2px;width:28px;height:2px;margin-left:-14px;position:absolute;bottom:-10px;left:50%}.dev-port[data-kind=planned][aria-pressed=true]:after{background:var(--dev-port-dim)}.dev-port-panel{background:radial-gradient(40% 90% at 8%,#dcefb066,#0000 70%),#f3f5ec;border:1px solid #dfe4d3;border-radius:22px;justify-content:space-between;align-items:center;gap:32px;margin-top:30px;padding:22px 26px;display:flex}.dev-port-panel[data-kind=planned]{background:0 0;border-style:dashed}.dev-port-detail{align-items:center;gap:24px;min-width:0;animation:.4s cubic-bezier(.16,1,.3,1) dev-pop;display:flex}.dev-port-detail>div{max-width:640px}.dev-port-glyph{stroke-linecap:round;stroke-linejoin:round;flex:0 0 104px;width:104px;height:84px}.dev-glyph-api path{stroke:var(--dev-port-lit);stroke-width:3px}.dev-glyph-api rect{fill:#a9b79a66}.dev-glyph-api rect.is-model{fill:#c9ea6b}.dev-glyph-wire path,.dev-glyph-wire circle{stroke:var(--dev-port-dim);stroke-width:1.5px;stroke-dasharray:3 4}.dev-port-panel-status{color:var(--dev-ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.dev-port-panel[data-kind=available] .dev-port-panel-status{color:#56751f}.dev-port-detail h3{letter-spacing:-.035em;margin-top:5px;font-size:23px;font-weight:600}.dev-port-detail p{color:var(--muted-foreground);margin-top:6px;font-size:14px;line-height:1.65}.dev-cta{flex-shrink:0}.developer-journey :is(button,a):not([data-slot=button]):focus-visible{outline:2px solid var(--ring);outline-offset:3px}@keyframes dev-wire-draw{to{stroke-dashoffset:0}}@keyframes dev-grow{to{transform:scaleY(1)}}@keyframes dev-timer{to{transform:scaleX(1)}}@keyframes dev-trace{0%{opacity:0}18%{opacity:.85}55%{opacity:.55}to{opacity:0}}@keyframes dev-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dev-fade-out{to{opacity:0}}@keyframes dev-soft{0%{opacity:1}to{opacity:0}}@keyframes dev-plate-in{0%{transform:translate(-28%)}}@keyframes dev-plate-out{to{transform:translate(28%)}}@keyframes dev-mote{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(calc(var(--beam-length) * -.92)) scale(1)}}@keyframes dev-glyph-rise{0%{transform:translateY(.55em)}}@keyframes dev-glyph-soft{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes dev-sheen{to{transform:translate(520%)skew(-12deg)}}@keyframes dev-glow{0%{opacity:0}22%{opacity:1}to{opacity:0}}@keyframes dev-lock{40%{transform:scale(1.22)}}@keyframes dev-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes dev-diff-fade{0%,80%{opacity:1}to{opacity:0}}@keyframes dev-diff-roll{0%,24%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(0)}44%,to{transform:translateY(calc(var(--dev-lh) * -1))}}@keyframes dev-pop{0%{opacity:0;transform:translateY(4px)}}@media (width<=1099px){.dev-stage{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""picker""scene""foot""code";row-gap:24px}.dev-stage-description{max-width:60ch}.dev-model-list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin-inline:-4px;padding:2px 4px 6px;display:flex;overflow-x:auto}.dev-model-list::-webkit-scrollbar{display:none}.dev-model{scroll-snap-align:start;flex:none;min-height:54px;padding:8px 16px 8px 9px}.dev-model-text{flex-direction:column;align-items:flex-start;gap:1px}.dev-model-name{font-size:13px}.dev-model-id{font-size:11px}}@media (width<=767px){.developer-journey{padding-block:56px 40px}.dev-heading{margin-bottom:26px;display:block}.dev-heading>p{margin-top:18px;font-size:15px}.dev-heading>p br{display:none}.dev-stage{border-radius:20px;padding:20px 14px 18px}.dev-stage-copy,.dev-picker-label{padding-inline:4px}.dev-model-list{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.dev-scene{--thick:8px}.dev-answer-text{margin-top:10px;font-size:20px}.dev-strata-view{perspective:900px;perspective-origin:50% -20%;height:auto;margin-top:22px;padding:4px 6px 14px}.dev-strata{flex-direction:column;gap:12px;width:auto;height:auto;margin:0;display:flex;position:relative;top:auto;left:auto;transform:none}.dev-slot{height:66px;position:relative;inset:auto;transform:rotateX(22deg)}.dev-slot[data-model]{height:78px}.dev-plate-side,.dev-strata-shadow{display:none}.dev-plate-label,.dev-plate[data-kind=model] .dev-plate-label{gap:3px;inset:50% 56px auto 16px;transform:translateY(-50%)}.dev-plate[data-kind=model] .dev-plate-label{gap:5px;right:14px}.dev-plate-caption{font-size:10px}.dev-plate-label code{white-space:normal;font-size:13px;line-height:1.35}.dev-plate[data-kind=model] .dev-plate-label code{font-size:15px}.dev-plate-logo{border-radius:7px;flex-basis:26px;width:26px;height:26px}.dev-plate-logo img{width:16px;height:16px}.dev-plate-lock{width:28px;height:28px;margin-top:-14px;top:50%;bottom:auto;right:14px}.dev-plate-lock svg{width:14px;height:14px}.dev-scene-foot{flex-direction:column;align-items:stretch}.dev-scene-caption{padding-inline:4px;font-size:12px}.dev-console{--dev-lh:22px;--dev-pad:14px;--dev-gutter:36px;border-radius:14px}.dev-console-bar{padding:8px}.dev-console-bar [data-slot=tabs-trigger]{padding-inline:8px;font-size:12px}.dev-console-bar [data-slot=button]>span,.dev-console-hint{display:none}.dev-code{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.dev-code-pre{padding-right:28px;font-size:12px}.dev-code .line-number,.dev-diff-sign{padding-right:12px}.dev-console-note{align-items:flex-start;padding:10px 14px}.dev-console-note svg{flex-shrink:0;margin-top:2px}.dev-path-wires{display:none}.dev-paths{padding:18px 0 0 22px}.dev-ports{position:relative}.dev-ports:before{content:"";border-left:1.5px dashed var(--dev-port-wire);position:absolute;top:-18px;bottom:24px;left:-14px}.dev-paths:after{content:"";background:var(--dev-port-lit);transform-origin:top;width:2px;height:46px;margin-left:-.25px;position:absolute;top:0;left:8px;transform:scaleY(0)}.dev-paths[data-seen=true]:after{animation:.7s cubic-bezier(.45,0,.2,1) .15s forwards dev-grow}.dev-ports{grid-template-columns:minmax(0,1fr);gap:16px}.dev-port{text-align:left;flex-direction:row;gap:12px;padding:0}.dev-port:before{content:"";border-top:1.5px dashed var(--dev-port-wire);width:12px;position:absolute;top:24px;left:-14px}.dev-port[data-kind=available]:before{border-top:2px solid var(--dev-port-lit)}.dev-port-socket{border-radius:14px;flex:0 0 48px;width:48px;height:48px;margin-top:0}.dev-port-text{flex:1;min-width:0}.dev-port-text strong{font-size:16px}.dev-port-status{font-size:10px}.dev-port[aria-pressed=true]:after{display:none}.dev-port:hover .dev-port-socket,.dev-port[aria-pressed=true] .dev-port-socket{transform:none}.dev-port[aria-pressed=true] .dev-port-text strong{text-decoration:underline;-webkit-text-decoration-color:var(--dev-port-lit);text-decoration-color:var(--dev-port-lit);text-underline-offset:5px;text-decoration-thickness:2px}.dev-port[data-kind=planned][aria-pressed=true] .dev-port-text strong{-webkit-text-decoration-color:var(--dev-port-dim);text-decoration-color:var(--dev-port-dim)}.dev-port-panel{flex-direction:column;align-items:stretch;gap:18px;margin:22px 0 0 -22px;padding:18px}.dev-port-detail{align-items:flex-start;gap:14px}.dev-port-glyph{flex-basis:64px;width:64px;height:52px}.dev-port-detail h3{font-size:19px}}@media (prefers-reduced-motion:reduce){.developer-journey *,.developer-journey :before,.developer-journey :after{transition:none;animation:none}.dev-glyph-soft{display:none}.dev-paths .dev-path-branch[data-kind=available] .dev-path-lit{opacity:1;stroke-dashoffset:0}.dev-paths:after{transform:none}}.developer-journey .dev-stage[data-active=false] *,.developer-journey .dev-stage[data-active=false] :before,.developer-journey .dev-stage[data-active=false] :after{animation-play-state:paused}