@charset "UTF-8";
:root {
  color-scheme:dark;
  --canvas:#101113;
  --panel:#17191c;
  --raised:#1e2024;
  --text:#f0f0ed;
  --muted:#a0a3aa;
  --quiet:#737880;
  --line:#2b2d31;
  --accent:#de9573;
  --green:#92b5a0;
  --purple:#b4a9d7;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:28px;
}

body {
  margin:0;
  background:var(--canvas);
  color:var(--text);
  font-family:var(--sans);
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}

a {
  color:inherit;
  text-decoration:none;
}

button,input,select {
  font:inherit;
}

button {
  cursor:pointer;
}

button,a,input,summary {
  -webkit-tap-highlight-color:transparent;
}

button {
  color:inherit;
}

button:disabled {
  cursor:default;
}

button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:5px;
}

input:focus-visible {
  outline:none;
}

.search-box:focus-within {
  border-color:var(--accent);
}

::selection {
  background:#855c48;
  color:white;
}

svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}

[hidden] {
  display:none!important;
}

.wrap {
  width:min(1180px,calc(100% - 96px));
  margin-inline:auto;
}

.skip-link {
  position:fixed;
  top:-60px;
  left:16px;
  z-index:20;
  background:var(--text);
  color:var(--canvas);
  padding:12px;
}

.skip-link:focus {
  top:12px;
}

.site-header {
  height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #242629;
}

.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:28px;
  letter-spacing:-1px;
  font-weight:650;
}

.fleet-mark {
  width:23px;
  height:25px;
  display:inline-flex;
  flex-direction:column;
  justify-content:space-between;
  transform:skewY(-8deg);
  flex-shrink:0;
}

.fleet-mark i {
  display:block;
  height:5px;
  background:currentColor;
  clip-path:polygon(0 0,100% 0,80% 100%,0 100%);
}

.fleet-mark i:nth-child(2) {
  width:78%;
}

.fleet-mark i:nth-child(3) {
  width:54%;
}

.brand-platform {
  font-size:12px;
  font-weight:450;
  letter-spacing:0;
  color:var(--muted);
  border:1px solid var(--line);
  border-radius:5px;
  padding:4px 7px;
  margin-left:4px;
}

.site-header nav {
  display:flex;
  gap:32px;
  color:#afb1b6;
  font-size:14px;
}

.site-header nav a:hover,.text-link:hover {
  color:#fff;
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  border-radius:7px;
  min-height:46px;
  padding:12px 21px;
  border:1px solid transparent;
  font-size:14px;
  font-weight:560;
  transition:background .15s,border-color .15s;
}

.button-primary {
  background:#e8e8e4;
  color:#202124;
  border-color:#e8e8e4;
  box-shadow:0 1px 2px #0004;
}

.button-primary:hover {
  background:#fff;
  border-color:#fff;
}

.button-outline {
  background:#191b1e;
  border-color:#383a3e;
}

.button-outline:hover {
  background:#24262a;
  border-color:#66686d;
}

.button-small {
  font-size:13px;
  min-height:36px;
  padding:8px 13px;
  gap:15px;
}

.hero {
  text-align:center;
  padding-top:57px;
  padding-bottom:65px;
}

.release-note {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:#b5b6bb;
}

.release-symbol {
  color:var(--accent);
  font-size:19px;
}

.pill {
  padding:4px 7px;
  border:1px solid #38332f;
  border-radius:4px;
  background:#201d1a;
  color:#c0a693;
  font-size:12px;
}

.release-note>span:last-child {
  margin-left:2px;
  font-size:19px;
  color:var(--quiet);
}

h1 {
  font-size:clamp(48px,6.8vw,88px);
  line-height:1.035;
  letter-spacing:-3.9px;
  font-weight:500;
  margin:29px 0 23px;
}

.hero-description {
  font-size:18px;
  line-height:1.6;
  color:#a4a6ad;
  margin:0;
}

.hero-actions {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:27px;
  margin-top:29px;
}

.text-link {
  display:inline-flex;
  gap:13px;
  align-items:center;
  font-size:14px;
  color:#bebfc5;
}

.platform-note {
  font-size:12px;
  color:#7f848d;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:21px 0 0;
}

.platform-note svg {
  width:14px;
  height:14px;
}

.preview-section {
  scroll-margin-top:25px;
}

.preview-caption {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
  font-size:12px;
  color:#92959e;
}

.preview-caption>span:first-child {
  color:#c1c2c6;
  display:flex;
  gap:9px;
  align-items:center;
}

.small-cross {
  font-size:19px;
  color:#777d85;
}

.caption-separator {
  padding-inline:8px;
  color:#494d54;
}

.app-window {
  overflow:hidden;
  border:1px solid #3c3f44;
  border-radius:11px;
  background:var(--panel);
  box-shadow:0 30px 100px #0004,0 0 0 5px #ffffff02;
}

.app-titlebar {
  height:43px;
  background:#202225;
  border-bottom:1px solid #313337;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  font-size:12px;
  color:#b6b8bd;
}

.traffic-lights {
  display:flex;
  gap:7px;
  width:100px;
}

.traffic-lights i {
  height:9px;
  width:9px;
  border-radius:100%;
  background:#79605d;
}

.traffic-lights i:nth-child(2) {
  background:#827557;
}

.traffic-lights i:nth-child(3) {
  background:#5b7560;
}

.titlebar-status {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#91969c;
}

.status-dot {
  display:inline-block;
  width:5px;
  height:5px;
  background:#87a98d;
  border-radius:50%;
  flex-shrink:0;
}

.app-body {
  display:grid;
  grid-template-columns:187px minmax(290px,1fr) minmax(335px,1.1fr);
  min-height:584px;
}

.app-sidebar {
  background:#181a1d;
  border-right:1px solid #2d3035;
  display:flex;
  flex-direction:column;
  padding:22px 11px 0;
}

.workspace-label {
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 6px 25px;
  font-size:12px;
  font-weight:560;
}

.workspace-label small {
  display:block;
  font-size:12px;
  font-weight:400;
  color:#7e838b;
  margin-top:4px;
}

.workspace-avatar {
  height:29px;
  width:29px;
  border-radius:7px;
  border:1px solid #48403a;
  background:#322b26;
  color:#d6b09b;
  display:grid;
  place-items:center;
}

.workspace-chevron {
  margin-left:auto;
  color:var(--quiet);
}

.sidebar-group {
  display:flex;
  flex-direction:column;
  gap:4px;
}

