:root{color-scheme:light dark;--page: #dedbd2;--fg: #1a1a1a;--surface: #cdc9bf;--hover: #bfbaae;--border: #8a8578;--muted: #5f5b52;--dim: #3f3c35;--accent: #000080;--red: #c23327;--green: #1e8e3e;--yellow: #a87900;--blue: #2144c7;--purple: #8b2f8f;--cyan: #008080;--on-accent: #ffffff;--title-bg: #000080;--title-fg: #ffffff;--radius: 0px;--radius-large: 0px;--radius-pill: 2px;--wordmark-n: #c23327;--wordmark-e: #1e8e3e;--wordmark-o: #2144c7;--wordmark-i: #e8a90c;--wordmark-s: #c23327;--wordmark-m: #1e8e3e}@media(prefers-color-scheme:dark){:root{--page: #000000;--fg: #e8e8e8;--surface: #1a1a1a;--hover: #1f1f1f;--border: #1c1c1c;--muted: #5a5a5a;--dim: #b0b0b0;--accent: #e8e8e8;--red: #ef8891;--green: #9fe8c3;--yellow: #fbdf90;--blue: #99aee5;--purple: #c2a2e3;--cyan: #b5c3ea;--on-accent: #000000;--title-bg: #1a1a1a;--title-fg: #e8e8e8;--radius: 8px;--radius-large: 13px;--radius-pill: 30px;--wordmark-n: var(--fg);--wordmark-e: var(--fg);--wordmark-o: var(--fg);--wordmark-i: var(--fg);--wordmark-s: var(--fg);--wordmark-m: var(--fg)}}::selection{color:var(--on-accent);background:var(--accent)}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/geist.ttf) format("truetype")}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/press-start-2p.ttf) format("truetype")}:root{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--fg);background:var(--page);font-synthesis:none;-webkit-font-smoothing:antialiased;scrollbar-color:var(--border) var(--surface);scrollbar-width:thin}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.shell{width:min(1140px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:10;padding:12px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--page) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav{height:82px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:11px;font-size:26px;font-weight:700;letter-spacing:-1.3px}.brand svg{width:23px;height:23px}.nav-links{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:500}.nav-links a:not(.nav-download){color:var(--dim);transition:color .16s}.nav-links a:hover{color:var(--accent)}.nav-links a{display:inline-flex;align-items:center}.nav-icon{width:14px;height:14px;margin-right:7px;flex-shrink:0}.nav-links a span{margin-left:5px}.nav-download{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 17px}.nav-download:hover{background:var(--hover)}.hero{padding-top:79px;text-align:center}.eyebrow{font-size:12px;font-weight:550;letter-spacing:.04em;color:var(--dim)}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--green);border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hero-wordmark{width:min(860px,100%);margin:0 auto;padding:12px 0 0;line-height:0;color:var(--fg)}.splash-wordmark{display:block;width:100%;height:auto}.wordmark-cell[data-letter=n]{color:var(--wordmark-n)}.wordmark-cell[data-letter=e]{color:var(--wordmark-e)}.wordmark-cell[data-letter=o]{color:var(--wordmark-o)}.wordmark-cell[data-letter=i]{color:var(--wordmark-i)}.wordmark-cell[data-letter=s]{color:var(--wordmark-s)}.wordmark-cell[data-letter=m]{color:var(--wordmark-m)}.letter-hitbox{fill:transparent;pointer-events:all}.wordmark-letter{transform-box:fill-box;transform-origin:center;pointer-events:none;transition:transform .28s cubic-bezier(.16,1,.3,1)}@media(hover:hover)and (pointer:fine){.wordmark-cell:hover .wordmark-letter{transform:translateY(-18px) scale(1.1)}}.hero-description{font-size:18px;font-weight:400;line-height:1.65;color:var(--dim);margin:27px 0 26px;letter-spacing:-.02em}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:11px;padding:15px 23px;border-radius:var(--radius);font-size:13px;font-weight:500;transition:background .15s,transform .15s}.button-dark{color:var(--on-accent);background:var(--accent);box-shadow:0 2px 4px color-mix(in srgb,var(--fg) 8%,transparent)}.button-dark:hover{background:color-mix(in srgb,var(--accent) 85%,var(--page));transform:translateY(-2px)}.text-link{font-size:13px;font-weight:500;display:inline-flex;gap:13px;align-items:center}.text-link span{transition:transform .18s}.text-link:hover{color:var(--accent)}.text-link:hover span{transform:translate(2px,2px)}.hero-note{font-size:11px;color:var(--dim);margin:17px 0 0}.hero-note a{text-decoration:underline;text-underline-offset:3px}.hero-note a:hover{color:var(--accent)}.product-stage{padding:52px 36px 0;perspective:1600px}.product-preview{position:relative;margin:0;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-large);box-shadow:0 40px 80px -35px color-mix(in srgb,var(--fg) 18%,transparent),0 12px 28px -12px color-mix(in srgb,var(--fg) 12%,transparent);transform:rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) translateY(var(--lift, 0px));transition:transform .35s cubic-bezier(.2,.65,.3,1)}.product-preview img{width:100%;height:auto;display:block;border-radius:var(--radius)}.preview-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 0%),color-mix(in srgb,var(--fg) 7%,transparent),transparent 65%)}.principles{display:flex;justify-content:space-between;padding:50px 65px 48px;margin-top:49px;border-block:1px solid var(--border)}.principles p{margin:0;font-size:13px;font-weight:500}.principles span{font-family:monospace;color:var(--dim);font-size:10px;margin-right:14px}.features{padding-top:100px}.section-intro{margin-bottom:86px}.section-intro .eyebrow{margin:0 0 22px}h2{font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1.12;letter-spacing:-.052em;margin:0}h2 span{color:var(--dim)}.feature-row{display:grid;grid-template-columns:1fr 1.35fr;gap:85px;align-items:center;padding-bottom:100px}.feature-row+.feature-row{border-top:1px solid var(--border);padding-top:100px}.feature-reverse{grid-template-columns:1.35fr 1fr}.feature-reverse .feature-copy{order:2}.feature-reverse .feature-art{order:1}.feature-number{color:var(--dim);font-size:9px;letter-spacing:.09em;margin:0 0 24px;font-family:monospace}.feature-copy>h3{font-family:"Press Start 2P",monospace;font-size:clamp(18px,2vw,24px);font-weight:400;line-height:1.7;letter-spacing:0;margin:0 0 26px;text-shadow:2px -2px 0 color-mix(in srgb,var(--fg) 50%,transparent),4px -4px 0 color-mix(in srgb,var(--fg) 30%,transparent)}.feature-copy>p:not(.feature-number){color:var(--dim);font-size:14px;line-height:1.85;margin:0 0 16px}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.feature-tags span{border:1px solid var(--border);border-radius:var(--radius);padding:6px 9px;font-size:9px;color:var(--dim)}.feature-art{margin:0;position:relative;min-width:0;min-height:452px;border-radius:var(--radius-large);overflow:hidden;border:1px solid var(--border);display:flex;justify-content:center;align-items:center}.feature-art figcaption{position:absolute;bottom:23px;width:100%;text-align:center;font-size:10px;letter-spacing:.015em;color:var(--dim)}.terminal-art{background:var(--surface);padding:38px 30px 64px}.mini-window{border-radius:var(--radius);width:100%;background:var(--page);color:var(--fg);overflow:hidden;border:1px solid var(--border);box-shadow:0 15px 30px -12px color-mix(in srgb,var(--fg) 20%,transparent);font-size:10px}.mini-toolbar{display:flex;height:33px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);color:var(--title-fg);background:var(--title-bg);font-size:8px;padding:0 12px}.window-dots{display:flex;gap:4px}.window-dots i{display:block;width:5px;height:5px;border-radius:50%;background:var(--green)}.window-dots i:first-child{background:var(--red)}.window-dots i:nth-child(2){background:var(--yellow)}.toolbar-plus{color:var(--title-fg);font-size:13px}.editor-tabs{display:flex;gap:18px;font-family:monospace;font-size:9px;color:var(--dim);border-bottom:1px solid var(--border);padding:10px 16px 0}.editor-tabs span{padding-bottom:9px}.editor-tabs .selected-tab{border-bottom:1px solid var(--accent);color:var(--fg)}.selected-tab i{display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin-left:15px}.editor-body{display:flex;gap:18px;padding:14px 18px;font-family:ui-monospace,monospace;line-height:1.9;font-size:10px}.line-numbers{color:var(--muted);text-align:right;-webkit-user-select:none;user-select:none}pre{margin:0;font:inherit}.code-purple{color:var(--purple)}.code-blue{color:var(--blue)}.code-green{color:var(--green)}.code-dim{color:var(--dim)}.editor-caret,.terminal-caret{display:inline-block;width:6px;height:12px;background:var(--accent);vertical-align:middle}.terminal-body{border-top:1px solid var(--border);padding:10px 18px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.7}.terminal-body p{margin:0}.terminal-command{padding-bottom:5px}.mini-status{padding:6px 12px;background:var(--title-bg);display:flex;justify-content:space-between;color:var(--title-fg);font-size:8px}.agent-art{background:var(--surface);padding:35px 35px 66px}.agent-card{width:100%;padding:20px;background:var(--page);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 15px 30px -12px color-mix(in srgb,var(--fg) 12%,transparent);font-size:10px}.agent-heading{display:flex;align-items:center;gap:8px;color:var(--fg);font-size:11px;font-weight:500;margin-bottom:12px}.agent-star{display:block;width:20px;height:20px;color:var(--purple)}.agent-model{margin-left:auto;font-size:8px;font-weight:400;background:var(--surface);color:var(--dim);padding:4px 7px;border-radius:var(--radius)}.agent-message{background:var(--surface);border:1px solid var(--border);padding:9px;border-radius:var(--radius);margin-left:34px;margin-bottom:12px;color:var(--fg)}.agent-response{display:flex;gap:10px}.agent-response>div{flex:1;min-width:0}.agent-response p{margin:0 0 8px;color:var(--dim);line-height:1.65}.agent-avatar{width:20px;height:20px;border-radius:var(--radius);background:var(--surface);color:var(--accent);font-size:14px;font-weight:700;text-align:center;flex-shrink:0}.tool-line{display:flex;gap:7px;align-items:center;padding:4px 0;font-size:9px;color:var(--dim)}.tool-line span:last-child{margin-left:auto;font-family:monospace;color:var(--dim);font-size:8px}.tool-check{color:var(--green)}.diff-preview{border:1px solid var(--border);border-radius:var(--radius);margin-top:10px;overflow:hidden}.diff-heading{display:flex;justify-content:space-between;padding:6px 10px;background:var(--surface);font-family:monospace;font-size:9px;color:var(--dim)}.diff-heading b{color:var(--green);font-weight:400}.diff-heading i{color:var(--red);font-style:normal;margin-left:5px}.diff-preview pre{font-family:ui-monospace,monospace;font-size:9px;line-height:1.55;padding-block:6px}.diff-preview pre span{display:inline-block;width:100%;padding-inline:10px}.diff-context{color:var(--dim)}.diff-removed{color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--page))}.diff-added{color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--page))}.agent-input{margin-top:12px;border:1px solid var(--border);border-radius:var(--radius);padding:6px 9px;display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:9px}.agent-send{color:var(--on-accent);background:var(--accent);width:20px;height:20px;border-radius:var(--radius);text-align:center;line-height:20px;font-size:13px}.shared-art{background:var(--surface);isolation:isolate}.orbit-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(color-mix(in srgb,var(--border) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 35%,transparent) 1px,transparent 1px);background-size:28px 28px}.orbit-grid:before{content:"";position:absolute;width:290px;height:290px;border:1px dashed var(--border);border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%)}.orbit-grid:after{content:"";position:absolute;width:185px;height:185px;border:1px solid var(--border);border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%)}.workspace-node{display:flex;flex-direction:column;align-items:center;justify-content:center;width:145px;height:126px;border-radius:var(--radius-large);color:var(--accent);background:var(--page);border:1px solid var(--border);box-shadow:0 10px 24px color-mix(in srgb,var(--fg) 6%,transparent);margin-top:-68px}.workspace-node svg{width:33px;height:33px;margin-bottom:12px}.workspace-node span{font-size:12px;font-weight:500}.workspace-node small{font-size:9px;color:var(--dim);margin-top:6px}.device-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:9px;padding:13px 20px;min-width:86px;background:var(--page);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px color-mix(in srgb,var(--fg) 6%,transparent);font-size:9px;color:var(--cyan)}.device-node svg{width:28px;height:28px}.device-desktop{left:14%;top:44px}.device-browser{right:9%;top:109px}.device-phone{left:20%;bottom:118px}.presence-tag{position:absolute;right:12%;bottom:98px;display:flex;align-items:center;gap:8px;border-radius:var(--radius-pill);background:var(--page);border:1px solid var(--border);padding:7px 12px 7px 7px;color:var(--dim);font-size:9px;box-shadow:0 4px 12px color-mix(in srgb,var(--fg) 6%,transparent)}.presence-avatar{background:color-mix(in srgb,var(--green) 20%,var(--page));color:var(--green);font-size:9px;font-weight:500;border-radius:50%;width:22px;height:22px;text-align:center;line-height:22px}.open-source{text-align:center;padding:85px 0 104px;border-top:1px solid var(--border)}.open-source .eyebrow{margin:0 0 24px}.open-source h2{font-size:clamp(32px,3.5vw,47px)}.open-source>p:not(.eyebrow){color:var(--dim);font-size:14px;line-height:1.8;margin:25px 0}.site-footer{display:flex;align-items:center;gap:27px;padding:36px 0;border-top:1px solid var(--border)}.site-footer .brand{font-size:22px}.site-footer .brand svg{width:20px;height:20px}.site-footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:25px;row-gap:14px;min-width:0;margin-left:auto;font-size:11px;color:var(--dim)}.site-footer>div a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.site-footer>div svg{width:14px;height:14px;flex-shrink:0}.site-footer a:hover{color:var(--accent)}@media(min-width:1500px){.hero{padding-top:94px}.product-stage{padding-top:62px}}@media(max-width:1000px){.shell{width:calc(100% - 64px)}.feature-row{gap:38px}.feature-art{min-height:420px}.terminal-art{padding-inline:20px}.agent-art{padding-inline:22px}.editor-body,.terminal-body{font-size:9px}.feature-tags{gap:5px}.feature-tags span{font-size:8px}.principles{padding-inline:25px}.device-desktop{left:8%}.device-browser,.presence-tag{right:5%}.nav-links{gap:25px}}@media(max-width:760px){.shell{width:calc(100% - 40px)}.nav{height:68px}.brand{font-size:23px;gap:8px}.brand svg{width:20px;height:20px}.nav-links{gap:20px;font-size:12px}.nav-links .nav-github{display:none}.nav-download{padding:8px 12px}.hero{padding-top:58px}.hero-description{font-size:16px;margin-top:24px}.product-stage{padding:40px 0 0}.product-preview{padding:4px}.principles{padding:30px 0;margin-top:36px;gap:18px}.principles p{font-size:10px}.principles span{font-size:8px;margin-right:5px}.features{padding-top:65px}.section-intro{margin-bottom:55px}.feature-row,.feature-reverse{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.feature-row+.feature-row{padding-top:55px}.feature-reverse .feature-copy,.feature-reverse .feature-art{order:initial}.feature-copy{max-width:480px}.feature-copy>h3{margin-bottom:20px}.feature-number{margin-bottom:17px}.feature-art{min-height:452px}.mini-window,.agent-card{max-width:430px}.terminal-art{padding-inline:28px}.editor-body,.terminal-body{font-size:10px}.agent-art{padding-inline:30px}.feature-tags{margin-top:22px;gap:8px}.feature-tags span{font-size:9px}.device-desktop{left:15%}.device-browser{right:11%}.presence-tag{right:13%}.open-source{padding:60px 0 66px}.site-footer{gap:16px;padding:28px 0}.site-footer>div{gap:18px;font-size:10px}}@media(max-width:440px){.nav-links{gap:17px}.nav-links>a:first-child{display:none}.hero-description{font-size:14px}.hero-actions{gap:18px}.button{font-size:11px;padding:14px 17px}.text-link{font-size:11px;gap:8px}.hero-note{font-size:9px}.principles{gap:12px}.principles p{font-size:9px}.principles span{display:block;margin-bottom:7px}.feature-art{min-height:414px}.terminal-art{padding-inline:14px}.editor-body{gap:10px;padding-inline:13px;font-size:9px}.terminal-body{font-size:9px}.agent-art{padding-inline:16px}.agent-card{padding:15px}.device-desktop{left:9%;top:36px}.device-browser{right:5%;top:100px}.device-phone{left:12%;bottom:103px}.presence-tag{right:6%;bottom:91px;font-size:8px;padding-right:9px}.workspace-node{width:126px;height:114px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.product-preview,.wordmark-letter{transform:none!important}}.hero-wordmark .wordmark-trigger{appearance:none;display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero-wordmark .wordmark-trigger:focus-visible{outline:2px solid var(--fg, currentColor);outline-offset:6px;border-radius:4px}.hero-wordmark .splash-wordmark{overflow:hidden}.hero-wordmark .pixel-wordmark-layer{pointer-events:none}.hero-wordmark.is-pixel-animating .wordmark-letter>use{visibility:hidden}@media(prefers-reduced-motion:reduce){.hero-wordmark.is-pixel-animating .wordmark-letter>use{visibility:visible}.hero-wordmark .pixel-wordmark-layer{display:none}}.feature-copy h3.is-pixel-revealing{position:relative}@media(prefers-reduced-motion:no-preference){.feature-copy h3.is-pixel-revealing{color:transparent;text-shadow:none}}.pixel-title-overlay{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);display:block;pointer-events:none;image-rendering:pixelated}@media(prefers-reduced-motion:reduce){.pixel-title-overlay{display:none}}.hero-columns-anchor{position:relative;width:min(860px,100%);margin-inline:auto}.hero-columns{position:absolute;inset:var(--column-top, 0px) 0 auto;height:var(--column-height, 220px);pointer-events:none;-webkit-user-select:none;user-select:none;--column-shadow: #505050;--column-mid: #737373;--column-highlight: #adadad;--column-shine: #eeeeee}.hero-column{position:absolute;top:0;width:var(--column-width, 112px);height:var(--column-height, 220px);pointer-events:none;contain:layout style;transform:perspective(650px) rotateX(var(--column-rx, 0deg)) rotateY(var(--column-ry, 0deg));transform-origin:center;transition:transform .26s ease-out}.hero-column--left{right:calc(100% + 12px)}.hero-column--right{left:calc(100% + 12px)}.hero-column svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.hero-column-zone{opacity:calc(.85 + var(--column-light, 0) * .15);transition:opacity .22s ease-out}.hero-column-tone-0{fill:var(--column-shadow);opacity:.55}.hero-column-tone-1{fill:var(--column-shadow)}.hero-column-tone-2{fill:color-mix(in srgb,var(--column-shadow),var(--column-mid))}.hero-column-tone-3{fill:var(--column-mid)}.hero-column-tone-4{fill:color-mix(in srgb,var(--column-mid),var(--column-highlight))}.hero-column-tone-5{fill:var(--column-highlight)}.hero-column-glint{fill:var(--column-shine);opacity:0;animation:hero-column-glisten 9s ease-in-out infinite;animation-play-state:paused}.hero-column-zone:nth-child(3n) .hero-column-glint{animation-delay:-3s}.hero-column-zone:nth-child(3n+1) .hero-column-glint{animation-delay:-6s}.hero-columns--awake .hero-column-glint{animation-play-state:running}.hero-columns:not(.hero-columns--awake) .hero-column,.hero-columns:not(.hero-columns--awake) .hero-column-zone{transition:none}@keyframes hero-column-glisten{0%,34%,50%,to{opacity:0}41%{opacity:.9}}@media(prefers-color-scheme:dark){.hero-columns{--column-shadow: #454545;--column-mid: #999999;--column-highlight: #e5e5e5;--column-shine: #ffffff}}@media(min-width:761px){.hero-columns-anchor{width:min(860px,calc(100% - 208px))}}@media(max-width:760px){.hero-columns{display:none}}@media(prefers-reduced-motion:reduce){.hero-column{transform:none;transition:none}.hero-column-zone{opacity:1;transition:none}.hero-column-glint{animation:none}}.hero-vapor-host{position:relative}.hero-vapor{position:absolute;inset:-16px;z-index:1;display:block;overflow:clip;pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden;--vapor-ink: #4c4c4c}.hero-vapor-cell{position:absolute;display:block;background:var(--vapor-ink);width:3px;height:3px;opacity:0;pointer-events:none;animation:hero-vapor-drift 5.4s steps(1,end) infinite,hero-vapor-fade 5.4s ease-in-out infinite;animation-delay:var(--vapor-delay, 0s);animation-play-state:paused}.hero-vapor-cell--top{animation-name:hero-vapor-drift,hero-vapor-top-fade}.hero-vapor--awake{visibility:visible}.hero-vapor--awake .hero-vapor-cell{animation-play-state:running}.hero-vapor-host.is-pixel-animating .hero-vapor{visibility:hidden}.hero-vapor-host.is-pixel-animating .hero-vapor-cell{animation-play-state:paused}@keyframes hero-vapor-drift{0%,10%{transform:translate(0)}25%{transform:translate(calc(var(--vapor-dx) * .5),calc(var(--vapor-dy) * .5))}55%,to{transform:translate(var(--vapor-dx),var(--vapor-dy))}}@keyframes hero-vapor-fade{0%,10%,82%,to{opacity:0}25%{opacity:.55}42%{opacity:.68}62%{opacity:.45}}@keyframes hero-vapor-top-fade{0%,4%,92%,to{opacity:0}18%{opacity:.6}36%{opacity:.74}67%{opacity:.52}}@media(prefers-color-scheme:dark){.hero-vapor{--vapor-ink: #d8d8d8}}@media(prefers-reduced-motion:reduce){.hero-vapor{display:none}.hero-vapor-cell{animation:none}}.hero{position:relative;isolation:isolate}.hero .hero-pixel-field{position:absolute;inset:0;z-index:-1;overflow:hidden;contain:strict;pointer-events:none;-webkit-user-select:none;user-select:none}.hero .hero-pixel-field canvas{display:block;width:100%;height:100%;pointer-events:none}@media(prefers-reduced-motion:reduce){.hero .hero-pixel-field{visibility:hidden}}.product-preview .product-video{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;border-radius:var(--radius);background:#000;opacity:0;visibility:hidden;transition:opacity .18s ease}.product-preview[role=button]{cursor:pointer}.product-preview[aria-disabled=true]{cursor:default}.product-preview:focus-visible{outline:2px solid var(--dim);outline-offset:6px}.product-preview.is-video-ready{transform:none;transition:none}.product-preview.is-video-ready .product-video{opacity:1;visibility:visible}.product-preview.is-video-ready>img{opacity:0}.product-preview.is-video-ready .preview-sheen{display:none}@media(max-width:760px){.product-preview .product-video{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}}@media(prefers-reduced-motion:reduce){.product-preview .product-video{transition:none}}.feature-composition{--composition-line: color-mix(in srgb, var(--border), var(--fg) 15%);width:100%;max-width:100%;max-height:var(--preview-height);overflow:auto;min-width:0;position:relative;contain:layout style;text-align:left}.composition-kicker{margin:0 0 20px 30px;color:var(--dim);font-size:12px;letter-spacing:.04em}.composition-source{position:relative;min-width:0;overflow:hidden;border:1px solid var(--composition-line);border-radius:var(--radius-large);background:color-mix(in srgb,var(--page) 90%,var(--surface));box-shadow:0 8px 0 -5px var(--page),0 9px 0 -5px var(--composition-line)}.composition-tab{display:flex;align-items:center;gap:10px;min-height:45px;padding:10px 17px;border-bottom:1px solid var(--composition-line);color:var(--dim);font:11px/1.6 ui-monospace,DejaVu Sans Mono,monospace;overflow-wrap:anywhere}.composition-tab .feature-benefit-icon{width:16px;height:16px;flex:0 0 16px;color:var(--cyan)}.composition-code{overflow:auto}.composition-code pre{margin:0;padding:18px 14px 24px;font:11px/1.8 ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace;tab-size:2;background:transparent}.composition-code code{display:block;width:max-content;min-width:100%;counter-reset:source-line}.composition-code .line:before{counter-increment:source-line;content:counter(source-line);display:inline-block;width:20px;margin-right:16px;color:var(--dim);opacity:.5;text-align:right;-webkit-user-select:none;user-select:none}.composition-code .shiki,.composition-code .shiki span{color:var(--shiki-light);background:transparent}.composition-footnote{border:1px solid var(--composition-line);border-radius:var(--radius);background:var(--surface)}.composition-footnote strong,.host-outline strong{display:block;color:var(--fg);font-size:13px;font-weight:600}.composition-footnote span,.host-outline span{display:block;color:var(--dim);font-size:11px;line-height:1.7}.composition-symbol .feature-benefit-icon{width:24px;height:24px;color:var(--purple)}.composition-skills{padding:12px 0 14px}.composition-skills .composition-source{margin-left:30px}.skill-sheets{position:absolute;inset:44px 14px 68px;border:1px solid var(--composition-line);border-radius:var(--radius-large);transform:rotate(-3deg);background:var(--surface)}.skill-index{position:relative;display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 16px);margin-top:-10px;padding:15px 20px;box-shadow:4px 5px color-mix(in srgb,var(--page) 75%,transparent)}.workflow-steps{display:flex;justify-content:space-between;gap:10px;padding:0;margin:0 0 20px;list-style:none;color:var(--fg);font-size:12px}.workflow-steps li{display:flex;align-items:center;gap:7px}.workflow-steps li span{color:var(--purple);font:10px ui-monospace,monospace}.workflow-timing{position:relative;display:flex;align-items:center;gap:20px;margin:-8px 14px 0 28px;padding:14px 18px}.workflow-timing .workflow-time{flex-shrink:0;padding-right:18px;border-right:1px solid var(--composition-line)}.workflow-time strong{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums}.workflow-time small{font-size:10px;color:var(--cyan)}.workflow-timing p{margin:0;color:var(--dim);font-size:11px;line-height:1.8}.workflow-timing code{color:var(--fg);font-size:10px}.host-outline{border:1px solid var(--composition-line);border-radius:var(--radius-large);padding:24px;margin:0 20px 22px;background:color-mix(in srgb,var(--surface) 30%,transparent)}.host-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.container-outline{border:1px solid var(--composition-line);border-radius:var(--radius);padding:16px 18px;background:var(--page)}.container-outline .container-label{color:var(--cyan);font:10px/1.7 ui-monospace,monospace;margin-bottom:8px}.storage-branches{height:25px;width:52%;margin:0 auto;border-bottom:1px solid var(--composition-line);position:relative}.storage-branches:before{content:"";position:absolute;left:50%;height:25px;border-left:1px solid var(--composition-line)}.storage-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.storage-pair>div{border-top:1px solid var(--composition-line);padding-top:12px}.storage-pair strong{font-size:11px;overflow-wrap:anywhere}.composition-docker .composition-source{margin-left:0;margin-right:40px}.composition-docker .composition-code pre{padding-block:20px}.feature-code-card.sdk-walkthrough{--composition-line: color-mix(in srgb, var(--border), var(--fg) 15%);padding:5px 8px 14px;gap:22px;contain:layout style}.sdk-panel-frame{position:relative;min-width:0}.sdk-step-1{margin-left:24px}.sdk-step-2{margin-right:18px}.sdk-file-edge{position:absolute;inset:-5px 8px 12px -6px;border:1px solid var(--composition-line);border-radius:var(--radius-large);background:var(--surface);transform:rotate(-1.5deg)}.sdk-walkthrough .composition-source{border-color:var(--composition-line);border-radius:var(--radius-large);background:color-mix(in srgb,var(--page) 90%,var(--surface))}.sdk-step-1 .composition-source{background:color-mix(in srgb,var(--page) 70%,var(--surface))}.sdk-walkthrough .composition-code pre{font-size:11px;line-height:1.8;padding:15px 12px 20px}.sdk-walkthrough .composition-code .line:before{width:16px;margin-right:12px}.sdk-step-1 .composition-code .line:before{display:none}.sdk-step-2 .composition-code .line:nth-of-type(3),.sdk-step-2 .composition-code .line:nth-of-type(8){background:color-mix(in srgb,var(--purple) 7%,transparent)}.sharing-kicker{color:var(--dim);font-size:12px;letter-spacing:.02em;margin-bottom:22px}.sharing-client{display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--dim);font-size:11px;line-height:1.7}.sharing-client svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.workspace-scene,.conversation-scene{position:relative;padding:10px 16px 0}.project-sheet-edge{position:absolute;inset:0 26px 16px 5px;border:1px solid var(--composition-line);border-radius:var(--radius-large);background:var(--surface);transform:rotate(-2deg);pointer-events:none}.shared-project-panel{position:relative;border:1px solid var(--composition-line);border-radius:var(--radius-large);background:var(--page);overflow:hidden}.project-sketch{display:grid;grid-template-columns:28% 1fr;min-height:150px;pointer-events:none}.project-tree{display:grid;align-content:start;gap:15px;padding:26px 20px;border-right:1px solid var(--composition-line)}.project-tree i{display:block;height:5px;width:75%;background:color-mix(in srgb,var(--blue) 35%,var(--border))}.project-tree i:nth-child(2n){width:55%;margin-left:10px}.document-glyphs{position:relative;display:grid;align-content:start;gap:12px;padding:27px 22px}.document-glyphs i{display:block;height:4px;width:70%;background:color-mix(in srgb,var(--purple) 30%,var(--border))}.document-glyphs i:nth-child(2){width:52%;margin-left:12px;background:color-mix(in srgb,var(--blue) 30%,var(--border))}.document-glyphs i:nth-child(3){width:88%;margin-left:12px}.document-glyphs i:nth-child(4){width:37%;background:color-mix(in srgb,var(--green) 30%,var(--border))}.shared-editing-label{display:flex;align-items:center;gap:12px;padding:17px 20px;border-top:1px solid var(--composition-line);color:var(--fg)}.shared-editing-label strong{font-size:13px;font-weight:500}.shared-editing-label .feature-benefit-icon{width:22px;height:22px;color:var(--purple)}.workspace-peers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workspace-peers .sharing-client:first-child{color:var(--purple)}.workspace-peers .sharing-client:last-child{color:var(--blue)}.sharing-branches,.session-fanout{position:relative;width:66.666%;height:33px;border-bottom:1px solid var(--composition-line);margin:0 auto 10px;pointer-events:none}.sharing-branches:before,.session-fanout:before{content:"";position:absolute;left:50%;height:33px;border-left:1px solid var(--composition-line)}.sharing-branches:after,.session-fanout:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;border-inline:1px solid var(--composition-line)}.conversation-scene{padding-inline:28px 8px}.conversation-sheet-edge{position:absolute;inset:0 22px 8px 14px;border:1px solid var(--composition-line);border-radius:var(--radius-large);background:var(--surface);transform:rotate(-2deg);pointer-events:none}.session-thread{position:relative;border:1px solid var(--composition-line);border-radius:var(--radius-large);background:var(--page);overflow:hidden}.conversation-mark{padding:25px 24px 16px;color:var(--purple)}.conversation-mark .feature-benefit-icon{width:50px;height:50px;stroke-width:1}.conversation-index{padding:0 24px 25px}.conversation-index strong{display:block;color:var(--fg);font-size:17px;font-weight:500;margin-bottom:10px}.conversation-index>span{color:var(--dim);font:11px/1.8 ui-monospace,monospace}.message-traces{display:grid;gap:8px;margin-top:17px;pointer-events:none}.message-traces i{display:block;height:3px;width:88%;background:var(--composition-line)}.message-traces i:nth-child(2){width:64%}.message-traces i:nth-child(3){width:76%}.session-clients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.live-cursors-label{display:block;margin-top:5px;color:var(--dim);font-size:11px;line-height:1.7}.document-glyphs b{position:absolute;top:23px;left:40%;height:13px;border-left:2px solid var(--purple)}.document-glyphs b:last-child{top:52px;left:72%;border-color:var(--blue)}.conversation-labels{display:flex;flex-wrap:wrap;gap:7px 16px;color:var(--dim);font-size:11px;line-height:1.8}.container-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px}.container-heading .container-label{margin-bottom:3px}.feature-gallery .container-heading .docker-brand{flex:0 0 20px;width:20px;height:20px;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;pointer-events:none}@media(min-width:761px)and (max-height:680px){.feature-code-card.sdk-walkthrough{gap:16px;padding-top:0;padding-bottom:6px}.sdk-walkthrough .feature-code-label{font-size:12px;margin-bottom:10px}.sdk-walkthrough .composition-tab{min-height:34px;padding:7px 14px}.sdk-walkthrough .composition-code pre{line-height:1.65;padding:11px 12px 15px}.sdk-file-edge{display:none}}@media(prefers-color-scheme:dark){.composition-code .shiki,.composition-code .shiki span{color:var(--shiki-dark)}}@media(max-width:760px){.feature-composition{margin-block:14px;max-height:none;overflow:visible}.composition-kicker,.composition-skills .composition-source{margin-left:0}.skill-sheets{display:none}.skill-index{margin-top:12px;width:100%;max-width:100%;box-shadow:none;padding:13px 16px}.workflow-timing{margin:12px 0 0;padding:13px 14px;gap:12px}.workflow-timing .workflow-time{padding-right:12px}.workflow-time strong{font-size:19px}.host-outline{margin-inline:0;padding:18px}.composition-docker .composition-source{margin-right:0}.composition-code .line:before{width:16px;margin-right:12px}.feature-code-card.sdk-walkthrough{padding-inline:0;max-height:none;overflow:visible}.sdk-step-1,.sdk-step-2{margin-inline:0}.sdk-file-edge{display:none}.workspace-scene,.conversation-scene{padding-inline:0}.project-sheet-edge,.conversation-sheet-edge{display:none}.project-tree{padding-inline:14px}.document-glyphs{padding-inline:16px}}@media(max-width:360px){.workflow-timing{align-items:flex-start;flex-direction:column}.workflow-timing .workflow-time{border-right:0;padding:0}.storage-pair{gap:10px}}p.is-feature-scrambling{position:relative;color:transparent!important}p.is-feature-scrambling::selection{color:var(--on-accent);background:var(--accent)}p.is-feature-scrambling>.feature-scramble-overlay{position:absolute;inset:0;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;font:inherit;letter-spacing:inherit;overflow:clip}p.is-feature-scrambling>.feature-scramble-overlay>.feature-scramble-letter{position:absolute;display:block;margin:0;padding:0;font:inherit;line-height:normal;white-space:pre;text-align:left;pointer-events:none;user-select:none;-webkit-user-select:none}body:has(.feature-gallery){overflow-x:clip;overflow-y:visible}.feature-gallery{--preview-height: min(660px, calc(100svh - 128px) );gap:clamp(32px,5vw,68px);align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);min-height:calc(var(--preview-height) + 420px)}.feature-gallery.feature-reverse{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.feature-gallery .feature-copy{min-width:0;max-width:none;container-type:inline-size}.feature-gallery .feature-copy>h3{font-size:clamp(22px,8cqw,40px);line-height:1.5}.category-icon{display:inline-block;width:1.2em;height:1.2em;margin-right:.3em;vertical-align:-.25em;overflow:visible;color:var(--accent);fill:currentColor;shape-rendering:crispEdges}.feature-list{margin-top:32px;border-top:1px solid var(--border)}.feature-item{border-bottom:1px solid var(--border)}.feature-select{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:14px;width:100%;min-height:64px;padding:18px 0;background:transparent;border:0;text-align:left;color:var(--dim);font:inherit;font-weight:600;font-size:17px;line-height:1.5;cursor:pointer}.feature-benefit-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.feature-select>.feature-benefit-icon{color:var(--dim)}.feature-select:hover,.feature-select[aria-expanded=true]{color:var(--fg)}.feature-select[aria-expanded=true]>.feature-benefit-icon{color:var(--purple)}.feature-select:focus-visible{outline-offset:3px}.feature-indicator{text-align:center;font-weight:400;font-size:17px;color:var(--dim)}.feature-detail>p{font-size:14px;line-height:1.8;margin:0 0 14px;padding-left:38px;color:var(--dim)}.feature-guide{display:inline-block;font-size:11px;color:var(--fg);border-bottom:1px solid var(--border);margin:0 0 22px 38px;padding-bottom:3px}.feature-guide:hover{border-color:var(--accent)}.feature-gallery .feature-image{display:flex;justify-content:center;align-items:center;width:100%;height:var(--preview-height);min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;position:sticky;align-self:start;top:calc(104px + (100svh - 128px - var(--preview-height)) / 2);overflow:visible}.feature-reverse .feature-image{order:1}.feature-image img{display:block;width:auto;max-width:100%;height:auto;max-height:min(560px,calc(100svh - 200px));margin-inline:auto;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.feature-image.feature-illustration img{border:0;background:transparent}.feature-image img[data-photo]{--photo-accent: var(--purple);--photo-line: color-mix(in srgb, var(--border), var(--fg) 15%);--photo-mat: color-mix(in srgb, var(--page) 70%, var(--surface));--photo-edge: color-mix(in srgb, var(--photo-line) 76%, var(--photo-accent));max-width:calc(100% - 18px);border-color:var(--photo-line);box-shadow:0 0 0 4px var(--photo-mat),0 0 0 5px var(--photo-line),0 9px 0 -4px var(--photo-mat),0 10px 0 -4px var(--photo-edge)}.feature-image img[data-photo=intro]{box-shadow:0 0 0 5px var(--photo-mat),0 0 0 6px var(--photo-line),0 10px 0 -5px var(--photo-mat),0 11px 0 -5px var(--photo-edge)}.feature-image img[data-photo=subagents]{--photo-accent: var(--cyan);max-width:min(calc(100% - 18px),640px);box-shadow:0 0 0 3px var(--photo-mat),0 0 0 4px var(--photo-line),0 7px 0 -3px var(--photo-edge)}.feature-image img[data-photo=terminal]{--photo-accent: var(--cyan);box-shadow:0 0 0 3px var(--photo-mat),0 0 0 4px var(--photo-line),0 8px 0 -2px var(--photo-mat),0 9px 0 -2px var(--photo-edge)}.feature-image img[data-photo=editor]{--photo-accent: var(--blue);box-shadow:0 0 0 4px var(--photo-mat),0 0 0 5px var(--photo-line),0 6px 0 -2px var(--photo-mat),0 7px 0 -2px var(--photo-edge)}.feature-image img[data-photo=git]{--photo-accent: var(--green);box-shadow:0 0 0 3px var(--photo-mat),0 0 0 4px var(--photo-line),0 5px 0 -1px var(--photo-mat),0 6px 0 -1px var(--photo-edge)}.feature-image img[data-photo=notes]{--photo-accent: var(--yellow);box-shadow:0 0 0 4px var(--photo-mat),0 0 0 5px var(--photo-line),0 9px 0 -4px var(--photo-mat),0 10px 0 -4px var(--photo-edge),0 15px 0 -8px var(--photo-mat),0 16px 0 -8px var(--photo-line)}.feature-image img[data-photo=appearance]{max-width:min(calc(100% - 18px),540px);box-shadow:0 0 0 3px var(--photo-mat),0 0 0 4px var(--photo-line),0 7px 0 -3px color-mix(in srgb,var(--photo-line) 70%,var(--blue)),0 10px 0 -3px color-mix(in srgb,var(--photo-line) 70%,var(--purple)),0 13px 0 -3px color-mix(in srgb,var(--photo-line) 70%,var(--red))}.feature-photo-frame{position:relative;display:flex;justify-content:center;align-items:center;width:fit-content;min-width:0;max-width:calc(100% - 18px)}.feature-photo-frame[data-photo=subagents]{max-width:min(calc(100% - 18px),640px)}.feature-photo-frame[data-photo=appearance]{max-width:min(calc(100% - 18px),540px)}.feature-image .feature-photo-frame img[data-photo]{max-width:100%;max-height:min(544px,calc(100svh - 244px))}.photo-detail{position:absolute;z-index:1;top:calc(100% + 2px);left:50%;transform:translate(-50%);width:244px;max-width:calc(100vw - 56px);padding:9px 12px;border:1px solid color-mix(in srgb,var(--border),var(--fg) 15%);border-radius:var(--radius);background:var(--surface);box-shadow:3px 4px 0 var(--page);text-align:left}.photo-detail code{font:11px/1.6 ui-monospace,DejaVu Sans Mono,monospace;color:var(--fg)}.photo-detail-icon{display:inline-flex;flex:0 0 auto;color:var(--purple)}.photo-detail-icon .feature-benefit-icon{width:17px;height:17px}.photo-detail-intro{left:0;transform:none;width:246px}.photo-context-path{display:flex;align-items:center;gap:8px}.photo-context-meta{display:flex;justify-content:space-between;margin:4px 0 0 25px;color:var(--dim);font:9px/1.6 ui-monospace,monospace}.photo-context-meta code{font-size:9px;color:var(--purple)}.photo-detail-subagents{width:276px;left:auto;right:0;transform:none}.photo-task-root{display:flex;justify-content:space-between;align-items:center;line-height:14px}.photo-task-root code{font-size:10px;line-height:14px}.photo-task-root>span{color:var(--purple);font:9px/14px ui-monospace,monospace}.photo-task-branches{position:relative;height:8px;margin:4px 16.66% 0;border-top:1px solid var(--border);border-inline:1px solid var(--border);pointer-events:none}.photo-task-branches:before{content:"";position:absolute;left:50%;top:-4px;height:11px;border-left:1px solid var(--border)}.photo-task-leaves{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;color:var(--dim);font:9px/14px ui-monospace,monospace;text-align:center}.photo-detail-terminal{width:260px;left:auto;right:0;transform:none;border-left:2px solid var(--cyan)}.photo-command-label{display:flex;align-items:center;gap:8px;color:var(--dim);font:9px/14px ui-monospace,monospace}.photo-command-label .feature-benefit-icon{width:14px;height:14px;color:var(--cyan)}.photo-command-source{display:flex;gap:9px;align-items:center;margin-top:4px}.photo-command-source>span{color:var(--dim);font-size:11px}.photo-command-source code{font-size:10px}.photo-command-source code:last-child{color:var(--cyan)}.photo-detail-editor{display:flex;align-items:center;gap:12px;width:max-content;padding-block:10px}.photo-detail-editor .photo-detail-icon{color:var(--blue)}.photo-mode{border:1px solid color-mix(in srgb,var(--border),var(--blue) 30%);padding:3px 6px;color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,transparent);font:9px/1.4 ui-monospace,monospace}.photo-detail-git{width:205px}.photo-diff-file,.photo-diff-count,.photo-diff-branch{display:flex;align-items:center}.photo-diff-file{justify-content:space-between;gap:12px}.photo-diff-count{gap:7px;font:10px/1.6 ui-monospace,monospace}.photo-diff-count>span:first-child{color:var(--green)}.photo-diff-count>span:last-child{color:var(--red)}.photo-diff-branch{gap:7px;margin-top:4px}.photo-diff-branch .feature-benefit-icon{width:13px;height:13px;color:var(--dim)}.photo-diff-branch code{color:var(--dim);font-size:9px}.photo-detail-notes{left:0;transform:none;width:190px;border-radius:var(--radius) 0 var(--radius) var(--radius)}.photo-detail-notes:after{content:"";position:absolute;top:-1px;right:-1px;border-left:8px solid var(--border);border-top:8px solid var(--page);pointer-events:none}.photo-note-file{display:flex;align-items:center;gap:8px}.photo-note-file .feature-benefit-icon{width:15px;height:15px;color:var(--yellow)}.photo-detail .photo-note-field{display:block;margin:4px 0 0 23px;color:var(--dim);font-size:10px}.photo-note-field>span{color:var(--green)}.photo-detail-appearance{left:auto;right:0;transform:none;width:216px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:13px}.photo-detail-appearance>code{font-size:10px}.photo-swatches{display:flex;gap:3px}.photo-swatches i{display:block;width:12px;height:12px;background:#8bb7d0}.photo-swatches i:nth-child(2){background:#c2a2e3}.photo-swatches i:nth-child(3){background:#a6c8b0}.photo-swatches i:nth-child(4){background:#d98d9d}.photo-swatches i:nth-child(5){background:#f2e2b7}.feature-code-card{display:grid;gap:24px;width:100%;min-width:0;max-width:100%;max-height:var(--preview-height);overflow:auto;text-align:left}.feature-code-block{min-width:0}.feature-code-label{margin:0 0 14px;color:var(--fg);font-family:"Press Start 2P",monospace;font-size:clamp(10px,1.2vw,13px);font-weight:400;line-height:1.9;letter-spacing:0;text-shadow:1px -1px 0 color-mix(in srgb,var(--fg) 30%,transparent)}.feature-code-source{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.feature-code-card pre{margin:0;padding:18px 20px;overflow:auto;font-family:ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.85;tab-size:2}.feature-code-card code{display:block;width:max-content;min-width:100%;font-family:inherit}.feature-code-card .shiki,.feature-code-card .shiki span{color:var(--shiki-light);background:transparent}@media(prefers-color-scheme:dark){.feature-code-card .shiki,.feature-code-card .shiki span{color:var(--shiki-dark)}}@media(max-width:760px){.feature-gallery,.feature-gallery.feature-reverse{display:block;min-height:0}.feature-gallery .feature-image img{max-height:none}.feature-gallery .feature-image img[data-photo]{max-width:calc(100% - 8px);box-shadow:0 0 0 2px var(--photo-mat),0 0 0 3px var(--photo-line),0 6px 0 -3px var(--photo-edge)}.feature-gallery .feature-image img[data-photo=subagents]{max-width:min(calc(100% - 8px),640px)}.feature-gallery .feature-image img[data-photo=appearance]{max-width:min(calc(100% - 8px),540px);box-shadow:0 0 0 2px var(--photo-mat),0 0 0 3px var(--photo-line),0 5px 0 -3px color-mix(in srgb,var(--photo-line) 70%,var(--blue)),0 8px 0 -3px color-mix(in srgb,var(--photo-line) 70%,var(--purple))}.feature-gallery .feature-image{position:static;height:auto;margin:4px 0 22px;padding:0}.feature-gallery .feature-image.feature-photo-active{margin-bottom:48px}.feature-gallery .feature-image .feature-photo-frame{max-width:calc(100% - 8px);margin-block:32px}.feature-gallery .feature-image .feature-photo-frame[data-photo=subagents]{max-width:min(calc(100% - 8px),640px)}.feature-gallery .feature-image .feature-photo-frame[data-photo=appearance]{max-width:min(calc(100% - 8px),540px)}.feature-gallery .feature-image .feature-photo-frame img[data-photo]{max-width:100%;max-height:none}.feature-gallery .feature-copy{max-width:none}}section.open-source{--fg: #ffffff;--dim: #ffffff;--muted: #e8e8e8;--accent: #ffffff;--on-accent: #000000;--border: rgba(255, 255, 255, .3);width:min(1200px,calc(100% - 48px));margin-inline:auto;padding:72px 0 80px;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;color:var(--fg);background:#000}.open-source .plasma-background{position:absolute;inset:0;z-index:0;width:100%;height:100%;opacity:.68;pointer-events:none;-webkit-user-select:none;user-select:none}.open-source .plasma-background canvas{display:block;width:100%;height:100%}.open-source .open-source-content{position:relative;z-index:2;max-width:900px;text-shadow:0 2px 12px rgba(0,0,0,.28)}.open-source .open-source-content h2{font-size:clamp(36px,4.5vw,64px);font-weight:550;line-height:1.08;letter-spacing:-.055em}.open-source .button-light{background:#fff;color:#000;border-radius:10px;padding:15px 24px;font-size:13px;text-shadow:none}.open-source .button-light:hover{background:#e8e8e8;transform:translateY(-2px)}.open-source .button-light span{margin-left:8px}.open-source .open-source-content>p{color:var(--dim);font-size:15px;line-height:1.85;max-width:650px;margin:22px auto 28px}@media(max-width:767px){section.open-source{width:calc(100% - 24px);padding:52px 0 56px}.open-source .plasma-background{opacity:.6}}.faq{padding-block:clamp(64px,8vw,112px);--faq-icon-size: 18px;--faq-gap: 20px}.faq h2{margin-bottom:40px;color:var(--fg)}.faq details{padding-block:24px}.faq summary{display:grid;grid-template-columns:var(--faq-icon-size) minmax(0,1fr);gap:var(--faq-gap);align-items:start;list-style:none;cursor:pointer;color:var(--fg);font-size:clamp(18px,1.5vw,22px);font-weight:400;line-height:1.5;overflow-wrap:anywhere}.faq summary::-webkit-details-marker{display:none}.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.faq-icon{position:relative;width:var(--faq-icon-size);height:var(--faq-icon-size);margin-top:calc((1.5em - var(--faq-icon-size)) / 2);color:var(--muted)}.faq-icon:before,.faq-icon:after{content:"";position:absolute;background:currentColor}.faq-icon:before{width:14px;height:2px;left:2px;top:8px}.faq-icon:after{width:2px;height:14px;left:8px;top:2px}.faq details[open]>summary .faq-icon:after{display:none}.faq-answer{max-width:76ch;margin:14px 0 0 calc(var(--faq-icon-size) + var(--faq-gap));color:var(--dim);font-size:clamp(15px,1.1vw,16px);line-height:1.8;overflow-wrap:anywhere}.faq-answer a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.faq-answer a:hover{color:var(--accent)}@media(max-width:760px){.faq{--faq-gap: 14px}.faq h2{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.faq details,.faq summary,.faq-answer,.faq-icon:before,.faq-icon:after{animation:none;transition:none}}