:root{--bg:#f7f5ef;--bg-elevated:#fff;--ink:#151515;--ink-soft:#55585d;--ink-faint:#7b7f86;--line:#dedbd2;--line-strong:#c7c3b8;--blue:#0a84ff;--green:#1eaa57;--orange:#d96f20;--purple:#6f56d9;--panel:#ffffffd6;--shadow:0 22px 70px #1d1b1729;--radius:8px;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111214;--bg-elevated:#191a1d;--ink:#f4f1ea;--ink-soft:#c2beb4;--ink-faint:#8f918f;--line:#32343a;--line-strong:#474a52;--panel:#16171adb;--shadow:0 26px 80px #0000006b}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p,pre{margin:0}code,pre{font-family:var(--mono)}[hidden]{display:none!important}.notice{color:#f7f5ef;background:#151515;justify-content:center;padding:10px 16px;display:flex}.notice-button{color:inherit;background:0 0;border:0;align-items:center;gap:7px;font-size:.84rem;font-weight:700;display:inline-flex}.notice-button svg{color:#6ee7b7}.site-header{z-index:10;border-bottom:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:0 max(22px,50vw - 580px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-icon{border-radius:10px;width:44px;height:44px;box-shadow:0 12px 28px #0000002e}.brand-text{letter-spacing:0;font-size:1.06rem;font-weight:800}.header-actions{align-items:center;gap:14px;display:inline-flex}.header-actions a{color:var(--ink-soft);font-size:.92rem;font-weight:700;text-decoration:none}.download-link{background:var(--ink);border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 13px;display:inline-flex;color:var(--bg)!important}.hero{color:#fff;background-image:url(/opencode-composer-2-5.webp);background-position:50%;background-size:cover;align-items:flex-end;min-height:76vh;padding:90px max(22px,50vw - 580px) 70px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg,#000000d1 0%,#00000085 42%,#0000001f 100%),linear-gradient(#0000001a 55%,#00000094 100%);position:absolute;inset:0}.hero-shade{background:linear-gradient(0deg, var(--bg), transparent);height:34%;position:absolute;inset:auto 0 0}.hero-content{width:min(680px,100%);padding-bottom:18px;position:relative}.kicker{color:var(--orange);letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:800}.hero .kicker{color:#7dd3fc}#hero-title{letter-spacing:0;margin-top:14px;font-size:clamp(4.2rem,12vw,8.8rem);font-weight:850;line-height:.89}.hero-copy{color:#ffffffdb;width:min(620px,100%);margin-top:24px;font-size:clamp(1.08rem,2.4vw,1.42rem);line-height:1.45}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.download-button,.secondary-button{border:0;border-radius:999px;align-items:center;gap:12px;min-height:58px;padding:0 20px;text-decoration:none;display:inline-flex}.download-button{color:#111;background:#fff;box-shadow:0 18px 46px #0000003d}.download-button.dark{background:var(--ink);color:var(--bg)}.download-button span{text-align:left;gap:2px;display:grid}.download-button strong{font-size:1rem}.download-button small{color:color-mix(in srgb, currentColor 62%, transparent);font-size:.78rem;font-weight:700}.secondary-button{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff47;font-weight:800}.secondary-button.copied{color:#6ee7b7;border-color:#6ee7b7b3}.overview,.screenshots,.release{width:min(1160px,100% - 44px);margin:0 auto}.overview{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-28px;display:grid;position:relative}.overview-item,.shot,.release,.modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.overview-item{padding:24px}.overview-item svg{color:var(--blue)}.overview-item:nth-child(2) svg{color:var(--green)}.overview-item:nth-child(3) svg{color:var(--purple)}.overview-item h2{margin-top:16px;font-size:1.16rem}.overview-item p{color:var(--ink-soft);margin-top:9px;line-height:1.55}.screenshots{padding:88px 0 46px}.section-heading{max-width:720px}.section-heading h2,.release h2{letter-spacing:0;margin-top:10px;font-size:clamp(2.1rem,5vw,4rem);line-height:1.02}.shot-grid{grid-template-columns:1.08fr .92fr;gap:18px;margin-top:34px;display:grid}.shot{padding:18px;overflow:hidden}.shot h3{margin-top:18px;font-size:1.24rem}.shot p{color:var(--ink-soft);margin-top:8px;line-height:1.55}.shot-app{grid-row:span 2}.shot-opencode img{aspect-ratio:16/10;object-fit:cover;background:#111;border-radius:7px;width:100%;display:block}.mac-window{color:#1b1b1d;background:#f7f7f7;border-radius:12px;min-height:520px;padding:18px;box-shadow:inset 0 0 0 1px #00000014}.window-controls{gap:7px;display:flex}.window-controls span{border-radius:999px;width:12px;height:12px}.window-controls span:first-child{background:#ff5f57}.window-controls span:nth-child(2){background:#ffbd2e}.window-controls span:nth-child(3){background:#28c840}.app-preview-head{grid-template-columns:72px 1fr auto;align-items:center;gap:16px;margin-top:34px;display:grid}.app-preview-head img{border-radius:16px}.app-preview-head h3{margin:0;font-size:1.7rem}.app-preview-head p{color:#777;margin-top:3px}.status-pill{color:#1b1b1d;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-weight:800;display:inline-flex}.status-pill:before{content:"";background:#28c840;border-radius:999px;width:9px;height:9px}.endpoint-table{border:1px solid #ddd;border-radius:10px;gap:1px;margin-top:36px;display:grid;overflow:hidden}.endpoint-table div{background:#fff;grid-template-columns:112px 1fr;gap:12px;padding:15px 17px;display:grid}.endpoint-table strong{color:#737373}.endpoint-table code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-row{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:14px 16px;font-weight:800;display:flex}.agent-row span{align-items:center;gap:10px;display:inline-flex}.agent-row img{object-fit:contain;background:#111;border-radius:6px;width:28px;height:28px;padding:4px}.agent-row span:last-child{color:var(--green)}.codex-preview{color:#f8f4ec;background:#111317;border-radius:12px;min-height:320px;padding:22px}.codex-title{align-items:center;gap:12px;font-size:1.35rem;font-weight:850;display:flex}.codex-title small{color:#a7abb2;margin-left:auto;font-size:.8rem}.model-option{font-family:var(--mono);background:#191d23;border:1px solid #2d3138;border-radius:8px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px;display:flex}.model-option.selected{border-color:#0a84ff}.model-option strong{color:#6ee7b7;font-family:inherit;font-size:.82rem}.codex-preview pre{color:#c7d2fe;background:#08090b;border-radius:8px;margin-top:18px;padding:14px;font-size:.78rem;line-height:1.5;overflow:auto}.release{grid-template-columns:1fr auto;align-items:center;gap:32px;margin-bottom:70px;padding:34px;display:grid}.release p:not(.kicker){max-width:720px;color:var(--ink-soft);margin-top:14px;font-size:1.06rem;line-height:1.58}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0000007a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{width:min(620px,100%);padding:30px;position:relative}.modal-close{border:1px solid var(--line);background:var(--bg-elevated);width:36px;height:36px;color:var(--ink);border-radius:999px;place-items:center;display:inline-grid;position:absolute;top:16px;right:16px}.modal h2{margin-top:9px;padding-right:38px;font-size:2rem;line-height:1.08}.modal p:not(.kicker){color:var(--ink-soft);margin-top:16px;line-height:1.6}.modal .download-button{margin-top:22px}.chat-app{place-items:center;min-height:100vh;padding:24px;display:grid}.chat-app button,.chat-app input,.chat-app textarea{border:1px solid var(--line);border-radius:8px}@media (prefers-color-scheme:dark){.mac-window{background:#e9e9ec}}@media (width<=860px){.site-header{min-height:auto;padding-top:16px;padding-bottom:16px;position:relative}.header-actions a:not(.download-link){display:none}.hero{min-height:72vh;padding-top:72px;padding-bottom:54px}.overview,.shot-grid,.release{grid-template-columns:1fr}.release{align-items:start}.app-preview-head{grid-template-columns:54px 1fr}.app-preview-head img{width:54px;height:54px}.status-pill{grid-column:1/-1;justify-self:start}.endpoint-table div{grid-template-columns:1fr}}@media (width<=540px){.brand-text{display:none}.hero-actions,.download-button,.secondary-button{width:100%}.download-button,.secondary-button{justify-content:center}.mac-window{min-height:460px;padding:14px}.app-preview-head h3{font-size:1.32rem}.shot,.release,.modal{padding:18px}}