.sidebar-item {
  display:flex;
  align-items:center;
  width:100%;
  gap:9px;
  border:1px solid transparent;
  border-radius:5px;
  padding:9px 10px;
  background:none;
  color:#969aa2;
  text-align:left;
  font-size:12px;
  line-height:17px;
}

.sidebar-item svg {
  width:14px;
  height:14px;
}

.sidebar-item.is-active {
  background:#292b2f;
  border-color:#35383d;
  color:#e2e2e3;
}

.sidebar-item:hover:not(.is-active),.project-item:hover {
  background:#23252a;
  color:#ddd;
}

.count {
  margin-left:auto;
  color:#a1a5ad;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}

.sidebar-item[data-status=attention] svg {
  color:#cc9e71;
}

.sidebar-item[data-status=working] svg {
  color:#97b49d;
}

.project-group {
  margin-top:29px;
  padding:0 7px;
}

.sidebar-label {
  font-size:12px;
  color:#727780;
  margin:0 0 8px 3px;
}

.project-item {
  display:flex;
  align-items:center;
  gap:9px;
  background:none;
  border:1px solid transparent;
  color:#9b9fa7;
  font-size:12px;
  text-align:left;
  padding:8px 5px;
  border-radius:4px;
}

.project-item>span:last-child {
  margin-left:auto;
  font-size:12px;
  color:#7d828b;
}

.project-item[aria-pressed=true] {
  color:var(--text);
  background:#292b2f;
  border-color:#454149;
}

.project-square {
  display:inline-block;
  height:7px;
  width:7px;
  border-radius:2px;
  background:#8d8ba5;
}

.project-square.relay {
  background:#a88c70;
}

.project-square.dotfiles {
  background:#6f919a;
}

.sidebar-bottom {
  margin-top:auto;
  padding:25px 8px 15px;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  white-space:nowrap;
  color:#858a92;
}

.sidebar-bottom svg {
  width:12px;
  height:12px;
}

.session-pane {
  background:#1b1d20;
  border-right:1px solid #2d3035;
  min-width:0;
  display:flex;
  flex-direction:column;
}

.session-heading {
  padding:23px 20px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.session-heading h2 {
  font-size:14px;
  font-weight:550;
  letter-spacing:-.2px;
  margin:0;
}

.session-heading h2>span {
  font-size:12px;
  background:#2b2d31;
  padding:2px 5px;
  color:#a5a9b1;
  border-radius:4px;
  margin-left:5px;
}

.session-order {
  font-size:12px;
  color:#787d85;
}

.search-box {
  margin:0 17px;
  border:1px solid #32353a;
  background:#181a1d;
  border-radius:5px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 9px;
}

.search-box svg {
  width:13px;
  height:13px;
  color:#80858d;
}

.search-box input {
  width:100%;
  min-width:0;
  color:var(--text);
  background:none;
  border:0;
  padding:0;
  font-size:12px;
  line-height:1.6;
}

.search-box input::placeholder {
  color:#848993;
}

.search-box kbd {
  font-family:var(--sans);
  font-size:12px;
  background:#22252a;
  border:1px solid #33373b;
  border-radius:3px;
  padding:1px 4px;
  color:#7c818a;
}

.agent-filters {
  display:flex;
  gap:3px;
  padding:13px 17px 15px;
  border-bottom:1px solid #2d3035;
  flex-wrap:wrap;
}

.agent-filters button {
  display:flex;
  align-items:center;
  gap:5px;
  background:none;
  border:1px solid transparent;
  font-size:12px;
  color:#8f949c;
  padding:5px 8px;
  border-radius:4px;
}

.agent-filters button:hover {
  color:var(--text);
}

.agent-filters .is-active {
  background:#303237;
  border-color:#42454a;
  color:#e7e7e8;
}

.agent-glyph {
  font-size:16px;
  line-height:1;
}

.agent-glyph.claude {
  color:#d49b7e;
}

.agent-glyph.codex {
  color:#c6c8cd;
  font-size:13px;
}

.session-list {
  display:flex;
  flex-direction:column;
  padding:5px 7px;
  gap:2px;
  min-height:330px;
}

.session-row {
  position:relative;
  display:block;
  width:100%;
  padding:13px 12px;
  background:transparent;
  border:1px solid transparent;
  border-radius:5px;
  text-align:left;
  color:#d2d4d8;
  min-height:68px;
}

.session-row:hover {
  background:#25272c;
}

.session-row.is-selected {
  background:#2b2b2f;
  border-color:#414046;
}

.session-row.is-selected::before {
  content:"";
  position:absolute;
  left:-1px;
  top:13px;
  bottom:13px;
  width:2px;
  border-radius:2px;
  background:var(--accent);
}

.session-row-top {
  display:flex;
  align-items:center;
  gap:8px;
}

.session-row-title {
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:1;
  min-width:0;
}

.session-age {
  font-size:12px;
  color:#858991;
  flex-shrink:0;
}

.session-row-bottom {
  display:flex;
  align-items:center;
  gap:7px;
  margin:8px 0 0 23px;
  font-size:12px;
  color:#868b94;
}

.session-row-bottom .status-dot {
  width:5px;
  height:5px;
}

.session-row-bottom .attention {
  background:#c79c6d;
}

.session-row-bottom .idle {
  background:#8b8a9a;
}

.session-row-bottom .branch-name {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:135px;
}

.session-row-bottom .row-status {
  margin-left:auto;
  white-space:nowrap;
  color:#a5a1a0;
}

.list-footer {
  padding:12px 16px;
  margin-top:auto;
  border-top:1px solid #2d3035;
  display:flex;
  gap:7px;
  justify-content:space-between;
  font-size:12px;
  color:#7d828c;
}

.detail-pane {
  display:flex;
  flex-direction:column;
  background:#181a1d;
  min-width:0;
}

.detail-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:49px;
  border-bottom:1px solid #2b2e33;
  padding:0 23px;
  font-size:12px;
  color:#b1b4bb;
}

.detail-heading #detail-project span {
  color:#797f88;
  margin-left:5px;
}

.detail-heading #detail-project span[aria-hidden] {
  margin-right:5px;
  color:#50555d;
}

.detail-menu {
  color:#80858e;
}

.detail-intro {
  padding:23px 23px 20px;
}

.detail-state {
  font-size:12px;
  color:#c4a27f;
  display:flex;
  align-items:center;
  gap:6px;
}

.detail-state::before {
  content:"";
  display:inline-block;
  height:5px;
  width:5px;
  border-radius:50%;
  background:currentColor;
}

.detail-state.working {
  color:#9dbba4;
}

.detail-state.idle {
  color:#aaa5bf;
}

