html:has(.landing){scrollbar-width:none}html:has(.landing)::-webkit-scrollbar{display:none}.landing{--page-gutter:clamp(20px, 5vw, 100px);isolation:isolate;position:relative;overflow:clip}.page-width{width:calc(100% - 2 * var(--page-gutter));margin-inline:auto}.site-footer{padding-left:var(--page-gutter);padding-right:calc(var(--page-gutter) + 56px)}.skip-link{z-index:60;background:var(--primary);color:var(--primary-foreground);padding:12px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.wordmark{letter-spacing:-1.4px;align-items:center;gap:9px;font-size:28px;font-weight:650;display:inline-flex}.wordmark-dot{color:var(--primary);align-self:flex-start;margin-top:5px;font-size:19px}.brand-mark{background:var(--primary);width:33px;height:33px;color:var(--primary-foreground);border-radius:7px;place-items:center;margin-right:3px;font-size:26px;font-style:italic;font-weight:850;display:grid}.hero{isolation:isolate;min-height:830px;padding-top:91px;position:relative;overflow:clip}.hero-content{z-index:2;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--primary);align-items:center;gap:10px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.7;display:flex}.signal-dot{background:var(--primary);width:6px;height:6px;box-shadow:0 0 14px color-mix(in oklch, var(--primary) 45%, transparent);border-radius:50%;flex-shrink:0;display:inline-block}.hero h1{letter-spacing:-6px;margin:28px 0 24px;font-size:clamp(65px,6.8vw,100px);font-weight:500;line-height:1.02}.hero h1 span{color:var(--primary)}.hero-description{color:var(--muted-foreground);font-size:17px;line-height:1.65}.hero-actions{align-items:center;gap:27px;margin-top:32px;display:flex}.hero-actions [data-slot=button],.access-bottom [data-slot=button]{gap:24px;min-height:49px;padding-inline:21px}.text-link{align-items:center;gap:12px;font-size:12px;font-weight:500;display:inline-flex}.text-link svg{width:16px;height:16px;color:var(--primary);transition:transform .2s}.text-link:not(.explore-link):hover svg{transform:translateY(3px)}.explore-link{min-height:49px;padding-inline:8px}.explore-link svg{pointer-events:none;animation:1.8s ease-in-out infinite arrow-bounce}.access-note{color:var(--quiet);margin-top:13px;font-size:11px}.hero-orbit{border:1px solid color-mix(in oklch, var(--primary) 17%, transparent);width:900px;height:780px;box-shadow:0 0 180px -80px color-mix(in oklch, var(--primary) 20%, transparent);z-index:-1;border-radius:50%;position:absolute;top:-200px;right:-280px;transform:rotate(-30deg)}.hero-orbit:after{content:"";border:1px solid color-mix(in oklch, var(--primary) 7%, transparent);border-radius:inherit;position:absolute;inset:40px}.hero-media{pointer-events:none;opacity:.95;z-index:0;width:min(900px,57vw);position:absolute;top:195px;left:calc(45% - 60px);transform:translateY(-25%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 96%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 96%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.product-video{aspect-ratio:3/2;object-fit:cover;background:var(--background);width:100%;display:block}.screen-edge{background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.65;height:2px}.hero:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg, var(--background) 25%, transparent 44%), linear-gradient(0deg, var(--background) 3%, transparent 14%);position:absolute;inset:0}.hero-bottom{color:var(--quiet);letter-spacing:1.5px;z-index:2;justify-content:space-between;align-items:center;gap:16px;font-family:ui-monospace,monospace;font-size:9px;display:flex;position:absolute;bottom:39px;left:0;right:0}.scroll-discover{align-items:center;gap:25px;min-height:44px;padding-inline:10px;transition:color .18s;display:flex}.scroll-discover:hover{color:var(--foreground)}.scroll-discover:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.hero-bottom svg{width:18px;height:18px;color:var(--primary)}.agent-strip{border-block:1px solid var(--border);align-items:center;padding-block:0;display:flex;position:relative}.agent-strip>p{z-index:2;letter-spacing:-.8px;width:285px;color:var(--primary);text-shadow:0 2px 8px var(--background), 0 0 18px var(--background);background:radial-gradient(ellipse at 35% 50%, var(--background), transparent 72%);padding:20px 12px;font-size:28px;font-weight:550;line-height:1.3;position:absolute}.agent-strip>p span{letter-spacing:-.3px;color:var(--foreground);font-size:.68em;font-weight:450}.agent-list{--assembly-shift:1.8s;--logo-size:26px;flex:1;min-width:0;height:160px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);container-type:inline-size}.agent-name{width:160px;color:var(--muted-foreground);white-space:nowrap;animation:28s linear infinite agent-travel;animation-delay:var(--arrival);align-items:center;gap:9px;font-size:15px;font-weight:550;display:flex;position:absolute;top:calc(50% - 13px);left:0}.agent-logo{flex:0 0 var(--logo-size);width:var(--logo-size);height:var(--logo-size);position:relative}.agent-logo img{object-fit:contain;visibility:hidden;width:100%;height:100%}.agent-pixel{width:25%;height:25%;left:calc(var(--column) * 25%);top:calc(var(--row) * 25%);background-size:var(--logo-size) var(--logo-size);background-position:calc(var(--column) * -.25 * var(--logo-size)) calc(var(--row) * -.25 * var(--logo-size));animation:28s linear infinite agent-assemble;animation-delay:calc(var(--arrival) + var(--assembly-shift));position:absolute}.agent-pixel-edge{z-index:1;pointer-events:none;background:var(--background);width:240px;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22px);mask-image:linear-gradient(90deg,#0000,#000 22px)}.agent-pixel-exit{inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}.agent-pixel-exit i{filter:opacity(.45)}.agent-pixel-edge i{left:var(--x);top:var(--y);width:6px;height:6px;animation:pixel-flicker var(--pulse) steps(1, end) infinite;animation-delay:var(--phase);background:#fff;position:absolute}@keyframes pixel-flicker{0%,to{opacity:.08}28%{opacity:.55}52%{opacity:.16}76%{opacity:0}}.agent-label{width:125px;height:24px;line-height:24px;position:relative}.agent-label-static{visibility:hidden}.agent-letter-pixel{clip-path:inset(calc(var(--row) * 25%) calc((5 - var(--column)) * 100% / 6) calc((3 - var(--row)) * 25%) calc(var(--column) * 100% / 6));animation:28s linear infinite agent-assemble;animation-delay:calc(var(--arrival) + var(--assembly-shift));position:absolute;inset:0}@keyframes agent-travel{0%{transform:translate(100cqw)}to{transform:translate(calc(100cqw + -1*max(100cqw + 160px,1120px)))}}@keyframes agent-assemble{0%,8%{transform:translate(var(--scatter-x), var(--scatter-y));opacity:0}11%{opacity:.6}19%,to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.agent-strip{gap:32px;padding-block:32px}.agent-strip>p{background:0 0;flex-shrink:0;position:static}.agent-list{flex-wrap:wrap;gap:24px;height:auto;display:flex;overflow:visible;-webkit-mask-image:none;mask-image:none}.agent-label{width:auto}.agent-name{width:auto;animation:none;position:static}.agent-logo img,.agent-label-static{visibility:visible}.agent-pixel,.agent-letter-pixel,.agent-pixel-edge{animation:none;display:none}}.workflow-capabilities{flex-wrap:wrap;gap:10px 16px;margin:25px 0 30px;padding:0;list-style:none;display:flex}.workflow-capabilities li{border-bottom:1px solid var(--border);color:var(--muted-foreground);padding-bottom:8px;font-size:11px}.possibilities{padding-block:130px 90px}.section-heading{position:relative}.section-heading h2,.workflow h2{letter-spacing:-2.8px;margin-top:23px;font-size:clamp(38px,4.2vw,62px);font-weight:450;line-height:1.08}.section-heading h2 span{color:var(--muted-foreground)}.section-heading>p:last-child{color:var(--muted-foreground);font-size:14px;line-height:1.8;position:absolute;bottom:4px;right:0}.workflow{isolation:isolate;min-height:calc(44vw + 140px);position:relative;overflow:clip}.workflow-media{opacity:.95;width:66vw;position:absolute;top:55px;left:3vw;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000),linear-gradient(#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000),linear-gradient(#0000,#000 3% 97%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.workflow-media video{aspect-ratio:3/2}.workflow-glow{background:radial-gradient(ellipse, color-mix(in oklch, var(--primary) 9%, transparent), transparent 65%);width:780px;height:520px;position:absolute;top:0;left:-300px}.workflow-content{justify-content:flex-end;width:calc(100% - 64px);max-width:none;padding-top:clamp(130px,10vw,220px);display:flex;position:relative}.workflow-content>div{width:24%}.workflow h2{letter-spacing:-2px;font-size:clamp(36px,3.1vw,64px)}.workflow h2 span{color:var(--primary)}.workflow-content>div>p:not(.eyebrow){color:var(--muted-foreground);margin:23px 0;font-size:14px;line-height:1.9}.preview-caption{color:var(--quiet);font-family:ui-monospace,monospace;font-size:9px;position:absolute;bottom:30px;left:16%}.early-access{isolation:isolate;border-top:1px solid var(--border);padding-block:100px 95px;position:relative}.early-access:before{content:"";z-index:-1;background:radial-gradient(ellipse at 80% 55%, color-mix(in oklch, var(--primary) 12%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0 -20%}.early-access h2{letter-spacing:-4px;margin-top:28px;font-size:clamp(50px,6.2vw,89px);font-weight:450;line-height:1.04;position:relative}.early-access h2 span{color:var(--primary)}.banner-motion{z-index:-1;pointer-events:none;position:absolute;inset:0}.work-poster{width:49%;position:absolute;top:50%;right:-2%;overflow:visible;transform:translateY(-50%)}.poster-source,.poster-window{fill:var(--background);stroke:color-mix(in oklch, var(--foreground) 17%, transparent)}.poster-window{fill:color-mix(in oklch, var(--background) 97%, var(--primary))}.poster-wire{stroke:color-mix(in oklch, var(--foreground) 12%, transparent)}.poster-signal{stroke:var(--primary);stroke-width:1.5px;stroke-dasharray:12 170;animation:8s linear infinite poster-flow;animation-delay:var(--phase)}.poster-label{fill:var(--muted-foreground);font-size:14px}.poster-title{fill:var(--foreground);letter-spacing:-.6px;font-size:21px}.poster-caption{fill:var(--quiet);letter-spacing:.6px;font:8px ui-monospace,monospace}.poster-workspace{color:var(--quiet)}.poster-track{fill:color-mix(in oklch, var(--foreground) 4%, transparent)}.poster-progress{fill:color-mix(in oklch, var(--primary) 65%, var(--background));transform-box:fill-box;transform-origin:0;animation:8s ease-in-out infinite poster-progress;animation-delay:var(--phase)}.poster-check{stroke:var(--primary);stroke-width:1.5px;animation:8s ease-in-out infinite poster-ready;animation-delay:var(--phase)}.poster-activity{fill:var(--primary);animation:8s ease-in-out infinite reverse poster-ready;animation-delay:var(--phase)}@keyframes poster-flow{to{stroke-dashoffset:-182px}}@keyframes poster-progress{0%,10%{opacity:.4;transform:scaleX(.1)}65%,85%{opacity:.8;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes poster-ready{0%,50%,to{opacity:.15}65%,85%{opacity:.8}}.access-bottom{flex-direction:column;align-items:flex-start;gap:28px;margin-top:32px;display:flex;position:relative}.access-bottom>p{color:var(--muted-foreground);font-size:14px;line-height:1.8}.site-footer{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:24px;padding-block:28px;font-size:12px;display:flex}.site-footer .wordmark{color:var(--foreground);font-size:24px}.site-footer nav{gap:24px;display:flex}.site-footer nav a:hover{color:var(--primary)}@keyframes arrow-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(5px)}45%{transform:translateY(-2px)}}@media (min-width:1600px){.hero-media{left:calc(47% - 60px)}}@media (max-width:1100px){.hero-media{width:60vw;left:calc(44% - 36px)}.section-heading>p:last-child{margin-top:22px;position:static}.workflow{min-height:calc(64vw + 470px)}.workflow-media{width:96%;top:410px;left:2%}.workflow-content{padding-top:50px}.workflow-content>div{width:100%}.work-poster{width:47%;right:-3%}}@media (max-width:720px){.brand-mark{width:29px;height:29px;font-size:23px}.hero{min-height:830px;padding-top:56px}.eyebrow{letter-spacing:1.2px;font-size:8px}.hero h1{letter-spacing:-3.8px;margin-top:24px;font-size:clamp(58px,12.5vw,85px)}.hero-description{font-size:15px}.hero-actions{flex-wrap:wrap;gap:20px;margin-top:25px}.hero-actions [data-slot=button]{gap:17px;min-height:46px;padding-inline:16px}.text-link{gap:7px;font-size:11px}.hero-media{opacity:.95;width:calc(100% + 25px);top:515px;left:0}.hero:after{background:linear-gradient(0deg, var(--background), transparent 9%, transparent 45%, var(--background) 57%)}.hero-orbit{width:600px;height:600px;top:280px;right:-280px}.hero-bottom{letter-spacing:1px;font-size:7px;bottom:22px}.scroll-discover{gap:9px}.agent-strip{flex-wrap:wrap;justify-content:flex-start;gap:22px;padding-block:25px}.agent-strip>p{background:0 0;width:100%;padding:0;font-size:22px;position:static}.agent-pixel-edge{width:96px}.agent-pixel-edge i:not(:nth-child(odd)),.agent-strip>p br{display:none}.agent-strip>p span{margin-left:5px}.agent-list{--assembly-shift:0s;--logo-size:22px;flex-basis:100%}.agent-name{gap:7px;font-size:12px}.possibilities{padding-block:78px 35px}.section-heading h2,.workflow h2{letter-spacing:-2px;font-size:43px}.section-heading>p:last-child{font-size:13px}.workflow{min-height:680px}.workflow-content{padding-top:25px}.workflow-content>div{width:100%}.workflow-media{width:calc(100% - 24px);top:405px;left:12px}.preview-caption{bottom:20px;left:20px}.early-access{padding-block:70px 320px}.early-access h2{letter-spacing:-2px;font-size:clamp(41px,8.8vw,63px)}.work-poster{width:100%;top:auto;bottom:24px;right:0;transform:none}.access-bottom{flex-direction:column;align-items:flex-start;gap:24px;margin-top:28px}.site-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.banner-motion *{animation:none}.poster-progress{opacity:.7;transform:none}html{scroll-behavior:auto}.explore-link svg{animation:none}.text-link svg{transition:none}}.landing[data-motion=paused] *,.landing[data-page-hidden=true] *{animation-play-state:paused}.product-byline{letter-spacing:0;color:var(--muted-foreground);font-size:12px;font-weight:400}.hero h1{overflow-wrap:anywhere;max-width:13ch}.hero-actions{flex-wrap:wrap}.hero:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{background:linear-gradient(270deg, var(--background) 25%, transparent 44%), linear-gradient(0deg, var(--background) 3%, transparent 14%)}@media (min-width:721px){.hero:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .hero-media{left:auto;right:calc(45% - 60px)}.workflow:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .workflow-media{left:auto;right:3vw}}.agent-strip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){direction:ltr}.agent-strip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>p{direction:rtl}
.possibility-panels{border:1px solid var(--border);background:#0b0b0c;border-radius:10px;margin-top:56px;display:flex;overflow:hidden;container-type:inline-size}.possibility-panel{flex:1 1 0;min-width:0;transition:flex-grow .8s cubic-bezier(.22,1,.36,1);overflow:hidden}.possibility-panel[data-active=true]{flex-grow:3}.possibility-panel+.possibility-panel{border-inline-start:1px solid var(--border)}.possibility-panel h3 button{border-bottom:1px solid var(--border);text-align:start;white-space:nowrap;cursor:pointer;width:100%;height:72px;color:var(--muted-foreground);align-items:center;gap:12px;padding:0 24px;font-size:15px;font-weight:500;transition:color .25s,background .25s;display:flex;position:relative}.possibility-panel h3 button:hover{color:var(--foreground);background:#151412}.possibility-panel h3 button:focus-visible{outline:2px solid var(--primary);outline-offset:-4px}.possibility-panel h3 svg{flex-shrink:0;width:19px;height:19px}.possibility-panel[data-active=true] h3 button{color:var(--foreground)}.possibility-panel[data-active=true] h3 button>svg:first-child{color:var(--primary)}.panel-toggle{margin-inline-start:auto;transition:transform .5s}.possibility-panel[data-active=true] .panel-toggle{transform:rotate(45deg)}.panel-timer{background:var(--primary);transform-origin:0;width:100%;height:2px;animation:10s linear forwards panel-progress;position:absolute;bottom:-1px;left:0}@keyframes panel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.panel-content{height:530px;position:relative;overflow:hidden}.panel-content:after{content:"";pointer-events:none;opacity:1;background:linear-gradient(90deg,#0b0b0c55,#0b0b0cc9);transition:opacity .65s;position:absolute;inset:0}.possibility-panel[data-active=true] .panel-content:after{opacity:0}.panel-copy{width:520px;max-width:none;padding:30px 30px 0;transition:opacity .5s}.panel-copy h4{letter-spacing:-.8px;white-space:nowrap;font-size:25px;font-weight:450}.panel-copy p{color:var(--muted-foreground);max-width:450px;margin-top:10px;font-size:13px;line-height:1.8}.possibility-panel:not([data-active=true]) .panel-copy{opacity:.32}.panel-scene{color:#b5b5ba;transform-origin:0 0;width:600px;margin:30px 30px 0;font-family:ui-monospace,monospace;font-size:10px;position:relative}.scene-kicker{text-transform:uppercase;letter-spacing:1.4px;color:#77777f;font-size:9px}.idea-prompt{background:linear-gradient(120deg,#211c12,#121213);border:1px solid #514026;border-radius:8px;width:60%;margin:0 auto;padding:16px 20px;position:relative}.idea-prompt p{color:#eeeef0;margin-top:7px;font-size:16px}.idea-prompt em{color:var(--primary);font-style:normal}.idea-prompt>svg{width:17px;color:var(--primary);position:absolute;top:35px;right:17px}.typing-caret{background:var(--primary);vertical-align:middle;width:2px;height:15px;margin-inline-start:5px;animation:1.4s steps(2,end) infinite scene-caret;display:inline-block}@keyframes scene-caret{50%{opacity:0}}.branch-connectors{margin:auto;border-top:1px solid #5c4722;justify-content:space-between;width:calc(66.6667% + 8px);height:35px;margin-top:18px;display:flex;position:relative}.branch-connectors:before{content:"";background:#5c4722;width:1px;height:18px;position:absolute;top:-19px;left:50%}.branch-connectors i{background:#5c4722;width:1px;height:35px;position:relative}.branch-connectors i:after{content:"";background:var(--primary);width:3px;height:8px;animation:3s ease-in-out infinite branch-packet;animation-play-state:inherit;position:absolute;left:-1px}@keyframes branch-packet{0%{opacity:0;transform:translateY(0)}25%,70%{opacity:.9}to{opacity:0;transform:translateY(28px)}}.agent-lanes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.agent-lane{animation:8s ease-in-out infinite lane-glow;animation-delay:calc(var(--lane) * -1.5s);background:#131315;border:1px solid #2a2a2e;border-radius:7px;padding:16px 14px;position:relative}.agent-lane>img{vertical-align:middle;display:inline-block}.lane-provider{color:#dddde1;margin-inline-start:7px;font-size:10px}.agent-lane strong{color:#dddde1;margin-top:16px;font-size:10px;font-weight:400;display:block}.lane-branch{color:#72727a;align-items:center;gap:4px;margin-top:8px;font-size:7px;display:flex}.lane-branch svg{width:10px;height:10px}.lane-lines{gap:6px;margin:19px 0 16px;display:grid}.lane-lines i{transform-origin:0;width:90%;height:3px;animation:4s ease-in-out infinite lane-write;animation-delay:calc(var(--lane) * -1s);background:#343439}.lane-lines i:nth-child(2){width:67%;animation-delay:-1s}.lane-lines i:last-child{width:78%;animation-delay:-2s}@keyframes lane-write{0%,to{opacity:.4;transform:scaleX(.4)}50%{opacity:1;transform:scaleX(1)}}@keyframes lane-glow{0%,to{border-color:#2a2a2e}65%{border-color:#5e5135}}.lane-status{height:13px;position:relative}.lane-status>span{align-items:center;gap:5px;font-size:8px;display:flex;position:absolute;inset:0}.status-working{color:var(--primary);animation:8s infinite working-state;animation-delay:calc(var(--lane) * -1.5s)}.status-working i,.scene-live i{background:currentColor;border-radius:50%;width:4px;height:4px}.status-done{color:var(--success);opacity:0;animation:8s infinite done-state;animation-delay:calc(var(--lane) * -1.5s)}.status-done svg{width:11px;height:11px}@keyframes working-state{0%,50%,to{opacity:1}60%,90%{opacity:0}}@keyframes done-state{0%,50%,to{opacity:0}60%,90%{opacity:1}}.scene-footer{color:#7e7e86;justify-content:center;align-items:center;gap:10px;padding:20px 0;font-size:9px;display:flex}.scene-avatars{opacity:.7;gap:6px;display:flex}.context-window,.review-window{background:#111113;border:1px solid #323237;border-radius:8px;overflow:hidden;box-shadow:0 24px 50px #0005}.scene-window-bar{color:#c7c7ce;border-bottom:1px solid #29292e;justify-content:space-between;align-items:center;height:43px;padding:0 18px;display:flex}.scene-window-bar>span{align-items:center;gap:8px;display:flex}.scene-window-bar svg{width:13px;height:13px;color:var(--primary)}.scene-live{color:var(--success);font-size:8px}.context-layout{grid-template-columns:27% 1fr;display:grid}.context-projects{border-right:1px solid #29292e;flex-direction:column;gap:18px;padding:20px 14px;display:flex}.context-projects>span:not(:first-child),.context-projects strong{align-items:center;gap:8px;font-weight:400;display:flex}.context-projects strong{color:#f1d79b}.context-projects strong svg{width:12px;height:12px;margin-inline-start:auto}.context-projects i{border-radius:3px;width:9px;height:9px}.project-amber{background:#bd8e39}.project-blue{background:#5887ad}.project-purple{background:#8a76ae}.context-shortcut{color:#62626b;margin-top:auto;font-size:7px}.context-shortcut kbd{border:1px solid #333338;border-radius:3px;margin-inline-start:7px;padding:2px}.context-runs{padding:20px}.context-runs h5{color:#e5e5e9;margin:8px 0 16px;font-size:19px;font-weight:450}.context-run{border-top:1px solid #252529;align-items:center;gap:12px;padding:11px 0;display:flex}.context-run strong,.context-question strong{color:#d2d2d9;font-size:9px;font-weight:400;display:block}.context-run small,.context-question small{color:#75757e;margin-top:4px;font-size:7px;display:block}.run-pulse{width:14px;height:14px;color:var(--success);margin-inline-start:auto;position:relative}.run-pulse i{border:1px dashed var(--primary);animation:4s linear infinite run-spin,8s infinite working-state;animation-delay:calc(var(--lane) * -1.5s);border-radius:50%;position:absolute;inset:2px}.run-pulse svg{opacity:0;width:14px;height:14px;animation:8s infinite done-state;animation-delay:calc(var(--lane) * -1.5s)}@keyframes run-spin{to{transform:rotate(360deg)}}.context-question{background:#211d14;border:1px solid #514326;border-radius:5px;align-items:center;gap:9px;margin-top:13px;padding:12px;animation:8s ease-in-out infinite question-arrival;display:flex}.context-question>svg{width:13px;height:13px;color:var(--primary);margin-inline-start:auto}.question-spark{color:var(--primary);font-size:18px}@keyframes question-arrival{0%,10%,to{opacity:.25;transform:translateY(7px)}25%,85%{opacity:1;transform:translateY(0)}}.review-count{color:var(--success)}.review-count b{color:#bb7e83;font-weight:400}.review-layout{grid-template-columns:26% 1fr;display:grid}.review-files{border-right:1px solid #29292e;flex-direction:column;gap:20px;padding:20px 12px;font-size:8px;display:flex}.review-files>span:not(:first-child){justify-content:space-between;display:flex}.review-files i{color:#aa9256;font-style:normal}.review-file-active{color:#e9cf94}.review-file-check{color:var(--success);align-items:center;gap:5px;margin-top:25px;animation:8s infinite done-state;display:flex}.review-file-check svg{width:12px;height:12px}.review-code{padding:18px 0 16px;font-size:10px;position:relative}.review-code-title{color:#e1e1e5;padding:0 17px 17px;font-size:13px}.review-code-title span{color:#71717a;margin-top:5px;font-size:8px;display:block}.code-context{color:#656571;white-space:pre;padding:7px 18px;font-size:9px}.code-removed{color:#b28289;background:#29171c;padding:9px 17px}.code-added{color:#83bba4;background:#112b23;padding:9px 17px}.review-approval{color:#eac47c;background:#2b2315;border:1px solid #5e4b23;border-radius:4px;width:170px;height:28px;margin:20px 17px 0 auto;position:relative}.review-approval>span{justify-content:center;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;inset:0}.review-approval svg{width:11px;height:11px}.approval-before{animation:8s infinite working-state}.approval-after{opacity:0;color:#8bc7ae;animation:8s infinite done-state}.review-cursor{fill:#eee;color:#111;filter:drop-shadow(0 2px 3px #000);width:20px;height:20px;animation:8s ease-in-out infinite review-pointer;position:absolute;bottom:12px;right:61px}@keyframes review-pointer{0%,15%,to{opacity:0;transform:translate(100px,-105px)}25%{opacity:1;transform:translate(40px,-75px)}50%{opacity:1;transform:translate(0)}56%{opacity:1;transform:translate(0)scale(.85)}64%,85%{opacity:0;transform:translate(0)}}.possibility-panel:not([data-active=true]) .panel-scene *,.possibility-panels[data-visible=false] *,.possibility-panels:hover .panel-timer,.possibility-panels:focus-within .panel-timer{animation-play-state:paused}@media (min-width:1101px){.panel-scene{width:max(600px,60cqw - 60px)}}@media (max-width:1100px) and (min-width:721px){.possibility-panel h3 button{gap:8px;padding-inline:16px;font-size:13px}.panel-toggle{display:none}.panel-copy{width:440px;padding-inline:22px}.panel-copy h4{font-size:22px}.panel-copy p{max-width:370px;font-size:12px}.panel-scene{margin-inline-start:22px;transform:scale(.76)}.panel-content{height:450px}}@media (max-width:720px){.possibility-panel{flex:none}.panel-timer{opacity:.4;animation:none;transform:scaleX(1)}.possibility-panels{flex-direction:column;margin-top:34px}.possibility-panel+.possibility-panel{border-inline-start:none;border-top:1px solid var(--border)}.possibility-panel h3 button{height:64px;padding-inline:20px}.panel-content{height:0;transition:height .65s cubic-bezier(.22,1,.36,1)}.possibility-panel[data-active=true] .panel-content{height:370px}.panel-copy{width:auto;padding:25px 20px 0}.panel-copy h4{white-space:normal;font-size:21px}.panel-copy p{font-size:12px}.panel-scene{margin:24px 20px 0;transform:scale(.52)}}@media (min-width:520px) and (max-width:720px){.panel-scene{transform:scale(.7)}.possibility-panel[data-active=true] .panel-content{height:410px}}@media (prefers-reduced-motion:reduce){.landing .possibility-panels *,.landing .possibility-panels :after{transition:none;animation:none}.panel-timer,.review-cursor{display:none}}@media (max-width:359px){.panel-scene{transform:scale(.41)}}@media (min-width:721px) and (max-width:900px){.panel-scene{transform:scale(.6)}.panel-copy{width:385px}}@media (min-width:360px) and (max-width:389px){.panel-scene{transform:scale(.45)}}
