@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/mona-sans-vietnamese-wght-normal.DsUdksa4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/mona-sans-latin-ext-wght-normal.BqSk0Z3x.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/mona-sans-latin-wght-normal.Pz49MTQZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.volli-demo{--demo-rail:46px;--demo-nav:38px;isolation:isolate;background:#180f15;border:1px solid #ffffff12;border-radius:24px;height:clamp(440px,35vw,500px);min-height:440px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000008c,0 24px 80px #00000075,inset 0 0 0 1px #e8652a08}.demo-sunset-mesh,.demo-grain{pointer-events:none;position:absolute;inset:0}.demo-sunset-mesh{filter:saturate(1.18)contrast(1.04);background:radial-gradient(72% 66% at 8% 104%,#741b41eb,#0000 69%),radial-gradient(64% 74% at 51% 112%,#e8652af2,#0000 64%),radial-gradient(46% 66% at 96% 94%,#ffa65be0,#0000 64%),radial-gradient(58% 54% at 82% -8%,#5e264e94,#0000 72%),linear-gradient(132deg,#18101e 0%,#2d1220 45%,#4a1b12 76%,#211116 100%);overflow:hidden}.demo-sunset-mesh:before,.demo-sunset-mesh:after{content:"";will-change:transform, opacity;position:absolute}.demo-sunset-mesh:before{filter:blur(28px)saturate(1.28);opacity:.82;background:radial-gradient(circle at 20% 78%,#8a194cd1,#0000 29%),radial-gradient(circle at 58% 68%,#e8652ae0,#0000 34%),radial-gradient(circle at 84% 72%,#ffb467c2,#0000 27%);animation:14s cubic-bezier(.45,.05,.55,.95) infinite alternate sunset-mesh-drift;inset:-28%;transform:translate(-4%,3%)rotate(-4deg)scale(1.04)}.demo-sunset-mesh:after{mix-blend-mode:screen;opacity:.46;background:radial-gradient(circle at 74% 78%,#ffd8a675,#0000 19%),radial-gradient(circle at 42% 96%,#ff6c306b,#0000 25%);animation:11s cubic-bezier(.45,.05,.55,.95) 1.5s infinite alternate sunset-flare-drift;inset:-16%;transform:translate(7%,4%)scale(1.02)}@keyframes sunset-mesh-drift{to{opacity:1;transform:translate(5%,-4%)rotate(5deg)scale(1.13)}}@keyframes sunset-flare-drift{to{opacity:.76;transform:translate(-7%,-3%)scale(1.18)}}.demo-grain{z-index:1;mix-blend-mode:soft-light;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.86'/%3E%3C/svg%3E");background-size:180px 180px}.demo-app-frame{z-index:2;aspect-ratio:16/10;background:#0d0d0d;border:1px solid #ffffff1a;border-radius:15px;position:absolute;top:30px;left:30px;right:30px;overflow:hidden;box-shadow:0 18px 60px #0000008c,inset 0 1px #ffffff0a}.demo-chrome{backdrop-filter:blur(18px)saturate(135%);background:#0d0d0deb;border-bottom:1px solid #202020;align-items:center;height:34px;display:flex;position:relative}.demo-window-controls{color:#8a8a8e;align-items:center;gap:10px;padding-left:11px;display:flex}.demo-window-controls>span{border:1px solid #8a8a8e;border-radius:3px;width:10px;height:10px}.demo-window-controls svg{width:13px;height:13px}.demo-search{color:#88888d;background:#ffffff12;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:6px;width:min(310px,34vw);height:23px;padding:0 9px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.demo-search svg{width:11px;height:11px}.demo-workspace{grid-template-columns:var(--demo-rail) var(--demo-nav) minmax(0, 1fr);background:#0d0d0d;height:calc(100% - 34px);display:grid}.demo-project-rail,.demo-nav-rail{flex-direction:column;align-items:center;gap:8px;min-height:0;padding:10px 0;display:flex;position:relative;overflow:visible}.demo-project-rail{z-index:32;background:#0d0d0d}.demo-nav-rail{z-index:31;background:#161616;border-left:1px solid #1d1d1d;border-right:1px solid #232323}.demo-rail-spacer{flex:1}.demo-rail-button,.demo-nav-button{color:#fff;cursor:default;border:0;place-items:center;padding:0;transition:transform .12s cubic-bezier(.23,1,.32,1),filter .16s,background-color .16s,color .16s;display:grid;position:relative}.demo-rail-button{border-radius:9px;width:30px;height:30px;font-size:10px;font-weight:700}.demo-rail-button.is-ember{background:#e8652a}.demo-rail-button.is-gold{background:#c98a1b}.demo-rail-button.is-add{color:#a4a4a8;background:#1c1c1c;margin-top:auto}.demo-rail-button.is-selected{box-shadow:0 0 0 1.5px #f5f5f5,0 0 0 4px #0d0d0d}.demo-rail-button svg,.demo-nav-button svg{width:14px;height:14px}.demo-nav-button{color:#8b8b90;background:0 0;border-radius:7px;width:28px;height:28px}.demo-nav-button.is-active{color:#f5f5f5;background:#242424}.demo-hover-label{z-index:90;color:#e5e5e7;opacity:0;pointer-events:none;white-space:nowrap;background:#242424;border:1px solid #ffffff17;border-radius:5px;width:max-content;padding:4px 7px;font-size:9px;font-weight:560;transition:opacity .14s ease-out,transform .14s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:calc(100% + 9px);transform:translate(-3px,-50%)}.demo-main-surface{background:#111;border:1px solid #262626;border-radius:10px;min-width:0;min-height:0;margin:6px;overflow:hidden}.demo-board-toolbar{justify-content:space-between;align-items:center;height:42px;padding:0 12px;display:flex}.demo-board-title{color:#f5f5f5;align-items:center;gap:8px;font-size:11px;display:flex}.demo-board-title strong{font-weight:620}.demo-board-title span{color:#77777b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.demo-board-actions{align-items:center;gap:7px;display:flex}.demo-control,.demo-view-control,.demo-new-ticket{color:#a5a5a9;border:1px solid #2a2a2a;border-radius:999px;align-items:center;gap:5px;height:25px;padding:0 9px;font-size:9px;font-weight:560;display:inline-flex}.demo-control svg,.demo-view-control svg,.demo-new-ticket svg{width:11px;height:11px}.demo-view-control{background:#1c1c1c;border-radius:7px;justify-content:center;width:25px;padding:0}.demo-new-ticket{color:#fff;background:#e8652a;border-color:#e8652a}.demo-board-scroll{overscroll-behavior-x:contain;scrollbar-width:none;height:calc(100% - 42px);padding:0 10px 10px;overflow-x:auto}.demo-board-scroll::-webkit-scrollbar{display:none}.demo-board{grid-template-columns:repeat(5,minmax(158px,1fr));align-items:start;gap:9px;min-width:900px;min-height:100%;padding-bottom:8px;display:grid}.demo-column{background:#1c1c1c9e;border:1px solid #0000;border-radius:8px;min-height:126px;padding:8px 7px 7px;transition:border-color .16s,background-color .16s,box-shadow .16s}.demo-column.is-drop-target{background:#e8652a17;border-color:#e8652a8c;box-shadow:inset 0 0 0 1px #e8652a1f}.demo-column-header{color:#f2f2f4;align-items:flex-start;gap:6px;height:20px;padding:0 3px;font-size:9.5px;display:flex}.demo-column-header strong{font-weight:620}.demo-column-header span{color:#77777b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8.5px}.demo-card-list{flex-direction:column;gap:6px;display:flex}.demo-ticket{color:#f5f5f5;cursor:pointer;text-align:left;touch-action:manipulation;user-select:none;background:#161616;border:1px solid #292929;border-radius:7px;flex-direction:column;gap:5px;width:100%;min-height:57px;padding:8px 9px;transition:border-color .16s,background-color .16s,box-shadow .18s,transform .14s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.demo-ticket:after{border-radius:inherit;content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff14,#0000 58%);transition:opacity .18s;position:absolute;inset:0}.demo-ticket:active{transform:scale(.985)}.demo-ticket.is-dragging{cursor:grabbing;border-color:#e8652ab3;box-shadow:0 18px 34px #00000073,0 0 0 1px #e8652a1f}.demo-ticket-meta{color:#8b8b90;letter-spacing:.025em;justify-content:space-between;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}.demo-ticket>strong{z-index:1;letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:610;line-height:1.25;display:-webkit-box;position:relative;overflow:hidden}.demo-priority{align-items:flex-end;gap:1.5px;height:9px;display:flex}.demo-priority>span{background:#4c4c4f;border-radius:2px;width:1.5px}.demo-priority>span:first-child{height:3px}.demo-priority>span:nth-child(2){height:6px}.demo-priority>span:nth-child(3){height:9px}.demo-priority>span.is-filled{background:#cb8a47}.demo-agent-status{z-index:1;color:#8f8f94;align-items:center;gap:4px;margin-top:1px;font-size:7.5px;font-weight:520;display:flex;position:relative}.demo-agent-status>span:last-child{color:#69696d;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.demo-live-dot,.demo-idle-dot,.demo-working-dot{background:#e8652a;border-radius:50%;flex:none;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #e8652a8c}.demo-idle-dot{box-shadow:none;background:#69696d}.demo-add-row{color:#77777b;align-items:center;gap:4px;height:25px;padding:0 7px;font-size:8.5px;display:inline-flex}.demo-add-row svg{width:10px;height:10px}.demo-preview-overlay{z-index:100;background:#050505b3;place-items:center;display:grid;position:absolute;inset:0}.demo-preview{background:#111;border:1px solid #303030;border-radius:13px;outline:none;flex-direction:column;width:min(88%,920px);height:min(84%,420px);min-height:350px;display:flex;position:absolute;top:30%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 30px 90px #000000b8,inset 0 1px #ffffff0a}.demo-preview-close{z-index:8;color:#86868b;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;padding:0;transition:color .14s,background-color .14s,transform .12s ease-out;display:grid;position:absolute;top:5px;right:7px}.demo-preview-close:active{transform:scale(.96)}.demo-preview-close svg{width:14px;height:14px}.demo-preview-tabs{background:#161616;border-bottom:1px solid #262626;align-items:end;gap:3px;height:39px;padding:0 44px 0 8px;display:flex}.demo-preview-tabs>span{color:#77777b;border:1px solid #0000;border-radius:7px 7px 0 0;align-items:center;height:31px;padding:0 12px;font-size:9px;font-weight:560;display:inline-flex}.demo-preview-tabs>span.is-active{color:#e7e7e9;background:#111;border-color:#2c2c2c #2c2c2c #111}.demo-preview-tabs .demo-tab-add{justify-content:center;width:28px;padding:0}.demo-tab-add svg{width:11px;height:11px}.demo-preview-content{flex:1;min-height:0;overflow:hidden}.demo-doc-layout,.demo-terminal-layout{grid-template-columns:minmax(0,1fr) 220px;height:100%;min-height:0;display:grid}.demo-doc-main{min-width:0;padding:27px 32px 24px;overflow-y:auto}.demo-doc-id{color:#77777b;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.demo-doc-main h2,.demo-terminal-heading h2,.demo-done-view h2{color:#f5f5f5;letter-spacing:-.045em;margin:6px 0 13px;font-size:clamp(20px,2.1vw,29px);font-weight:590;line-height:1.1}.demo-doc-main>p{color:#b0b0b4;max-width:610px;margin:0;font-size:11.5px;line-height:1.58}.demo-doc-section{color:#a4a4a8;margin-top:21px;font-size:10px}.demo-doc-section>strong{color:#d6d6d8;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:620}.demo-doc-section ul{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.demo-doc-section li:before{content:"";background:#e8652a;border-radius:50%;width:4px;height:4px;margin:0 8px 2px 0;display:inline-block}.demo-file-ref{color:#d0d0d3;background:#202020;border:1px solid #2e2e2e;border-radius:6px;margin-top:20px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:inline-flex}.demo-doc-activity,.demo-session-rail{background:#161616;border-left:1px solid #232323;min-width:0}.demo-doc-activity{flex-direction:column;gap:13px;padding:28px 21px;display:flex}.demo-doc-activity>strong,.demo-session-heading>strong{color:#85858a;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:650}.demo-doc-activity>span{color:#9a9a9f;align-items:center;gap:7px;font-size:9.5px;display:flex}.demo-doc-activity svg{color:#77777b;width:11px;height:11px}.demo-terminal-main{background:#0f0f0f;flex-direction:column;min-width:0;min-height:0;display:flex}.demo-terminal-heading{border-bottom:1px solid #202020;align-items:center;gap:11px;min-height:72px;padding:15px 20px;display:flex}.demo-terminal-heading h2{margin:0 0 3px;font-size:17px}.demo-terminal-heading>div>span{color:#77777b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.demo-agent-mark{color:#f08a59;background:#2a1c16;border:1px solid #4a342b;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;display:grid}.demo-agent-mark.is-codex{color:#8cbda4;background:#18251f;border-color:#34443b}.demo-terminal-screen{color:#a4a4a8;flex:1;min-height:0;padding:20px 24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;line-height:1.65;overflow-y:auto}.demo-cli-screen{color:#c5c5c8;background:#0b0b0c;flex-direction:column;padding:0;font-size:9px;line-height:1.45;display:flex}.demo-cli-banner{background:#111012;border-bottom:1px solid #29272b;align-items:center;gap:9px;min-height:49px;padding:9px 15px;display:flex}.demo-cli-logo{color:#ef8f60;background:#251a17;border:1px solid #53382e;border-radius:6px;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:grid}.demo-cli-banner>span:nth-child(2){flex-direction:column;gap:1px;display:flex}.demo-cli-banner strong{color:#f0edef;font-size:9.5px;font-weight:650}.demo-cli-banner small,.demo-cli-context{color:#78747b;font-size:7.5px}.demo-cli-context{margin-left:auto}.demo-codex-banner{background:#101113;border:1px solid #343438;border-radius:5px;min-height:47px;margin:12px 15px 0}.demo-codex-banner .demo-cli-logo{color:#95c0aa;background:#142019;border-color:#34483e;font-size:9px}.demo-cli-prompt{color:#f2eef0;border-bottom:1px solid #252427;align-items:flex-start;gap:9px;min-height:42px;padding:11px 17px 10px;display:flex}.demo-cli-prompt>span{color:#ed7f4a;font-size:13px;line-height:1}.demo-cli-prompt strong{font-weight:520}.demo-codex-prompt{border-bottom:0;min-height:40px}.demo-codex-prompt>span,.demo-codex-bullet{color:#8ab79f}.demo-cli-turn,.demo-codex-turn{gap:8px;padding:12px 17px 4px;display:grid}.demo-cli-line,.demo-cli-response{grid-template-columns:12px minmax(0,1fr);gap:5px;display:grid}.demo-cli-line>span:last-child,.demo-cli-response>span:last-child{min-width:0}.demo-claude-bullet{color:#e67b49}.demo-cli-tool strong,.demo-codex-turn strong{color:#e6e3e5;font-weight:620}.demo-cli-tool small,.demo-cli-line small,.demo-cli-response small{color:#77747a;margin-top:2px;font-size:8px;display:block}.demo-cli-status{color:#d5c5c0;align-items:center;gap:7px;margin:6px 17px 0;display:flex}.demo-cli-status>span{color:#e67b49}.demo-cli-status small{color:#716d73;margin-left:2px}.demo-cli-response{background:#151113;border-left:2px solid #a65736;margin:7px 17px 0;padding:9px 11px}.demo-cli-response small{color:#a87560}.demo-codex-edit small{color:#7eaa92}.demo-codex-divider{color:#656269;white-space:nowrap;align-items:center;gap:10px;margin:8px 17px 2px;font-size:7.5px;display:flex}.demo-codex-divider:before,.demo-codex-divider:after{content:"";background:#29282b;flex:1;height:1px}.demo-codex-response{background:#0f1512;border-left-color:#426d59}.demo-cli-composer{color:#ed7f4a;border-top:1px solid #302e32;align-items:flex-start;gap:8px;min-height:39px;margin-top:auto;padding:10px 17px 8px;font-size:13px;line-height:1;display:flex}.demo-codex-composer{color:#8ab79f}.demo-cli-cursor{opacity:.72;background:currentColor;width:5px;height:10px}.demo-cli-footer{color:#666269;justify-content:space-between;align-items:center;min-height:22px;padding:0 17px 7px;font-size:7px;display:flex}.demo-terminal-screen p{margin:0 0 6px}.demo-terminal-command{color:#efeff1;margin-bottom:15px!important}.demo-terminal-command>span,.demo-terminal-glyph{color:#e8652a}.demo-terminal-diff{color:#77a88f;margin-top:14px!important}.demo-terminal-working{color:#c8c8cb;align-items:center;gap:7px;display:flex;margin-top:15px!important}.demo-working-dot{width:6px;height:6px}.demo-agent-question{color:#d8c2b7;background:#1b1512;border:1px solid #3b2a22;border-radius:7px;max-width:590px;margin-top:17px;padding:11px 13px;line-height:1.55}.demo-session-rail{flex-direction:column;gap:8px;min-height:0;padding:20px 14px;display:flex;overflow-y:auto}.demo-session-heading{justify-content:space-between;margin-bottom:5px;padding:0 4px;display:flex}.demo-session-heading>span{color:#66666a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.demo-session-row{color:#b0b0b4;border:1px solid #0000;border-radius:7px;align-items:flex-start;gap:8px;min-height:47px;padding:8px 9px;display:flex}.demo-session-row.is-current{background:#1d1d1d;border-color:#303030}.demo-session-row>span:first-child{margin-top:4px}.demo-session-row>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.demo-session-row strong{font-size:9px;font-weight:610}.demo-session-row small{color:#76767a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.demo-session-details{border-top:1px solid #272727;grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding:14px 4px 0;font-size:8px;display:grid}.demo-session-details span{color:#737377}.demo-session-details strong{color:#b5b5b8;font-weight:560}.demo-done-view{flex-direction:column;align-items:flex-start;height:100%;padding:26px 34px;display:flex;overflow-y:auto}.demo-done-check{color:#8cbda4;background:#18251f;border:1px solid #34443b;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:16px;display:grid}.demo-done-check svg{width:17px;height:17px}.demo-done-view h2{margin-bottom:9px}.demo-done-view>p{color:#9d9da1;max-width:560px;margin:0;font-size:11px;line-height:1.55}.demo-delivery-summary{border-top:1px solid #252525;gap:10px;width:min(100%,560px);margin-top:22px;padding-top:17px;display:grid}.demo-delivery-summary>span{color:#b8b8bb;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.demo-delivery-summary svg{color:#7ca58f;width:13px;height:13px}.demo-phase-switcher{display:none}.volli-demo svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}@media (hover:hover) and (pointer:fine){.demo-rail-button:hover,.demo-nav-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.demo-rail-button:hover .demo-hover-label,.demo-nav-button:hover .demo-hover-label,.demo-rail-button:focus-visible .demo-hover-label,.demo-nav-button:focus-visible .demo-hover-label{opacity:1;transform:translateY(-50%)}.demo-ticket{cursor:grab}.demo-ticket:hover{background:#191817;border-color:#e8652a9e;transform:translateY(-2px);box-shadow:0 10px 24px #0000003d,0 0 0 1px #e8652a0f}.demo-ticket:hover:after{opacity:1}.demo-preview-close:hover{color:#f5f5f5;background:#252525}}@media (width<=960px){.volli-demo{height:clamp(480px,60vh,550px)}.demo-app-frame{aspect-ratio:auto;inset:16px}.demo-preview{top:50%}.demo-board-actions .demo-control:first-child{display:none}.demo-doc-layout,.demo-terminal-layout{grid-template-columns:minmax(0,1fr) 190px}}@media (width<=720px){.volli-demo{--demo-rail:38px;--demo-nav:34px;border-radius:18px;height:520px;min-height:520px}.demo-app-frame{aspect-ratio:auto;border-radius:12px;inset:9px}.demo-search{width:min(180px,48vw);left:auto;right:9px;transform:none}.demo-window-controls{gap:7px;padding-left:8px}.demo-window-controls>span:nth-child(2),.demo-window-controls svg{display:none}.demo-project-rail,.demo-nav-rail{gap:7px;padding-top:8px}.demo-rail-button{border-radius:8px;width:27px;height:27px;font-size:9px}.demo-nav-button{width:26px;height:26px}.demo-main-surface{margin:5px}.demo-board-toolbar{padding:0 9px}.demo-board-actions .demo-control,.demo-board-actions .demo-view-control{display:none}.demo-new-ticket{padding:0 8px}.demo-board-scroll{scroll-snap-type:x proximity;padding-left:7px;padding-right:7px}.demo-board{grid-template-columns:repeat(5,168px);gap:8px;min-width:920px}.demo-column{scroll-snap-align:start}.demo-ticket{touch-action:manipulation;min-height:62px}.demo-preview{border-radius:13px;width:auto;height:min(88%,438px);min-height:390px;inset:auto 7px 7px;translate:none}.demo-preview-close{width:44px;height:44px;top:2px;right:3px}.demo-preview-tabs{scrollbar-width:none;align-items:end;height:42px;overflow-x:auto}.demo-preview-tabs::-webkit-scrollbar{display:none}.demo-preview-tabs>span{flex:none;height:34px}.demo-preview-content{padding-bottom:52px;overflow-y:auto}.demo-doc-layout,.demo-terminal-layout{height:auto;min-height:100%;display:block}.demo-doc-main{padding:25px 21px}.demo-doc-main h2,.demo-done-view h2{font-size:23px}.demo-doc-main>p{font-size:11px}.demo-doc-activity,.demo-session-rail{display:none}.demo-terminal-main{min-height:100%}.demo-terminal-heading{min-height:68px;padding:13px 16px}.demo-terminal-heading h2{font-size:15px}.demo-terminal-screen{padding:17px 16px;font-size:8.5px;overflow:visible}.demo-cli-screen{min-height:318px;padding:0;overflow:hidden}.demo-cli-context{display:none}.demo-codex-banner{margin:10px 12px 0}.demo-cli-prompt,.demo-cli-turn,.demo-codex-turn,.demo-cli-composer,.demo-cli-footer{padding-left:13px;padding-right:13px}.demo-cli-response,.demo-cli-status,.demo-codex-divider{margin-left:13px;margin-right:13px}.demo-done-view{padding:23px 21px}.demo-phase-switcher{z-index:10;backdrop-filter:blur(18px)saturate(130%);background:#181818eb;border:1px solid #303030;border-radius:10px;grid-template-columns:repeat(5,1fr);min-height:52px;padding:3px;display:grid;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 10px 28px #00000061}.demo-phase-switcher button{color:#77777b;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:0;min-height:44px;padding:0 2px;font-size:8px;font-weight:610}.demo-phase-switcher button.is-active{color:#f5f5f5;background:#303030;box-shadow:0 1px 3px #00000059}}@media (prefers-reduced-motion:reduce){.demo-sunset-mesh:before,.demo-sunset-mesh:after{animation:none;transform:none}.demo-ticket,.demo-column,.demo-rail-button,.demo-nav-button,.demo-preview-close,.demo-hover-label{transition-duration:.01ms!important}.demo-ticket:hover,.demo-rail-button:hover,.demo-nav-button:hover{transform:none!important}}@media (prefers-reduced-transparency:reduce){.demo-chrome,.demo-phase-switcher{backdrop-filter:none;background:#161616}.demo-preview-overlay{background:#050505e0!important}}@media (prefers-contrast:more){.demo-ticket,.demo-main-surface,.demo-preview{border-color:#5a5a5e}}:root{color-scheme:dark;font-synthesis:none;--page:#0a0a0a;--text:#f5f5f7;--muted:#9a9a9a;--quiet:#6e6e73;--line:#2a2a2a;--ember:#e8652a;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);font-family:Mona Sans Variable,Mona Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{background:var(--page);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #ff8b57}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hero-shell{padding:40px 40px 0}.hero-shell .volli-demo{width:100%;max-width:1280px;margin:0 auto}.footer-brand img{filter:drop-shadow(0 4px 12px #0000004d);border-radius:22%;display:block}.statement-section{padding:88px 64px 120px}.statement-grid{grid-template-columns:minmax(0,620px) minmax(420px,560px);align-items:start;gap:clamp(72px,9.17vw,132px);width:100%;max-width:1312px;margin:0 auto;display:grid}.accordion-column{padding-top:2px}.lifecycle-accordion{border-top:1px solid var(--line);width:100%}.accordion-item{border-bottom:1px solid var(--line);transition:background-color .24s;position:relative;overflow:hidden}.accordion-item.is-open{background:linear-gradient(90deg,#e8652a17,#0000 72%)}.accordion-heading{margin:0}.accordion-trigger{width:100%;min-height:81px;color:var(--quiet);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;padding:0 4px 0 0;transition:color .18s;display:grid}.accordion-trigger:hover,.is-open .accordion-trigger{color:var(--text)}.accordion-index{color:#555559;letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.accordion-title{letter-spacing:-.035em;font-size:clamp(19px,1.53vw,22px);font-weight:430}.accordion-mark{justify-self:end;width:14px;height:14px;position:relative}.accordion-mark:before,.accordion-mark:after{content:"";background:currentColor;width:12px;height:1px;transition:transform .22s;position:absolute;top:6px;left:1px}.accordion-mark:after{transform:rotate(90deg)}.is-open .accordion-mark:after{transform:rotate(0)}.accordion-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .16s;display:grid}.is-open .accordion-panel{opacity:1;grid-template-rows:1fr}.accordion-panel-inner{grid-template-columns:minmax(0,1fr) 168px;align-items:center;gap:18px;min-height:0;display:grid;overflow:hidden}.accordion-panel p{color:#969696;max-width:360px;margin:-2px 0 24px 38px;font-size:15px;font-weight:380;line-height:1.55}.feature-glyph{color:#737377;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px;width:168px;height:58px;margin:0 0 22px auto;display:block;overflow:visible}.glyph-line{opacity:.48}.glyph-line-dashed{stroke-dasharray:2 4}.glyph-node-ring,.glyph-ticket,.glyph-destination{fill:#141414;stroke:#737377}.glyph-node-core,.glyph-source,.glyph-context-dot,.glyph-runner,.glyph-destination-core{fill:#8c8c91;stroke:none}.feature-glyph .is-ember{fill:var(--ember);color:var(--ember);filter:drop-shadow(0 0 5px #e8652a61)}.glyph-ticket-line{stroke:#66666a;stroke-width:.8px}.statement-copy h1{max-width:520px;color:var(--text);letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(38px,3.06vw,44px);font-weight:420;line-height:1.13}.headline-lead{color:var(--text);font-weight:420;display:block}.morphing-text{min-height:1.16em;color:var(--ember);isolation:isolate;white-space:nowrap;font-weight:390;display:block;position:relative}.morphing-text__word{will-change:filter, opacity;max-width:100%;display:block;position:absolute;inset:0 auto auto 0}.morphing-text__word--next{opacity:0;filter:blur(80px)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.body-copy{gap:22px;display:grid}.body-copy p{color:var(--muted);letter-spacing:-.012em;margin:0;font-size:17px;font-weight:360;line-height:1.65}.cta-row{flex-wrap:wrap;gap:12px;padding-top:34px;display:flex}.cta{letter-spacing:-.01em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:14px;font-weight:590;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.cta:hover{transform:translateY(-1px)}.cta-primary{background:var(--ember);color:#160b06;box-shadow:inset 0 1px #ffffff38,0 8px 24px #e8652a26}.cta-primary:hover{background:#f2773e}.keycap{background:#0000001a;border:1px solid #00000030;border-radius:6px;place-items:center;width:20px;height:20px;font-size:10px;font-weight:650;display:grid}.cta-secondary{color:#d9d9db;background:#151515;border-color:#303030}.cta-secondary:hover{color:#fff;background:#1b1b1b;border-color:#454545}footer{border-top:1px solid #202020;justify-content:space-between;align-items:center;width:calc(100% - 128px);max-width:1312px;min-height:90px;margin:0 auto;padding:0 0 56px;display:flex}.footer-brand{color:#d6d6d8;letter-spacing:-.025em;align-items:center;gap:9px;padding-top:28px;font-size:16px;font-weight:590;display:inline-flex}footer nav{gap:26px;padding-top:28px;display:flex}footer nav a{color:#717174;min-height:44px;font-size:13px;line-height:44px;transition:color .16s}footer nav a:hover{color:var(--text)}@media (width<=1050px){.hero-shell{padding:24px 24px 0}.statement-section{padding:80px 32px 96px}.statement-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:56px}footer{width:calc(100% - 64px)}}@media (width<=820px){.statement-grid{grid-template-columns:1fr;gap:72px}.statement-copy{grid-row:1;max-width:620px}.accordion-column{grid-row:2}}@media (width<=560px){.hero-shell{padding:16px 16px 0}.statement-section{padding:70px 20px 80px}.statement-copy h1{margin-bottom:24px}.body-copy{gap:20px}.body-copy p{font-size:16px;line-height:1.62}.cta-row{flex-direction:column;align-items:stretch}.cta{width:100%}.accordion-trigger{grid-template-columns:34px minmax(0,1fr) 18px}.accordion-panel p{margin:-2px 0 14px 34px}.accordion-panel-inner{grid-template-columns:1fr;gap:0}.feature-glyph{width:160px;margin:0 0 22px 34px}footer{align-items:flex-start;width:calc(100% - 40px);padding-bottom:32px}footer nav{gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.morphing-text__word--next{display:none}}