.detail-intro h3 {
  font-size:19px;
  line-height:1.35;
  font-weight:500;
  letter-spacing:-.45px;
  margin:11px 0 10px;
}

.detail-meta {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  font-size:12px;
  color:#858b94;
}

.detail-meta span:first-child {
  font-family:var(--mono);
  font-size:12px;
}

.detail-tabs {
  display:flex;
  border-bottom:1px solid #2d3035;
  padding:0 23px;
  gap:20px;
}

.detail-tabs button {
  border:0;
  border-bottom:1px solid transparent;
  background:none;
  color:#8d939b;
  font-size:12px;
  padding:0 0 12px;
  display:flex;
  align-items:center;
  gap:6px;
}

.detail-tabs button.is-active {
  border-color:#d3b6a5;
  color:#dedee0;
}

.optional-tag {
  font-size:12px;
  color:#848994;
  padding:2px 4px;
  border:1px solid #373a40;
  border-radius:3px;
}

.conversation-content {
  padding:21px 23px;
  flex:1;
  min-height:214px;
}

.message {
  margin-bottom:20px;
}

.message:last-child {
  margin-bottom:0;
}

.message-head {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  color:#d5d5d8;
  margin-bottom:10px;
}

.message-head time {
  margin-left:auto;
  color:#707680;
  font-size:12px;
}

.message-avatar {
  height:18px;
  width:18px;
  display:grid;
  place-items:center;
  border-radius:4px;
  font-size:12px;
  background:#30333a;
  color:#aeb4c2;
}

.message-avatar.assistant {
  font-size:17px;
  color:#d49b7e;
  background:none;
}

.message p {
  font-size:12px;
  line-height:1.7;
  color:#a6aab2;
  margin:0;
}

.message p strong {
  color:#d5d7db;
  font-weight:500;
}

.message-result {
  margin-top:12px!important;
  font-size:12px!important;
  display:flex;
  align-items:center;
  gap:6px;
  color:#a4b8a7!important;
}

.diff-summary {
  margin-top:12px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#858b94;
  font-family:var(--mono);
  font-size:12px;
}

.diff-summary .added {
  color:#96b6a1;
}

.diff-summary .removed {
  color:#c79791;
}

.resume-bar {
  margin:0 16px 15px;
  border:1px solid #383a40;
  background:#202226;
  padding:11px;
  border-radius:6px;
}

.resume-label {
  font-size:12px;
  display:flex;
  justify-content:space-between;
  color:#c0c1c6;
  margin-bottom:9px;
}

.resume-label>span:last-child {
  color:#767c85;
}

.resume-bar code {
  display:block;
  white-space:nowrap;
  overflow-x:auto;
  max-width:100%;
  font-family:var(--mono);
  font-size:12px;
  line-height:1.8;
  padding-bottom:7px;
  color:#999fa9;
  scrollbar-width:thin;
}

.copy-button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:#dedfdd;
  color:#292b2e;
  border:1px solid #e4e5e3;
  border-radius:4px;
  padding:8px;
  width:100%;
  font-size:12px;
  font-weight:550;
  margin-top:3px;
  min-height:33px;
}

.copy-button:hover {
  background:white;
}

.copy-button svg {
  width:13px;
  height:13px;
}

.resume-bar p {
  font-size:12px;
  line-height:1.5;
  color:#aebfaa;
  margin:7px 0 0;
}

.resume-bar p:empty {
  display:none;
}

.app-statusbar {
  border-top:1px solid #35373c;
  padding:9px 14px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  background:#1e2023;
  color:#858b95;
  font-size:12px;
}

.app-statusbar>span:first-child {
  display:flex;
  align-items:center;
  gap:6px;
}

.status-divider {
  padding:0 10px;
  color:#444951;
}

.preview-hint {
  text-align:center;
  font-size:12px;
  line-height:1.8;
  color:#9a9ea6;
  margin-top:20px;
}

.preview-hint>span {
  display:block;
  color:#707680;
}

.summary-content {
  padding:25px 23px;
  min-height:214px;
  flex:1;
}

.summary-icon {
  font-size:22px;
  color:var(--accent);
}

.summary-content h4 {
  font-size:15px;
  font-weight:500;
  margin:10px 0;
}

.summary-content p {
  font-size:12px;
  color:#a0a5ae;
  line-height:1.6;
  margin:0 0 16px;
}

.summary-content .button {
  font-size:12px;
  min-height:34px;
  padding:8px 12px;
}

.summary-content .summary-disclosure {
  font-size:12px;
  color:#818791;
  margin-top:12px;
  margin-bottom:0;
}

.summary-content #summary-result {
  margin-top:17px;
  border-left:2px solid #967b67;
  padding-left:13px;
  font-size:12px;
  line-height:1.7;
  color:#c1c4ca;
}

.empty-state {
  padding:45px 14px;
  text-align:center;
  font-size:12px;
  color:#a7acb5;
  line-height:1.6;
}

.empty-state button {
  display:block;
  margin:16px auto;
  background:#292c32;
  border:1px solid #444951;
  border-radius:4px;
  padding:7px 12px;
  font-size:12px;
}

.product-story {
  padding-top:123px;
}

.section-heading {
  text-align:center;
}

.section-kicker {
  font-size:14px;
  color:var(--accent);
  margin:0 0 20px;
}

.section-heading h2,.workflow-heading h2,.faq-section h2,.closing-section h2 {
  font-size:46px;
  font-weight:500;
  letter-spacing:-2px;
  line-height:1.12;
  margin:0 0 20px;
}

.section-heading>p:last-child,.workflow-heading>p:not(.section-kicker) {
  font-size:16px;
  line-height:1.7;
  color:#9297a0;
  margin-bottom:0;
}

.feature-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:55px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.feature-grid article {
  padding:35px 32px 35px 0;
}

.feature-grid article+article {
  border-left:1px solid var(--line);
  padding-left:32px;
}

.feature-icon {
  font-size:25px;
  color:#bcbec4;
  display:block;
  margin-bottom:24px;
  font-weight:400;
}

.feature-grid h3 {
  font-size:17px;
  font-weight:500;
  letter-spacing:-.35px;
  margin:0 0 14px;
}

.feature-grid p {
  font-size:14px;
  line-height:1.8;
  color:#9b9fa7;
  margin:0 0 24px;
  max-width:34ch;
}

.feature-footnote {
  color:#6f7680;
  font-size:12px;
}

.workflow-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  padding-top:100px;
  padding-bottom:100px;
  border-bottom:1px solid var(--line);
}

.workflow-heading .text-link {
  margin-top:30px;
}

