.zBdzNW_opening{width:100%;max-width:1400px;min-height:100svh;padding:calc(var(--site-nav-h,96px) + 32px) 80px 32px;color:#fff;flex-direction:column;justify-content:space-between;gap:32px;display:flex}.zBdzNW_introSurface{width:100%;opacity:var(--intro-opacity,1);transform:translateY(var(--intro-y,0px)) scale(var(--intro-scale,1));transform-origin:50% 35%;flex-direction:column;flex:1;justify-content:space-between;gap:32px;display:flex}.zBdzNW_kicker{letter-spacing:.12em;justify-content:space-between;align-items:center;gap:24px;font-size:12px;font-weight:600;line-height:20px;display:flex}.zBdzNW_kicker span:first-child{color:#fb923c}.zBdzNW_kicker span+span{color:#9abcd8;letter-spacing:.02em;font-weight:400}.zBdzNW_content{flex-direction:column;align-items:center;gap:26px;width:100%;padding:24px 0;display:flex}.zBdzNW_heading{letter-spacing:-.045em;text-align:center;place-items:center;max-width:1050px;min-height:2.2em;margin:0;font-size:clamp(40px,4.8vw,72px);font-weight:700;line-height:1.09;display:grid;position:relative}.zBdzNW_caption{text-align:center;color:#c5d7e8;max-width:760px;min-height:3em;margin:0;font-size:24px;line-height:34px}.zBdzNW_diagram{isolation:isolate;width:100%;max-width:1100px;height:300px;position:relative}.zBdzNW_step{top:70px;left:var(--old-x);color:#c5d7e8;z-index:2;flex-direction:column;align-items:center;gap:10px;width:104px;font-size:16px;display:flex;position:absolute;transform:translate(-50%)}.zBdzNW_tile{color:#fff;background:#0b1a33;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;position:relative}.zBdzNW_step i{background:#c5d7e8;border-radius:50%;width:8px;height:8px;margin:0;transition:opacity .25s;position:absolute;top:94px;left:50%;transform:translate(-50%)}.zBdzNW_oldLine{transform-origin:0;background:#52647e;width:90%;height:2px;transition:opacity .3s;position:absolute;top:167px;left:5%}.zBdzNW_friction{opacity:0;transform-origin:0;z-index:1;background:#fb923c;width:15%;height:4px;position:absolute;top:166px}.zBdzNW_friction span{color:#fb923c;text-align:center;padding-top:14px;font-size:12px;line-height:18px;display:block}.zBdzNW_aiBox{opacity:0;background:#141431;border:1px solid #8b7cf6;border-radius:12px;width:48%;height:192px;position:absolute;top:34px;left:26%;box-shadow:0 0 64px #8b7cf633}.zBdzNW_aiBadge{color:#c4b8fb;background:#141431;border:1px solid #8b7cf6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:absolute;top:-20px;right:-20px}.zBdzNW_aiLabel{text-align:center;letter-spacing:.12em;color:#c4b8fb;width:100%;font-size:11px;font-weight:600;position:absolute;bottom:24px}.zBdzNW_aiLine{opacity:0;transform-origin:50%;flex-direction:column;gap:12px;width:10%;display:flex;position:absolute;top:90px;left:45%}.zBdzNW_aiLine span{background:#a99bff;height:2px;position:relative}.zBdzNW_aiLine span:after{content:"";border-bottom:2px solid #a99bff;border-right:2px solid #a99bff;width:8px;height:8px;position:absolute;top:-3px;right:0;transform:rotate(-45deg)}.zBdzNW_aiLine span:last-child:after{left:0;right:auto;transform:rotate(135deg)}.zBdzNW_review{opacity:0;white-space:nowrap;z-index:4;align-items:center;display:flex;position:absolute;top:198px;left:calc(26% - 28px)}.zBdzNW_reviewTile{background:#141431;border-color:#b8aaff;flex:none;box-shadow:0 0 30px #8b7cf633}.zBdzNW_reviewText{color:#c5d7e8;background:0 0;padding:0;font-size:14px;line-height:20px;position:absolute;top:calc(100% - 22px);left:calc(100% + 10px)}.zBdzNW_opening[data-scene="1"] .zBdzNW_friction{opacity:1}.zBdzNW_opening:is([data-scene="2"],[data-scene="3"]) .zBdzNW_step[data-step="1"]{left:38%}.zBdzNW_opening:is([data-scene="2"],[data-scene="3"]) .zBdzNW_step[data-step="5"]{left:62%}.zBdzNW_opening:is([data-scene="2"],[data-scene="3"]) .zBdzNW_step:not([data-step="1"]):not([data-step="5"]){opacity:0;pointer-events:none;z-index:1;transform:translate(-50%,-28px)scale(.86)}.zBdzNW_opening:is([data-scene="2"],[data-scene="3"]) :is(.zBdzNW_oldLine,.zBdzNW_step i){opacity:0}.zBdzNW_opening:is([data-scene="2"],[data-scene="3"]) :is(.zBdzNW_aiBox,.zBdzNW_aiLine,.zBdzNW_review){opacity:1;transform:none}@property --ai-beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.zBdzNW_borderRing{border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--ai-beam-angle),transparent 0deg,transparent 220deg,#8b7cf600 230deg,#8b7cf640 270deg,#b8aaffbb 320deg,#eeeaff 351deg,#fff 356deg,transparent 360deg);padding:2px;display:none;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.zBdzNW_borderLight{animation:12s linear -8s infinite zBdzNW_borderTrace,4s ease-in-out infinite zBdzNW_borderBreathe}.zBdzNW_reviewTile:before{content:"";opacity:0;pointer-events:none;border-radius:12px;animation:12s ease-in-out -8s infinite zBdzNW_reviewGlow;display:none;position:absolute;inset:-6px;box-shadow:0 0 28px 7px #b8aaff66}.zBdzNW_opening[data-scene="3"] .zBdzNW_borderRing,.zBdzNW_opening[data-scene="3"] .zBdzNW_reviewTile:before{display:block}.zBdzNW_opening[data-motion-running=false] .zBdzNW_borderLight{animation-play-state:paused}@keyframes zBdzNW_borderTrace{0%{--ai-beam-angle:0deg}to{--ai-beam-angle:360deg}}@keyframes zBdzNW_borderBreathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes zBdzNW_reviewGlow{0%,72%,to{opacity:0}83%,88%{opacity:.85}96%{opacity:0}}.zBdzNW_headingLayer{opacity:0;z-index:0;grid-area:1/1;transform:translateY(24px)}.zBdzNW_headingLayer[data-active=true]{opacity:1;z-index:1;transform:none}.zBdzNW_step>span{line-height:24px}.zBdzNW_opening[data-reduced=false]{animation:1.2s ease-out both zBdzNW_openingIn}@keyframes zBdzNW_openingIn{0%{opacity:0}to{opacity:1}}.zBdzNW_controls{flex-direction:column;gap:18px;width:100%;display:flex}.zBdzNW_progress{gap:4px;display:flex}.zBdzNW_progress>div{background:#23344e;flex:1;height:2px;overflow:hidden}.zBdzNW_progress span{transform-origin:0;background:#8b7cf6;width:100%;height:100%;display:block;transform:scaleX(1)}.zBdzNW_controlRow{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.zBdzNW_playback,.zBdzNW_sceneNav{align-items:center;gap:10px;display:flex}.zBdzNW_controlRow button{color:#fff;cursor:pointer;background:0 0;border:1px solid #52647e;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 16px;font-size:12px;display:flex}.zBdzNW_controlRow button:hover:not(:disabled){background:#141431}.zBdzNW_controlRow button:disabled{opacity:.3;cursor:default}.zBdzNW_controlRow button:focus-visible{outline-offset:4px;outline:2px solid #c4b8fb}.zBdzNW_controlRow svg{font-size:18px}.zBdzNW_controlRow .zBdzNW_replay{width:44px;padding:0}.zBdzNW_controlRow .zBdzNW_explore{color:#c5d7e8;border:0;justify-self:end;padding-right:0}.zBdzNW_explore svg{color:#fb923c}.zBdzNW_clock,.zBdzNW_sceneCount{color:#9abcd8;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.zBdzNW_sceneCount{text-align:center;min-width:32px}.zBdzNW_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes zBdzNW_reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes zBdzNW_tileIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:750px){.zBdzNW_opening{padding:calc(var(--site-nav-h,72px) + 24px) 24px 24px;gap:24px}.zBdzNW_introSurface{gap:24px}.zBdzNW_kicker span+span{display:none}.zBdzNW_heading{min-height:2.3em;font-size:40px;line-height:46px}.zBdzNW_caption{min-height:4.5em;font-size:20px;line-height:30px}.zBdzNW_content{gap:20px;padding:16px 0}.zBdzNW_diagram{max-width:430px;height:280px}.zBdzNW_step{left:calc(16.67% + var(--column)*33.33%);top:calc(5px + var(--row)*100px);gap:6px;width:100px;font-size:13px}.zBdzNW_step i,.zBdzNW_oldLine,.zBdzNW_friction{display:none}.zBdzNW_step .zBdzNW_tile{width:44px;height:44px;font-size:22px}.zBdzNW_aiBox{width:84%;height:174px;top:25px;left:8%}.zBdzNW_aiLine{width:16%;top:80px;left:42%}.zBdzNW_opening:is([data-scene="2"],[data-scene="3"]) .zBdzNW_step[data-step="1"]{top:60px;left:26%}.zBdzNW_opening:is([data-scene="2"],[data-scene="3"]) .zBdzNW_step[data-step="5"]{top:60px;left:74%}.zBdzNW_review{gap:10px;top:175px;left:calc(8% - 24px)}.zBdzNW_review .zBdzNW_tile{width:48px;height:48px;font-size:22px}.zBdzNW_reviewText{font-size:12px;line-height:18px}.zBdzNW_clock{display:none}.zBdzNW_aiBadge{top:-16px;right:-12px}.zBdzNW_aiLabel{font-size:9px;bottom:24px}.zBdzNW_controlRow{grid-template-columns:1fr auto;gap:10px}.zBdzNW_controlRow button{gap:6px;padding:8px 12px}.zBdzNW_sceneNav{grid-area:2/1/auto/-1;justify-content:center}.zBdzNW_sceneNav button{min-width:100px}.zBdzNW_opening[data-scene="1"] .zBdzNW_diagram:after{content:"Repeated translation between formats";text-align:center;color:#fb923c;width:100%;font-size:12px;position:absolute;bottom:0;left:0}}@media (prefers-reduced-motion:reduce){.zBdzNW_opening,.zBdzNW_opening *{transition:none!important;animation:none!important}}.zBdzNW_opening[data-reduced=true],.zBdzNW_opening[data-reduced=true] *{transition:none!important;animation:none!important}.zBdzNW_opening[data-reduced=true] .zBdzNW_borderLight{--ai-beam-angle:240deg}.zBdzNW_workflow{transform-origin:0;position:absolute;inset:0}.zBdzNW_proof{visibility:hidden;pointer-events:none;position:absolute;inset:0}.zBdzNW_proof figure{opacity:0;margin:0;position:absolute;transform:translateY(10px)}.zBdzNW_wireframe{width:100%}.zBdzNW_proof figcaption{color:#9abcd8;letter-spacing:.1em;margin-top:12px;font-size:10px;font-weight:600;line-height:16px}.zBdzNW_prototype{width:42%;top:0;left:36%}.zBdzNW_pullRequest{z-index:1;width:22%;top:34px;left:73%}.zBdzNW_opening[data-scene="3"] .zBdzNW_workflow{z-index:10;transform:translate(-130px,24px)scale(.78)}.zBdzNW_opening[data-scene="3"] .zBdzNW_proof{visibility:visible}.zBdzNW_opening[data-scene="3"] .zBdzNW_proof figure{opacity:1;transform:none}@media (max-width:750px){.zBdzNW_diagram{height:420px}.zBdzNW_workflow{transform-origin:top;height:280px}.zBdzNW_opening[data-scene="3"] .zBdzNW_workflow{transform:translateY(-10px)scale(.82)}.zBdzNW_wireframe{transform-origin:0 0;width:138.889%;margin-bottom:-70px;transform:scale(.72)}.zBdzNW_prototype{width:76%;top:200px;left:0}.zBdzNW_pullRequest{width:40%;top:230px;left:60%}.zBdzNW_proof figcaption{letter-spacing:.06em;margin-top:8px;font-size:8px;line-height:12px}}@media (hover:hover) and (pointer:fine){.zBdzNW_controls{opacity:0;pointer-events:none;transition:opacity .2s ease-out}.zBdzNW_opening[data-pointer-active=true]:hover .zBdzNW_controls{opacity:1;pointer-events:auto}.zBdzNW_opening:has(:focus-visible) .zBdzNW_controls{opacity:1;pointer-events:auto}}.zBdzNW_opening[data-reduced=true] .zBdzNW_controls{opacity:1;pointer-events:auto}.zBdzNW_opening[data-scrolling=true][data-reduced=false] :is(.zBdzNW_kicker,.zBdzNW_controls){opacity:0;visibility:hidden;pointer-events:none;transition:none}