.workflow-steps {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:29px;
}

.workflow-steps li {
  display:flex;
  gap:24px;
  border-bottom:1px solid #292c31;
  padding-bottom:25px;
}

.workflow-steps li:last-child {
  border-bottom:0;
  padding-bottom:0;
}

.step-number {
  font-family:var(--mono);
  font-size:12px;
  color:#7d828a;
  padding-top:3px;
}

.workflow-steps h3 {
  font-size:17px;
  letter-spacing:-.3px;
  font-weight:500;
  margin:0 0 10px;
}

.workflow-steps p {
  font-size:14px;
  line-height:1.8;
  color:#9499a2;
  margin:0;
  max-width:43ch;
}

.faq-section {
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:70px;
  padding-top:93px;
  padding-bottom:93px;
  border-bottom:1px solid var(--line);
}

.faq-section h2 {
  font-size:35px;
  letter-spacing:-1.2px;
}

.faq-list details {
  border-bottom:1px solid var(--line);
  padding:20px 0;
}

.faq-list details:first-child {
  padding-top:0;
}

.faq-list summary {
  display:flex;
  justify-content:space-between;
  gap:15px;
  cursor:pointer;
  list-style:none;
  font-size:15px;
  color:#d1d3d7;
  line-height:1.5;
}

.faq-list summary::-webkit-details-marker {
  display:none;
}

.faq-list summary>span {
  color:#8a9099;
  font-size:20px;
  font-weight:300;
}

.faq-list details[open] summary>span {
  transform:rotate(45deg);
}

.faq-list details p {
  font-size:14px;
  color:#969ca5;
  line-height:1.8;
  margin:16px 25px 0 0;
}

.closing-section {
  text-align:center;
  padding-top:90px;
  padding-bottom:85px;
}

.closing-mark {
  color:#dadbd9;
  width:28px;
  height:30px;
  margin-bottom:27px;
}

.closing-mark i {
  height:6px;
}

.closing-section h2 {
  font-size:52px;
  letter-spacing:-2.4px;
  margin-bottom:18px;
}

.closing-section p {
  font-size:15px;
  color:#999ea7;
  margin:0 0 26px;
}

.closing-note {
  display:block;
  font-size:12px;
  color:#7d838e;
  margin-top:19px;
}

.site-footer {
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:26px;
  padding-bottom:29px;
}

.site-footer .brand {
  font-size:23px;
  gap:8px;
}

.site-footer .fleet-mark {
  width:19px;
  height:21px;
}

.site-footer .fleet-mark i {
  height:4px;
}

.site-footer p {
  font-size:12px;
  color:#777e89;
  margin-right:auto;
  margin-left:13px;
}

.site-footer>span {
  font-size:12px;
  color:#7a818b;
}

@media(min-width:1450px) {
  .hero {
    padding-top:70px;
    padding-bottom:76px;
  }
  .wrap {
    width:min(1240px,calc(100% - 128px));
  }
  .app-body {
    grid-template-columns:196px minmax(320px,1fr) minmax(380px,1.1fr);
  }
  .session-row {
    padding-top:16px;
    padding-bottom:16px;
  }
  .app-body {
    min-height:610px;
  }
}

@media(max-width:1100px) {
  .wrap {
    width:calc(100% - 56px);
  }
  .app-body {
    grid-template-columns:156px minmax(255px,1fr) minmax(310px,1.05fr);
  }
  .app-sidebar {
    padding-inline:7px;
  }
  .workspace-label {
    gap:6px;
    padding-inline:3px;
  }
  .workspace-label small {
    font-size:12px;
  }
  .workspace-avatar {
    width:24px;
    height:24px;
  }
  .workspace-chevron {
    display:none;
  }
  .sidebar-item {
    padding-inline:7px;
    gap:7px;
  }
  .sidebar-bottom {
    font-size:12px;
    padding-inline:2px;
  }
  .session-heading {
    padding-inline:15px;
  }
  .session-order {
    font-size:12px;
  }
  .agent-filters {
    padding-inline:12px;
    gap:2px;
  }
  .agent-filters button {
    font-size:12px;
    padding-inline:5px;
  }
  .search-box {
    margin-inline:12px;
  }
  .session-row {
    padding-inline:9px;
  }
  .session-row-title {
    font-size:12px;
  }
  .session-row-bottom .branch-name {
    max-width:86px;
  }
  .row-status {
    font-size:12px;
  }
  .detail-heading,.detail-intro,.conversation-content,.summary-content {
    padding-left:18px;
    padding-right:18px;
  }
  .detail-tabs {
    padding-inline:18px;
  }
  .feature-grid article {
    padding-right:25px;
  }
  .feature-grid article+article {
    padding-left:25px;
  }
  .workflow-section {
    gap:55px;
  }
  .faq-section {
    gap:45px;
  }
}

@media(max-width:850px) {
  .site-header nav {
    gap:20px;
  }
  .brand-platform {
    display:none;
  }
  .app-body {
    grid-template-columns:minmax(260px,1fr) minmax(310px,1.1fr);
  }
  .app-sidebar {
    grid-column:1/-1;
    display:flex;
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    gap:7px 16px;
    border-right:0;
    border-bottom:1px solid var(--line);
    padding:10px 12px;
  }
  .workspace-label {
    display:none;
  }
  .sidebar-group {
    flex-direction:row;
    flex-wrap:wrap;
    gap:3px;
  }
  .sidebar-item {
    width:auto;
    padding:6px;
    font-size:12px;
    gap:6px;
  }
  .sidebar-item .count {
    font-size:12px;
    margin-left:3px;
  }
  .project-group {
    margin:0;
    padding:0;
    gap:7px;
    align-items:center;
  }
  .sidebar-label {
    font-size:12px;
    margin:0 4px 0 0;
  }
  .project-item {
    font-size:12px;
    padding:6px 3px;
  }
  .project-item>span:last-child {
    display:none;
  }
  .sidebar-bottom {
    display:none;
  }
  .app-body {
    min-height:630px;
  }
  .feature-grid {
    gap:0;
  }
  .feature-grid article {
    padding-right:20px;
  }
  .feature-grid article+article {
    padding-left:20px;
  }
  .feature-grid h3 {
    font-size:16px;
  }
  .hero h1 {
    letter-spacing:-3.5px;
  }
  .section-heading h2,.workflow-heading h2 {
    font-size:39px;
  }
  .workflow-section {
    gap:40px;
  }
  .faq-section {
    grid-template-columns:1fr;
    gap:30px;
  }
  .faq-section h2 {
    margin:0;
  }
  .faq-section .section-kicker {
    margin-bottom:12px;
  }
}

@media(max-width:640px) {
  .wrap {
    width:calc(100% - 36px);
  }
  .site-header {
    height:76px;
    gap:12px;
    flex-wrap:wrap;
  }
  .brand {
    font-size:25px;
  }
  .site-header nav {
    order:3;
    width:100%;
    justify-content:center;
    gap:28px;
    padding:13px 0;
    border-top:1px solid var(--line);
    font-size:12px;
  }
  .site-header {
    height:auto;
    padding-top:20px;
  }
  .site-header>.button {
    font-size:12px;
    min-height:32px;
    padding:7px 10px;
    gap:9px;
  }
  .hero {
    padding-top:41px;
    padding-bottom:45px;
  }
  .release-note {
    font-size:12px;
    gap:6px;
  }
  .release-note .pill {
    font-size:12px;
    padding:3px 5px;
  }
  .release-symbol {
    font-size:16px;
  }
  h1,.hero h1 {
    font-size:clamp(43px,9.4vw,59px);
    letter-spacing:-1.8px;
    line-height:1.07;
    margin-top:23px;
    margin-bottom:22px;
  }
  .hero-description {
    font-size:16px;
    max-width:32ch;
    margin-inline:auto;
    line-height:1.6;
  }
  .desktop-break {
    display:none;
  }
  .hero-actions {
    gap:20px;
    margin-top:25px;
  }
  .hero-actions .button {
    font-size:13px;
    padding:12px 15px;
    gap:17px;
  }
  .hero-actions .text-link {
    font-size:12px;
    gap:7px;
  }
  .platform-note {
    font-size:12px;
    margin-top:19px;
  }
  .preview-caption {
    font-size:12px;
    gap:12px;
    align-items:flex-start;
    line-height:1.5;
  }
  .preview-caption>span:first-child {
    gap:5px;
    max-width:40%;
  }
  .preview-caption>span:last-child {
    max-width:56%;
    text-align:right;
  }
  .caption-separator {
    padding-inline:3px;
  }
  .app-window {
    border-radius:8px;
  }
  .app-titlebar {
    height:38px;
    padding-inline:11px;
  }
  .traffic-lights {
    width:85px;
    gap:5px;
  }
  .traffic-lights i {
    height:7px;
    width:7px;
  }
  .titlebar-status {
    font-size:12px;
  }
  .app-body {
    grid-template-columns:minmax(0,1fr);
    min-height:auto;
  }
  .app-sidebar {
    gap:7px;
    padding:9px;
  }
  .sidebar-group {
    gap:2px;
    justify-content:space-between;
    width:100%;
  }
  .sidebar-item {
    font-size:12px;
    padding:6px 4px;
    gap:4px;
  }
  .sidebar-item svg {
    width:12px;
    height:12px;
  }
  .sidebar-item .count {
    font-size:12px;
    margin-left:0;
  }
  .project-group {
    justify-content:flex-start;
    border-top:1px solid var(--line);
    padding-top:5px;
    gap:12px;
  }
  .project-item {
    font-size:12px;
  }
  .sidebar-label {
    font-size:12px;
  }
  .session-pane {
    border-right:0;
    border-bottom:1px solid #393c42;
  }
  .session-heading {
    padding:17px 14px 13px;
  }
  .session-heading h2 {
    font-size:14px;
  }
  .session-order {
    font-size:12px;
  }
  .search-box {
    margin-inline:12px;
    padding:8px 10px;
  }
  .search-box input {
    font-size:12px;
  }
  .agent-filters {
    padding:10px 12px;
    gap:8px;
  }
  .agent-filters button {
    font-size:12px;
    padding:5px 8px;
  }
  .session-list {
    min-height:0;
    max-height:229px;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    padding-block:4px;
  }
  .session-row {
    min-height:65px;
    padding:12px;
  }
  .session-row-title {
    font-size:12px;
  }
  .session-row-bottom {
    font-size:12px;
  }
  .session-row-bottom .branch-name {
    max-width:120px;
  }
  .session-age,.row-status {
    font-size:12px;
  }
  .list-footer {
    font-size:12px;
    padding:10px 14px;
  }
  .detail-heading {
    font-size:12px;
    height:41px;
  }
  .detail-intro {
    padding-top:20px;
    padding-bottom:17px;
  }
  .detail-intro h3 {
    font-size:20px;
  }
  .detail-state {
    font-size:12px;
  }
  .detail-meta {
    font-size:12px;
  }
  .detail-meta span:first-child {
    font-size:12px;
  }
  .detail-tabs {
    gap:24px;
  }
  .detail-tabs button {
    font-size:12px;
  }
  .optional-tag {
    font-size:12px;
  }
  .conversation-content {
    padding-top:20px;
    padding-bottom:22px;
    min-height:200px;
  }
  .message p {
    font-size:13px;
  }
  .message-head {
    font-size:12px;
  }
  .message-head time {
    font-size:12px;
  }
  .message-result {
    font-size:12px!important;
  }
  .diff-summary {
    font-size:12px;
  }
  .resume-bar {
    margin:0 12px 12px;
  }
  .resume-label {
    font-size:12px;
  }
  .resume-bar code {
    font-size:12px;
  }
  .copy-button {
    font-size:12px;
    min-height:37px;
  }
  .app-statusbar {
    font-size:12px;
    flex-wrap:wrap;
    gap:7px;
  }
  .summary-content {
    min-height:230px;
  }
  .summary-content h4 {
    font-size:17px;
  }
  .summary-content p,.summary-content #summary-result {
    font-size:13px;
  }
  .summary-content .button {
    font-size:12px;
  }
  .summary-content .summary-disclosure {
    font-size:12px;
  }
  .preview-hint {
    font-size:12px;
    margin-inline:8px;
  }
  .product-story {
    padding-top:77px;
  }
  .section-kicker {
    font-size:12px;
    margin-bottom:17px;
  }
  .section-heading h2,.workflow-heading h2 {
    font-size:35px;
    letter-spacing:-1.5px;
  }
  .section-heading>p:last-child,.workflow-heading>p:not(.section-kicker) {
    font-size:15px;
  }
  .feature-grid {
    grid-template-columns:1fr;
    margin-top:32px;
  }
  .feature-grid article {
    padding:26px 4px;
  }
  .feature-grid article+article {
    border-left:0;
    border-top:1px solid var(--line);
    padding-left:4px;
  }
  .feature-icon {
    margin-bottom:15px;
    font-size:23px;
  }
  .feature-grid h3 {
    font-size:18px;
  }
  .feature-grid p {
    font-size:15px;
    max-width:100%;
    margin-bottom:17px;
  }
  .feature-footnote {
    font-size:12px;
  }
  .workflow-section {
    grid-template-columns:1fr;
    padding-top:64px;
    padding-bottom:62px;
    gap:39px;
  }
  .workflow-heading .text-link {
    margin-top:23px;
  }
  .workflow-steps {
    gap:25px;
  }
  .workflow-steps li {
    gap:18px;
  }
  .workflow-steps h3 {
    font-size:16px;
  }
  .workflow-steps p {
    font-size:14px;
  }
  .faq-section {
    padding-top:62px;
    padding-bottom:58px;
  }
  .faq-section h2 {
    font-size:32px;
  }
  .faq-list summary {
    font-size:14px;
  }
  .closing-section {
    padding-top:63px;
    padding-bottom:56px;
  }
  .closing-section h2 {
    font-size:41px;
    letter-spacing:-1.7px;
  }
  .closing-section p {
    font-size:14px;
    max-width:29ch;
    margin-inline:auto;
    line-height:1.7;
  }
  .closing-note {
    font-size:12px;
  }
  .site-footer {
    flex-wrap:wrap;
    gap:10px 16px;
    padding-block:22px;
  }
  .site-footer p {
    font-size:12px;
    margin:0;
  }
  .site-footer>span {
    font-size:12px;
    width:100%;
    padding-left:36px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
  }
}

/* The preview is an interface people can use, not a reduced screenshot. */
.sidebar-item,.project-item,.workspace-label,.search-box input,.agent-filters button,.session-row-title,.detail-tabs button,.message-head,.message p,.copy-button,.summary-content p,.summary-content #summary-result {
  font-size:14px;
}

.session-row-bottom,.detail-state,.resume-label,.summary-content .button {
  font-size:13px;
}

.feature-grid p,.workflow-steps p,.faq-list details p {
  font-size:16px;
}

.session-row {
  min-height:76px;
}

.session-row-top {
  gap:9px;
}

.session-row-bottom {
  gap:6px;
  margin-left:25px;
}

.branch-name {
  flex-shrink:1;
  min-width:0;
}

.session-row-bottom .row-status {
  font-size:12px;
}

.list-footer {
  flex-wrap:wrap;
}

.detail-meta {
  gap:8px;
}

.session-list {
  min-height:380px;
}

.app-body {
  min-height:650px;
}

.agent-filters button {
  padding-inline:7px;
}

.sidebar-bottom {
  white-space:normal;
  line-height:1.5;
}

.workspace-label small {
  line-height:1.4;
}

.workspace-chevron {
  display:none;
}

.detail-heading {
  line-height:1.5;
}

.detail-intro h3 {
  font-size:21px;
}

.session-order {
  white-space:nowrap;
}

.app-statusbar {
  line-height:1.5;
}

.feature-footnote,.closing-note,.site-footer>span,.site-footer p {
  font-size:13px;
}

@media(max-width:1100px) {
  .app-body {
    grid-template-columns:170px minmax(265px,1fr) minmax(310px,1.05fr);
  }
  .sidebar-item {
    gap:6px;
    padding-inline:5px;
  }
  .workspace-label {
    flex-wrap:wrap;
  }
  .workspace-avatar {
    display:none;
  }
  .agent-filters {
    gap:3px;
  }
  .agent-filters button {
    font-size:12px;
  }
  .session-heading {
    flex-wrap:wrap;
  }
  .session-row-bottom .branch-name {
    max-width:95px;
  }
}

@media(max-width:850px) {
  .app-body {
    grid-template-columns:minmax(265px,1fr) minmax(310px,1.1fr);
  }
  .workspace-label {
    display:none;
  }
  .sidebar-group {
    gap:6px;
  }
  .sidebar-item {
    padding-inline:6px;
  }
  .project-group {
    gap:12px;
  }
  .project-item {
    font-size:13px;
  }
  .session-row-bottom {
    flex-wrap:wrap;
  }
  .session-row-bottom .branch-name {
    max-width:125px;
  }
  .session-row-bottom .row-status {
    margin-left:0;
  }
}

@media(max-width:640px) {
  .app-body {
    grid-template-columns:minmax(0,1fr);
    min-height:0;
  }
  .sidebar-group {
    justify-content:flex-start;
    gap:5px;
  }
  .sidebar-item {
    font-size:12px;
    padding:7px 5px;
    gap:4px;
  }
  .sidebar-item .count {
    font-size:12px;
  }
  .project-group {
    gap:12px;
  }
  .session-list {
    min-height:0;
    max-height:258px;
  }
  .session-row-title {
    font-size:14px;
  }
  .session-row-bottom {
    font-size:12px;
    flex-wrap:nowrap;
  }
  .session-row-bottom .row-status {
    margin-left:auto;
  }
  .session-row-bottom .branch-name {
    max-width:100px;
  }
  .session-age {
    font-size:12px;
  }
  .agent-filters button {
    font-size:12px;
  }
  .resume-bar code {
    font-size:12px;
  }
  .detail-tabs button {
    font-size:14px;
  }
  .summary-content .summary-disclosure {
    font-size:12px;
  }
  .message-result {
    font-size:12px!important;
  }
  .preview-caption {
    font-size:12px;
  }
  .preview-caption>span:last-child {
    max-width:50%;
  }
  .hero-description {
    font-size:16px;
  }
  .release-note {
    flex-wrap:wrap;
    justify-content:center;
    font-size:12px;
  }
  .release-note .pill {
    font-size:12px;
  }
  .platform-note {
    font-size:12px;
  }
  .closing-note {
    line-height:1.6;
  }
  .site-footer p {
    font-size:12px;
  }
  .site-footer>span {
    font-size:12px;
  }
  .feature-grid p {
    font-size:16px;
  }
  .app-statusbar {
    font-size:12px;
  }
}

.summary-story {
  padding-top:39px;
  padding-bottom:40px;
  border-bottom:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:10px 55px;
  align-items:start;
}

.summary-story>div {
  display:flex;
  align-items:center;
  gap:12px;
}

.summary-story-icon {
  font-size:25px;
  color:var(--accent);
}

.summary-story h2 {
  font-size:20px;
  font-weight:500;
  letter-spacing:-.5px;
  margin:3px 0;
}

.summary-story p {
  font-size:16px;
  line-height:1.8;
  color:#9b9fa7;
  margin:0;
}

.summary-story>.text-link {
  grid-column:2;
  justify-self:start;
  background:none;
  border:0;
  padding:6px 0;
  font-size:14px;
  color:#c0b3ab;
}

.app-body.has-no-results {
  grid-template-columns:187px 1fr;
}

.app-body.has-no-results .session-pane {
  border:0;
}

.app-body.has-no-results .session-list {
  justify-content:center;
}

.hero-description {
  max-width:650px;
  margin-inline:auto;
}

@media(min-width:1450px) {
  .app-body.has-no-results {
    grid-template-columns:196px 1fr;
  }
}

@media(max-width:1100px) {
  .app-body.has-no-results {
    grid-template-columns:170px 1fr;
  }
}

@media(max-width:850px) {
  .app-body.has-no-results {
    grid-template-columns:1fr;
  }
  .summary-story {
    grid-template-columns:1fr;
    gap:16px;
  }
  .summary-story>.text-link {
    grid-column:1;
  }
  .summary-story p {
    max-width:65ch;
  }
}

@media(max-width:640px) {
  .summary-story {
    padding-block:28px;
  }
  .summary-story h2 {
    font-size:19px;
  }
  .hero-description {
    max-width:32ch;
  }
  .section-heading h2 {
    font-size:32px;
  }
  .app-body.has-no-results {
    min-height:340px;
  }
}

/* Work status is user-managed and separate from the agent activity filters. */
.workspace-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 18px;
  border-bottom:1px solid var(--line);
  background:#1b1d20;
}
.workspace-toolbar>span {
  font-size:12px;
  color:var(--muted);
}
.view-switch {
  display:flex;
  gap:3px;
  padding:3px;
  border:1px solid #36383e;
  border-radius:6px;
  background:#15171a;
}
.view-switch button {
  border:0;
  border-radius:3px;
  background:none;
  color:var(--muted);
  font-size:14px;
  padding:7px 14px;
}
.view-switch button[aria-pressed="true"] {
  background:#35363b;
  color:var(--text);
}
.app-body.board-view {
  grid-template-columns:187px minmax(0,1fr);
}
.board-view .session-pane {
  min-width:0;
  border:0;
}
.kanban-board {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:12px;
  padding:18px;
  min-height:340px;
}
.board-column {
  min-width:0;
}
.board-column h3 {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  font-weight:500;
  margin:0 0 14px;
}
.board-count {
  margin-left:auto;
  color:var(--muted);
  font-size:12px;
}
.work-dot {
  width:8px;
  height:8px;
  border:1px solid #90949e;
  border-radius:50%;
  flex-shrink:0;
}
.work-dot.progress { background:#ada0ce; border-color:#ada0ce; }
.work-dot.review { background:#d4ad75; border-color:#d4ad75; }
.work-dot.done { background:#92b5a0; border-color:#92b5a0; }
.board-cards {
  display:grid;
  gap:10px;
}
.board-card {
  padding:12px;
  border:1px solid #36393f;
  border-radius:6px;
  background:#202226;
}
.board-card:focus-within { border-color:var(--accent); }
.board-card-meta {
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:12px;
  color:var(--muted);
}
.board-open {
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:8px;
  width:100%;
  border:0;
  padding:12px 0;
  text-align:left;
  background:none;
  font-size:14px;
  line-height:1.5;
}
.board-open:hover { color:#edb89f; }
.board-open>span { color:var(--quiet); }
.board-agent {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin:0 0 16px;
  color:var(--muted);
  font-size:12px;
}
.board-agent .status-dot { margin-left:4px; }
.board-move {
  display:block;
  font-size:12px;
  color:var(--muted);
}
.board-move select {
  display:block;
  width:100%;
  min-width:0;
  margin-top:5px;
  padding:7px;
  background:#191b1f;
  border:1px solid #3b3e44;
  border-radius:4px;
  color:var(--text);
  font-size:13px;
}
.board-empty {
  padding:20px 10px;
  border:1px dashed #34373d;
  border-radius:6px;
  color:var(--muted);
  font-size:12px;
  text-align:center;
}
.board-feedback {
  min-height:20px;
  margin:0;
  padding:0 18px 12px;
  color:#bfd0c4;
  font-size:13px;
}
.board-no-results {
  grid-column:1 / -1;
  font-size:14px;
  color:var(--muted);
}
.board-no-results button {
  background:none;
  border:0;
  padding:0;
  color:var(--text);
  text-decoration:underline;
}
@media(max-width:1100px) {
  .app-body.board-view { grid-template-columns:170px minmax(0,1fr); }
  .kanban-board { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 14px; }
}
@media(max-width:850px) {
  .app-body.board-view { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:640px) {
  .workspace-toolbar { align-items:flex-start; flex-direction:column; gap:10px; }
  .kanban-board { grid-template-columns:minmax(0,1fr); }
  .board-move select { font-size:16px; min-height:44px; }
  .board-open { font-size:16px; }
}

/* Focused product graphics, with real text beside each enlarged UI detail. */
.feature-showcase {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:40px;
  row-gap:80px;
  padding-bottom:100px;
}
.feature-scene {
  min-width:0;
}
.feature-scene-wide {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(0,1.55fr);
  align-items:center;
  gap:64px;
  padding-block:32px;
}
.feature-scene-reverse {
  grid-template-columns:minmax(0,1.55fr) minmax(240px,.8fr);
}
.feature-scene-reverse .feature-copy { order:2; }
.feature-label {
  display:block;
  margin-bottom:18px;
  color:#bdad9f;
  font-size:14px;
}
.feature-copy h2 {
  font-size:clamp(28px,3vw,40px);
  font-weight:500;
  letter-spacing:-1.5px;
  line-height:1.16;
  margin:0 0 22px;
}
.feature-copy p {
  margin:0 0 18px;
  color:#b5b8bf;
  font-size:17px;
  line-height:1.75;
  max-width:55ch;
}
.feature-copy .feature-secondary {
  font-size:15px;
  color:#9298a1;
}
.feature-copy .text-link { margin-top:10px; }
.feature-visual {
  margin:0;
  min-width:0;
}
.feature-visual>a {
  display:block;
  border:1px solid #45474e;
  border-radius:10px;
  overflow:hidden;
  background:#17191c;
  box-shadow:0 18px 48px #0003;
  transition:border-color .15s;
}
.feature-visual>a:hover { border-color:#9b7b6c; }
.feature-visual img {
  display:block;
  width:100%;
  height:auto;
}
.feature-visual figcaption {
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  font-size:12px;
  line-height:1.5;
  color:#9ca1a9;
}
.feature-visual figcaption>a {
  color:#c9cbd0;
  white-space:nowrap;
}
.feature-scene-compact {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding-top:36px;
  border-top:1px solid #303238;
}
.feature-scene-compact .feature-copy { flex:1; }
.feature-scene-compact .feature-copy h2 {
  font-size:30px;
  letter-spacing:-1px;
}
.feature-scene-compact .feature-visual {
  width:100%;
  margin-top:16px;
}
.feature-note {
  color:#9399a2;
  font-size:13px;
  line-height:1.65;
  margin:20px 0 0;
}
.feature-scene-compact>.text-link { margin-top:20px; }
@media(max-width:1000px) {
  .feature-scene-wide,.feature-scene-reverse { gap:28px; grid-template-columns:minmax(220px,.9fr) minmax(0,1.3fr); }
  .feature-copy h2 { font-size:30px; }
  .feature-copy p { font-size:16px; }
}
@media(max-width:760px) {
  .feature-showcase { grid-template-columns:minmax(0,1fr); row-gap:50px; padding-bottom:50px; }
  .feature-scene-wide,.feature-scene-reverse { grid-template-columns:minmax(0,1fr); gap:26px; padding:0; }
  .feature-scene-reverse .feature-copy { order:0; }
  .feature-copy h2,.feature-scene-compact .feature-copy h2 { font-size:30px; letter-spacing:-1px; }
  .feature-label { margin-bottom:12px; }
  .feature-copy p { max-width:none; }
  .feature-scene-compact { padding-top:28px; }
}
@media(prefers-reduced-motion:reduce) {
  .feature-visual>a { transition:none; }
}
.feature-scene button.text-link {
  background:none;
  border:0;
  padding:0;
  text-align:left;
}
.product-story .section-heading>p:last-child {
  max-width:70ch;
  margin-inline:auto;
}

.star-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex-shrink:0;
  padding:0;
  border:1px solid transparent;
  border-radius:5px;
  background:none;
  color:#a1a6af;
  font-size:23px;
  line-height:1;
}
.star-button:hover { background:#343138; border-color:#4a4444; }
.star-button[aria-pressed="true"],.star-filter-icon { color:#dfbe81; }
.star-filter-icon { font-size:17px; width:18px; text-align:center; }
.session-row-wrap { display:flex; align-items:center; gap:1px; min-width:0; }
.session-row-wrap .session-row { min-width:0; flex:1; }
.session-row-wrap>.star-button { margin-right:4px; }
.board-card-meta { align-items:center; gap:6px; }
.board-card-meta>span:nth-child(2) { margin-left:auto; }
.board-card-meta .star-button { width:28px; height:28px; font-size:20px; }
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}
@media(max-width:640px) {
  .star-button,.board-card-meta .star-button { width:44px; height:44px; }
}

/* A compact product introduction; let the working interface carry the page. */
.hero {
  text-align:left;
  padding-top:48px;
  padding-bottom:54px;
}
.hero .release-note {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 27px;
  color:#9da2ab;
  font-size:13px;
}
.hero .release-note>span:last-child { margin:0; font-size:13px; }
.hero-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:start;
}
.hero h1 {
  margin:0;
  font-size:clamp(48px,5.4vw,76px);
  letter-spacing:-2.5px;
  line-height:1.08;
}
.hero-description {
  max-width:48ch;
  margin:0 0 14px;
  font-size:17px;
  line-height:1.65;
}
.hero-actions { justify-content:flex-start; gap:24px; margin-top:24px; }
.hero .platform-note { justify-content:flex-start; margin-top:17px; }
.app-window,.feature-visual>a { box-shadow:none; }
.product-story { padding-top:78px; padding-bottom:22px; }
.product-story .section-heading {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  text-align:left;
  align-items:start;
}
.product-story .section-heading h2 { font-size:32px; letter-spacing:-.8px; }
.product-story .section-heading>p:last-child { margin:0; }
.feature-showcase { row-gap:38px; padding-bottom:66px; }
.feature-scene-wide { padding-block:40px; border-top:1px solid #292c31; }
.feature-copy h2 { font-size:32px; letter-spacing:-.8px; }
.feature-scene-compact .feature-copy h2 { font-size:28px; letter-spacing:-.6px; }
.feature-visual>a { border-radius:7px; }
.closing-section {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  text-align:left;
  padding-block:60px;
  border-top:1px solid var(--line);
}
.closing-section h2 { font-size:30px; letter-spacing:-.7px; margin:0 0 12px; }
.closing-section p { margin:0; font-size:18px; color:var(--text); }
.closing-section .closing-note { margin-top:12px; }
@media(max-width:760px) {
  .hero { padding-top:30px; padding-bottom:38px; }
  .hero-grid,.product-story .section-heading { grid-template-columns:1fr; gap:24px; }
  .hero h1 { font-size:52px; letter-spacing:-1.8px; }
  .hero-description { max-width:none; font-size:16px; }
  .hero-actions { gap:20px; }
  .product-story { padding-top:48px; padding-bottom:30px; }
  .product-story .section-heading h2 { margin:0; font-size:28px; }
  .feature-scene-wide { padding-block:26px; }
  .feature-copy h2 { font-size:28px; }
  .closing-section { align-items:flex-start; flex-direction:column; padding-block:38px; }
}
#purchase-dialog {
  width:min(440px,calc(100% - 36px));
  padding:28px;
  border:1px solid #44474f;
  border-radius:9px;
  background:var(--panel);
  color:var(--text);
}
#purchase-dialog::backdrop { background:#0009; }
#purchase-dialog h2 { font-size:24px; margin:0 0 16px; font-weight:500; }
#purchase-dialog p { color:var(--muted); line-height:1.6; margin-bottom:24px; }
.review-agent-label {
  display:block;
  margin:18px 0 7px;
  color:#c4c7cc;
  font-size:14px;
}
#review-agent {
  display:block;
  width:100%;
  min-height:40px;
  padding:8px 10px;
  background:#202226;
  border:1px solid #464950;
  border-radius:5px;
  color:var(--text);
  font-size:14px;
}
.summary-content .review-token-note {
  margin:14px 0 18px;
  font-size:13px;
  line-height:1.65;
  color:#b3b7bf;
}
#summary-result .review-result-label { font-size:12px; color:#d1b59f; margin:0 0 8px; }
#summary-result #review-result-text { margin:0; }
#summary-result .review-inference-note { margin:12px 0 0; color:#9ba2ad; font-size:12px; }
@media(max-width:640px) {
  #review-agent { font-size:16px; min-height:44px; }
}

.privacy-line { color: #aaa99f; font-size: 13px; line-height: 1.5; margin: 20px 0 0; }