@font-face {
  font-family:Inter;
  src:url('assets/fonts/inter-variable-latin.woff2') format('woff2');
  font-weight:100 900;
  font-display:swap;
}

@font-face {
  font-family:JetBrains;
  src:url('assets/fonts/jetbrains-mono-variable-latin.woff2') format('woff2');
  font-weight:100 800;
  font-display:swap;
}

:root {
  color-scheme:dark;
  --bg:#101615;
  --surface:#171e1c;
  --surface-2:#1c2522;
  --ink:#edf2e9;
  --muted:#a7b1aa;
  --dim:#819188;
  --accent:#b8edc9;
  --teal:#78ded1;
  --line:#2c3832;
  --radius:16px;
  --mono:JetBrains,monospace;
}

* {
  box-sizing:border-box;
}

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

body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

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

button {
  font:inherit;
}

button,a,input {
  -webkit-touch-callout:default;
}

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

button {
  color:inherit;
  cursor:pointer;
}

a,button,summary {
  touch-action:manipulation;
}

button:disabled {
  cursor:default;
}

a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:2px solid var(--teal);
  outline-offset:5px;
}

img {
  display:block;
  width:100%;
  height:auto;
}

button,dl,dd,p,h1,h2,h3,figure {
  margin:0;
}

button {
  border:0;
}

.container {
  width:min(1160px,calc(100% - 80px));
  margin-inline:auto;
}

.icon {
  width:20px;
  height:20px;
  flex-shrink:0;
}

.brand-mark {
  width:30px;
  height:30px;
  flex-shrink:0;
}

.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:25px;
  font-weight:640;
  letter-spacing:-1px;
  line-height:1;
}

.header {
  height:88px;
  position:relative;
  z-index:10;
  border-bottom:1px solid rgba(134,164,145,.13);
}

.nav-shell {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.desktop-nav {
  display:flex;
  align-items:center;
  gap:30px;
  font-size:14px;
  color:#b3beb7;
}

.desktop-nav a:hover,.footer a:hover {
  color:var(--accent);
}

.github-link {
  display:flex;
  align-items:center;
  gap:8px;
}

.github-link .icon {
  width:17px;
  height:17px;
}

.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:11px;
  min-height:54px;
  padding:13px 23px;
  border:1px solid transparent;
  border-radius:7px;
  font-size:15px;
  font-weight:570;
  line-height:1.3;
  transition:background .18s,transform .18s,border-color .18s;
}

.button:hover {
  transform:translateY(-2px);
}

.button-primary {
  background:var(--accent);
  color:#13251c;
  box-shadow:0 0 24px #b8edc909;
}

.button-primary:hover {
  background:#d0f5da;
}

.button-secondary {
  background:#1a221e;
  border-color:#354439;
  color:#e8eee8;
}

.button-secondary:hover {
  background:#27332c;
  border-color:#5b7162;
}

.button-small {
  min-height:40px;
  padding:10px 16px;
  background:#e5ece3;
  color:#19231c;
  font-size:13px;
  border-radius:6px;
}

.button-small .icon {
  width:16px;
  height:16px;
}

.menu-toggle {
  display:none;
  background:none;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
}

.menu-toggle span {
  display:block;
  width:22px;
  height:1px;
  background:var(--ink);
}

.mobile-nav {
  background:var(--surface);
  border-bottom:1px solid var(--line);
  padding:20px 28px;
}

.mobile-nav a {
  display:block;
  padding:12px;
}

.skip-link {
  position:fixed;
  z-index:30;
  left:20px;
  top:-100px;
  background:var(--accent);
  color:var(--bg);
  padding:12px;
}

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

.hero {
  position:relative;
  text-align:center;
  padding-top:58px;
}

.hero::before {
  content:"";
  position:absolute;
  width:min(900px,100%);
  height:820px;
  left:50%;
  top:250px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,#32614630,transparent 66%);
  pointer-events:none;
  z-index:-1;
}

.release-pill {
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding:5px 10px 5px 5px;
  border:1px solid #334238;
  border-radius:30px;
  font-size:12px;
  color:#c4d0c6;
  background:#18221b;
  line-height:1.5;
}

.release-pill>span:first-child {
  padding:2px 8px;
  border-radius:20px;
  background:#344439;
  color:#d7f2d9;
  font-size:11px;
}

.release-plus {
  color:#98bba4;
  font-size:17px;
  line-height:1;
  padding-left:8px;
}

.eyebrow {
  font-family:var(--mono);
  font-size:11px;
  font-weight:450;
  letter-spacing:1.9px;
  color:#a0c3ab;
  line-height:1.5;
}

.hero-eyebrow {
  margin-top:30px;
  margin-bottom:20px;
  font-size:10px;
  letter-spacing:2.5px;
}

h1 {
  font-size:clamp(60px,7.7vw,100px);
  font-weight:530;
  letter-spacing:-6px;
  line-height:1.04;
}

em {
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:var(--accent);
  letter-spacing:-.05em;
}

h1 em {
  font-size:1.08em;
}

.hero-description {
  margin:26px auto 0;
  font-size:17px;
  line-height:1.65;
  color:var(--muted);
  letter-spacing:-.25px;
}

.hero-actions {
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:28px;
}

.download-meta {
  font-size:12px;
  margin-top:16px;
  color:#97a69d;
}

.download-meta>span {
  padding:0 8px;
  color:#62756a;
}

.download-meta a {
  text-decoration:underline;
  text-underline-offset:3px;
}

.hero-showcase {
  margin-top:58px;
  text-align:left;
  border:1px solid #435348;
  border-radius:13px 13px 8px 8px;
  background:#172019;
  box-shadow:0 24px 80px #0005;
  overflow:hidden;
}

.workspace-ribbon {
  padding:15px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:linear-gradient(100deg,#23352a,#202c24);
  border-bottom:1px solid #435348;
}

.ribbon-label {
  font:9px var(--mono);
  letter-spacing:1.2px;
  color:#a5bbaa;
}

.workspace-ribbon>div {
  display:flex;
  gap:24px;
  font:11px var(--mono);
}

.workspace-ribbon>div>span {
  display:flex;
  align-items:center;
  gap:7px;
  color:#c1d4c4;
}

.workspace-ribbon .icon {
  width:13px;
  height:13px;
  color:var(--accent);
}

.workspace-ribbon b {
  font-weight:400;
  color:#7fae8c;
  margin-left:4px;
}

.app-frame {
  max-height:540px;
  overflow:hidden;
  background:#181a1c;
}

.app-frame img {
  opacity:.96;
}

.showcase-caption {
  padding:13px 22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#18221c;
  border-top:1px solid #334a3c;
  color:#a9bcae;
  font-size:12px;
}

.showcase-caption>span:first-child {
  display:flex;
  align-items:center;
  gap:8px;
}

.showcase-caption .brand-mark {
  height:18px;
  width:18px;
}

.showcase-caption>span:last-child {
  font:9px var(--mono);
  letter-spacing:1px;
  color:#8da395;
}

.trust-strip {
  padding:31px 0 47px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:55px;
  color:#9cab9f;
  font-size:12px;
}

.trust-strip>span {
  display:flex;
  align-items:center;
  gap:9px;
}

.trust-strip .icon {
  height:16px;
  width:16px;
  color:#829a88;
}

.section-pad {
  padding-block:105px;
}

.section-heading {
  margin-bottom:45px;
}

.section-heading h2 {
  margin-top:17px;
}

h2 {
  font-size:clamp(34px,4.5vw,53px);
  line-height:1.12;
  letter-spacing:-2.4px;
  font-weight:510;
}

h2 em {
  font-size:1.08em;
}

h2>span {
  color:#7f9186;
}

.section-heading>p:last-child:not(.eyebrow) {
  margin-top:22px;
  color:var(--muted);
  font-size:16px;
  line-height:1.7;
}

.split-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
}

.split-heading>p {
  max-width:355px;
  font-size:14px!important;
  line-height:1.8!important;
  margin-bottom:2px;
}

.problem-section {
  background:#141c18;
  border-top:1px solid #26352a;
  border-bottom:1px solid #26352a;
}

.problem-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #344738;
}

.problem-grid article {
  padding:31px 30px 0;
  border-right:1px solid #344738;
}

.problem-grid article:first-child {
  padding-left:0;
}

.problem-grid article:last-child {
  padding-right:0;
  border:0;
}

.problem-number {
  font:10px var(--mono);
  letter-spacing:1.7px;
  color:#889d8d;
}

.problem-grid h3 {
  margin-top:28px;
  font-size:21px;
  font-weight:510;
  letter-spacing:-.7px;
}

.problem-grid p {
  font-size:16px;
  color:#a1b0a6;
  margin-top:14px;
  line-height:1.8;
  max-width:310px;
}

.resolution {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:12px;
  color:#b2d7bd;
  margin-top:26px;
}

.resolution .icon {
  width:15px;
  height:15px;
}

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

.isolation-demo {
  border:1px solid #3b4f41;
  border-radius:var(--radius);
  padding:25px;
  background:radial-gradient(ellipse at 50% 15%,#304f3730,transparent 60%),#161f19;
}

.demo-intro {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:0 6px 28px;
}

.demo-intro>span:first-child {
  display:flex;
  align-items:center;
  gap:10px;
  font:14px var(--mono);
  color:#c5d6c9;
}

.demo-intro>span:last-child {
  font:10px var(--mono);
  letter-spacing:1.4px;
  color:#829788;
}

.demo-intro .icon {
  width:17px;
  height:17px;
  color:var(--accent);
}

.branch-selector {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  padding-bottom:34px;
  position:relative;
}

.branch-selector:after {
  content:"";
  position:absolute;
  left:16.66%;
  right:16.66%;
  bottom:15px;
  height:20px;
  border:1px solid #435b49;
  border-top:0;
  border-radius:0 0 8px 8px;
  pointer-events:none;
}

.branch-selector button {
  background:#1e2a21;
  border:1px solid #344c3b;
  padding:18px 17px;
  text-align:left;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:10px;
  transition:background .2s,border-color .2s;
  position:relative;
  z-index:1;
}

.branch-selector button[aria-selected=true] {
  background:#304934;
  border-color:#97c9a1;
  box-shadow:0 0 25px #94cd9a0a;
}

.branch-selector button:hover {
  border-color:#779c7c;
}

.branch-selector button>span {
  font:13px var(--mono);
  letter-spacing:-.4px;
}

.branch-selector small {
  display:block;
  margin-top:8px;
  font:11px Inter,sans-serif;
  color:#94ab9b;
  letter-spacing:0;
}

.branch-selector .icon {
  width:17px;
  color:#abd0b0;
}

.branch-selector .running-dot {
  margin-left:auto;
}

.running-dot {
  display:inline-block;
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#9adcac;
  box-shadow:0 0 6px #9adcac33;
}

.branch-panel {
  background:#101813;
  border:1px solid #3b5141;
  border-radius:10px;
  overflow:hidden;
}

.workspace-summary {
  display:flex;
  align-items:center;
  gap:15px;
  padding:22px 24px;
  border-bottom:1px solid #2b3e31;
}

.mono {
  font:10px var(--mono);
  letter-spacing:1px;
  color:#829b89;
}

.workspace-summary h3 {
  font:14px var(--mono);
  color:#d9e6da;
  font-weight:450;
}

.running-badge {
  margin-left:auto;
  font-size:11px;
  display:flex;
  align-items:center;
  gap:7px;
  color:#9ebeaa;
}

.resource-grid {
  display:grid;
  grid-template-columns:1fr 1fr 1.25fr;
  padding:28px 24px;
}

.resource-grid>div {
  padding:0 24px;
  border-right:1px solid #2a3b30;
  min-width:0;
}

.resource-grid>div:first-child {
  padding-left:0;
}

.resource-grid>div:last-child {
  padding-right:0;
  border:0;
}

.resource-grid dt {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:#a2b8a9;
}

.resource-grid .icon {
  width:16px;
  height:16px;
  color:#82a78c;
}

.resource-grid dd {
  margin-top:12px;
  font:16px var(--mono);
  letter-spacing:-.6px;
  color:#dce9dd;
  overflow-wrap:anywhere;
}

.resource-grid>div>span {
  display:block;
  margin-top:5px;
  font-size:11px;
  color:#7d9685;
}

.demo-terminal {
  display:flex;
  align-items:center;
  gap:10px;
  background:#19271d;
  padding:15px 24px;
  font:11px var(--mono);
  color:#8fb499;
}

.terminal-prefix {
  color:var(--accent);
}

.terminal-cursor {
  width:6px;
  height:13px;
  background:#a3ceab;
  opacity:.65;
}

.demo-note {
  text-align:center;
  font-size:11px;
  color:#8fa797;
  margin-top:18px;
}

.feature-pair {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:25px;
}

.feature-card {
  min-width:0;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  background:#171e1a;
  display:flex;
  flex-direction:column;
}

.feature-copy {
  padding:32px 33px 28px;
  flex:1;
}

.feature-symbol {
  display:flex;
  width:35px;
  height:35px;
  border:1px solid #3a4c3d;
  border-radius:8px;
  align-items:center;
  justify-content:center;
  color:#b7d8bc;
  margin-bottom:24px;
  background:#202d22;
}

.feature-symbol .icon {
  width:19px;
  height:19px;
}

.feature-card h3 {
  font-size:29px;
  font-weight:510;
  line-height:1.18;
  letter-spacing:-1px;
}

.feature-copy p {
  font-size:16px;
  color:var(--muted);
  line-height:1.8;
  max-width:405px;
  margin-top:18px;
}

.text-link {
  font-size:13px;
  font-weight:520;
  color:var(--accent);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
  text-decoration-color:#5a7b62;
}

.text-link:hover {
  text-decoration-color:var(--accent);
}

.feature-copy .text-link {
  display:inline-block;
  margin-top:20px;
}

.agent-card {
  background:radial-gradient(ellipse at bottom,#2d453243,transparent 70%),#171e1a;
}

.feature-preview {
  border:1px solid #3b4a3e;
  background:#101713;
  border-radius:10px;
  margin:8px 24px 24px;
  min-width:0;
  min-height:340px;
  display:flex;
  flex-direction:column;
  box-shadow:0 12px 28px #00000018;
}

.preview-bar {
  padding:14px 16px;
  border-bottom:1px solid #2d3e32;
  background:#1d2921;
  border-radius:9px 9px 0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 12px;
  font:12px/1.5 var(--mono);
  color:#d5e4d8;
}

.preview-bar>span:first-child {
  display:flex;
  align-items:center;
  gap:8px;
  overflow-wrap:anywhere;
  min-width:0;
}

.preview-bar .icon,.preview-pane-title .icon {
  width:14px;
  height:14px;
  color:#97b89f;
}

.preview-label {
  font-size:8px;
  color:#9bbbA3;
  letter-spacing:1px;
}

.preview-services {
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  padding:13px 16px;
  border-bottom:1px solid #28382d;
  font-size:12px;
  color:#c3d2c7;
}

.preview-services>span {
  display:flex;
  align-items:center;
  gap:7px;
}

.preview-services code {
  font:11px var(--mono);
  color:var(--teal);
}

.preview-terminal,.preview-logs {
  padding:14px 16px;
}

.preview-terminal {
  border-bottom:1px solid #28382d;
}

.preview-pane-title {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  color:#bdcfc2;
  font-size:11px;
}

.preview-pane-title>span {
  margin-left:auto;
  color:#8caa95;
  font-size:10px;
}

.preview-terminal pre {
  margin:10px 0 0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  color:#e1e8e3;
  font:12px/1.9 var(--mono);
}

.preview-terminal code {
  font:inherit;
}

.preview-prompt,.preview-output {
  color:#9ecfad;
}

.preview-log-line {
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:8px;
  align-items:baseline;
  margin-top:10px;
  font:11px/1.5 var(--mono);
  color:#c9d7cd;
}

.preview-log-line code {
  font:inherit;
  overflow-wrap:anywhere;
}

.log-source {
  color:#95aea7;
}

.log-status {
  color:#b4e6c1;
}

.feature-preview figcaption {
  margin-top:auto;
  padding:10px 16px;
  border-top:1px solid #28382d;
  color:#95aa9b;
  font-size:10px;
  line-height:1.6;
}

.handoff-body {
  padding:20px 16px;
  flex:1;
  color:#d2e2d5;
}

.handoff-task>span {
  color:#9cb4a3;
  font:9px/1.6 var(--mono);
  letter-spacing:1.3px;
}

.handoff-task p {
  font-size:15px;
  margin-top:5px;
}

.handoff-context {
  display:grid;
  gap:11px;
  margin-top:22px;
  font:12px/1.6 var(--mono);
}

.handoff-context>div {
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:10px;
}

.handoff-context dt {
  color:#8cab95;
}

.handoff-context dd {
  overflow-wrap:anywhere;
}

.handoff-note {
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:23px;
  padding-top:15px;
  border-top:1px solid #28382d;
  font-size:11px;
  color:#a7c6b0;
}

.handoff-note .icon {
  width:15px;
  height:15px;
  margin-top:1px;
}

.small-features {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:35px;
  padding:36px 6px 0;
}

.small-features>div {
  display:flex;
  gap:13px;
  font-size:12px;
  color:#8d9f93;
  line-height:1.8;
}

.small-features .icon,.small-features .brand-mark {
  width:19px;
  height:19px;
  color:#aac6b1;
  margin-top:3px;
  flex-shrink:0;
}

.small-features strong {
  font-weight:500;
  display:block;
  color:#c9d8cd;
}

.workflow-section {
  border-block:1px solid #2d3d31;
  background:#17201a;
}

.workflow-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:48px;
}

.workflow-grid article {
  border-top:1px solid #405646;
  padding-top:28px;
}

.step-number {
  font:13px var(--mono);
  color:#a9d0b2;
}

.workflow-grid h3 {
  font-size:21px;
  font-weight:500;
  letter-spacing:-.65px;
  margin-top:20px;
}

.workflow-grid p {
  font-size:16px;
  color:var(--muted);
  line-height:1.85;
  margin-top:12px;
  max-width:320px;
}

.step-command {
  display:flex;
  align-items:center;
  gap:9px;
  font:11px var(--mono);
  color:#c0d4c5;
  margin-top:26px;
}

.step-command .icon {
  width:15px;
  height:15px;
  color:#93b19c;
}

.step-command kbd {
  font:10px var(--mono);
  color:#8da797;
  border:1px solid #364e3f;
  border-radius:4px;
  padding:1px 4px;
  margin-left:4px;
}

.download-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:75px;
  align-items:center;
  padding-block:120px;
}

.download-mark {
  display:flex;
  width:57px;
  height:57px;
  background:linear-gradient(135deg,#304539,#1b2a20);
  border:1px solid #53695b;
  border-radius:15px;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 22px #0003;
  margin-bottom:28px;
}

.download-mark .brand-mark {
  width:40px;
  height:40px;
}

.download-intro h2 {
  font-size:62px;
  margin-top:17px;
  letter-spacing:-3px;
}

.download-intro>p:not(.eyebrow) {
  margin-top:24px;
  font-size:15px;
  color:var(--muted);
}

.download-facts {
  display:flex;
  flex-wrap:wrap;
  gap:12px 20px;
  margin-top:24px;
  font-size:11px;
  color:#9dbba6;
}

.download-facts>span {
  display:flex;
  align-items:center;
  gap:5px;
}

.download-facts .icon {
  height:13px;
  width:13px;
}

.download-box {
  border:1px solid #425747;
  border-radius:var(--radius);
  background:#1b271e;
  overflow:hidden;
  box-shadow:0 20px 80px #0002;
}

.platform-tabs {
  display:flex;
  gap:3px;
  margin:8px;
  padding:3px;
  background:#111b14;
  border-radius:9px;
  border:1px solid #283d2e;
}

.platform-tabs button {
  padding:11px 10px;
  flex:1;
  font-size:13px;
  color:#8eaa97;
  border-radius:6px;
  background:transparent;
}

.platform-tabs button[aria-selected=true] {
  background:#354c3b;
  color:#e4f1e6;
  box-shadow:0 2px 6px #0003;
}

.platform-tabs button:hover {
  color:var(--ink);
}

.platform-panel {
  padding:24px 27px 25px;
  min-height:316px;
}

.platform-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.platform-heading h3 {
  font-size:18px;
  font-weight:530;
  letter-spacing:-.6px;
}

.platform-heading>span {
  font:10px var(--mono);
  color:#9abda3;
}

.platform-heading .experimental {
  color:#d9bc85;
  font-size:9px;
}

.platform-panel>p {
  font-size:14px;
  color:#99b0a1;
  margin-top:9px;
}

.button-wide {
  width:100%;
  margin-top:23px;
  font-size:14px;
}

.or-divider {
  display:flex;
  align-items:center;
  gap:10px;
  margin:22px 0 13px;
  font:8px var(--mono);
  letter-spacing:1px;
  color:#9ab2a1;
  white-space:nowrap;
}

.or-divider:before,.or-divider:after {
  content:"";
  height:1px;
  background:#354c3d;
  flex:1;
}

.copy-command {
  padding:13px 10px 13px 13px;
  border:1px solid #3b5143;
  border-radius:6px;
  background:#111b15;
  display:flex;
  align-items:center;
  gap:5px;
}

.copy-command code {
  font:12px/1.7 var(--mono);
  color:#c5dccb;
  overflow-wrap:anywhere;
  flex:1;
  min-width:0;
}

.copy-command button {
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  background:none;
  border-radius:4px;
  color:#9cbaa6;
  flex-shrink:0;
}

.copy-command button:hover {
  background:#283e30;
}

.copy-command .icon {
  height:16px;
  width:16px;
}

.platform-panel .install-note {
  font-size:13px;
  line-height:1.8;
  color:#96ad9e;
  margin-top:15px;
}

.install-note a {
  text-decoration:underline;
  text-underline-offset:2px;
  color:#c1dbc9;
}

.download-box-footer {
  border-top:1px solid #364b3d;
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:14px 27px;
  font-size:10px;
  color:#93ad9c;
}

.download-box-footer a {
  color:#c1d7c7;
}

.linux-downloads {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:25px;
}

.linux-downloads .button {
  flex:1;
  padding:12px;
  min-height:45px;
  font-size:12px;
}

.linux-downloads .icon {
  width:15px;
  height:15px;
}

.platform-panel>.text-link {
  display:inline-block;
  margin-top:18px;
  font-size:12px;
}

.faq-section {
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:70px;
  padding-bottom:110px;
}

.faq-section h2 {
  font-size:42px;
  margin-top:15px;
  letter-spacing:-2px;
}

.faq-section>.text-link,.faq-section>div>.text-link {
  display:inline-block;
  margin-top:24px;
}

.faq-list details {
  border-top:1px solid #354339;
}

.faq-list details:last-child {
  border-bottom:1px solid #354339;
}

.faq-list summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  list-style:none;
  padding:21px 0;
  font-size:14px;
  cursor:pointer;
  color:#d1dfd5;
}

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

.faq-list summary .icon {
  width:16px;
  height:16px;
  color:#8baa94;
  transition:transform .2s;
}

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

.faq-list details p {
  font-size:16px;
  color:#a1b5a8;
  line-height:1.8;
  padding:0 26px 24px 0;
  max-width:600px;
}

.faq-list details a {
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
}

.footer {
  border-top:1px solid #334139;
  padding-top:45px;
  padding-bottom:25px;
}

.footer-top {
  display:flex;
  justify-content:space-between;
  gap:35px;
}

.footer .brand {
  font-size:22px;
}

.footer .brand-mark {
  width:27px;
  height:27px;
}

.footer-top p {
  font-size:12px;
  color:#90a196;
  margin-top:16px;
}

.footer nav {
  display:flex;
  gap:25px;
  padding-top:5px;
  font-size:12px;
  color:#aabdaf;
}

.footer-bottom {
  border-top:1px solid #28352d;
  margin-top:35px;
  padding-top:23px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:10px;
  color:#7d9587;
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

[hidden] {
  display:none!important;
}

@media(min-width:1500px) {
  .hero {
    padding-top:75px;
  }
}

@media(max-width:1050px) {
  .container {
    width:calc(100% - 56px);
  }
  .desktop-nav {
    gap:22px;
  }
  .ribbon-label {
    display:none;
  }
  .workspace-ribbon {
    justify-content:center;
  }
  .workspace-ribbon>div {
    gap:35px;
  }
  .trust-strip {
    gap:25px;
    font-size:11px;
  }
  .branch-selector button {
    padding:15px 12px;
    gap:7px;
  }
  .branch-selector button>span {
    font-size:11px;
  }
  .branch-selector .running-dot {
    display:none;
  }
  .workspace-summary {
    flex-wrap:wrap;
  }
  .resource-grid dd {
    font-size:13px;
  }
  .download-section {
    gap:40px;
  }
  .download-intro h2 {
    font-size:54px;
  }
  .download-facts {
    gap:10px;
  }
  .small-features {
    gap:22px;
  }
  .workflow-grid {
    gap:30px;
  }
}

@media(max-width:900px) {
  .feature-pair {
    grid-template-columns:minmax(0,1fr);
  }
}

@media(max-width:760px) {
  .container {
    width:calc(100% - 40px);
  }
  .header {
    height:72px;
  }
  .nav-shell {
    gap:16px;
  }
  .brand {
    font-size:24px;
  }
  .desktop-nav {
    display:none;
  }
  .nav-download {
    margin-left:auto;
    padding:9px 12px;
    min-height:36px;
    font-size:12px;
  }
  .menu-toggle {
    display:flex;
    margin-right:-10px;
  }
  .hero {
    padding-top:40px;
  }
  .hero-eyebrow {
    font-size:9px;
    letter-spacing:1.5px;
    margin-top:26px;
  }
  .hero h1 {
    font-size:clamp(49px,10.3vw,76px);
    letter-spacing:-3.5px;
  }
  .hero-description {
    font-size:16px;
    margin-top:22px;
  }
  .hero-actions {
    gap:9px;
  }
  .hero-actions .button {
    font-size:13px;
    min-height:49px;
    padding:12px 16px;
  }
  .hero-actions .icon {
    width:17px;
  }
  .download-meta {
    font-size:10px;
  }
  .download-meta>span {
    padding:0 5px;
  }
  .hero-showcase {
    margin-top:37px;
    border-radius:10px;
  }
  .workspace-ribbon {
    padding:13px 10px;
  }
  .workspace-ribbon>div {
    justify-content:space-between;
    width:100%;
    gap:9px;
    font-size:8px;
  }
  .workspace-ribbon .icon {
    width:10px;
    height:10px;
  }
  .workspace-ribbon b {
    display:none;
  }
  .workspace-ribbon>div>span {
    gap:4px;
  }
  .app-frame {
    max-height:none;
  }
  .app-frame img {
    min-width:660px;
    width:100%;
    max-width:none;
  }
  .showcase-caption {
    padding:10px;
    font-size:10px;
  }
  .showcase-caption>span:last-child {
    display:none;
  }
  .trust-strip {
    padding:25px 0 35px;
    gap:14px;
    flex-wrap:wrap;
    font-size:10px;
  }
  .trust-strip>span {
    gap:5px;
  }
  .trust-strip .icon {
    width:13px;
    height:13px;
  }
  .section-pad {
    padding-block:68px;
  }
  .section-heading {
    margin-bottom:30px;
  }
  h2 {
    font-size:36px;
    letter-spacing:-1.7px;
  }
  .eyebrow {
    font-size:9px;
    letter-spacing:1.7px;
  }
  .split-heading {
    display:block;
  }
  .split-heading>p {
    margin-top:22px!important;
  }
  .split-heading>.text-link {
    display:inline-block;
    margin-top:25px;
  }
  .problem-grid {
    grid-template-columns:1fr;
  }
  .problem-grid article {
    border-right:0;
    padding:26px 0;
    border-bottom:1px solid #344738;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 25px;
  }
  .problem-grid article:last-child {
    padding-bottom:0;
  }
  .problem-number {
    font-size:9px;
    grid-column:1/-1;
  }
  .problem-grid h3 {
    font-size:20px;
    line-height:1.4;
    margin-top:7px;
  }
  .problem-grid p {
    margin-top:7px;
    font-size:16px;
    grid-column:2;
    grid-row:2/4;
  }
  .resolution {
    margin-top:4px;
    font-size:11px;
  }
  .product-section .section-heading>p:last-child {
    font-size:16px;
  }
  .isolation-demo {
    padding:16px 12px;
    border-radius:12px;
  }
  .demo-intro {
    margin:0 3px 20px;
  }
  .demo-intro>span:first-child {
    font-size:12px;
  }
  .demo-intro>span:last-child {
    font-size:8px;
    letter-spacing:1px;
  }
  .branch-selector {
    grid-template-columns:1fr;
    gap:8px;
    padding-bottom:16px;
  }
  .branch-selector button {
    padding:13px 15px;
    display:flex;
    gap:12px;
    text-align:left;
    border-radius:6px;
  }
  .branch-selector .icon {
    height:18px;
    width:18px;
    margin:0;
  }
  .branch-selector button>span {
    font-size:13px;
    letter-spacing:-.4px;
    overflow-wrap:anywhere;
  }
  .branch-selector small {
    font-size:12px;
    margin-top:5px;
  }
  .branch-selector:after {
    display:none;
  }
  .branch-selector .running-dot {
    display:block;
  }
  .workspace-summary {
    padding:17px 15px;
    gap:10px;
  }
  .workspace-summary h3 {
    font-size:12px;
  }
  .workspace-summary .mono {
    font-size:8px;
  }
  .running-badge {
    width:100%;
    margin-left:0;
    font-size:10px;
  }
  .resource-grid {
    padding:20px 15px;
    gap:17px;
    grid-template-columns:1fr 1fr;
  }
  .resource-grid>div {
    padding:0;
    border:0;
  }
  .resource-grid>div:last-child {
    grid-column:1/-1;
    border-top:1px solid #2a3b30;
    padding-top:17px;
  }
  .resource-grid dt {
    font-size:13px;
  }
  .resource-grid dd {
    font-size:14px;
    margin-top:9px;
  }
  .resource-grid>div>span {
    font-size:10px;
  }
  .demo-terminal {
    padding:13px 15px;
    font-size:9px;
    line-height:1.8;
  }
  .terminal-cursor {
    display:none;
  }
  .demo-note {
    font-size:12px;
    line-height:1.8;
    max-width:330px;
    margin-inline:auto;
  }
  .feature-pair {
    grid-template-columns:1fr;
    gap:20px;
  }
  .feature-copy {
    padding:27px 26px 23px;
  }
  .feature-card h3 {
    font-size:29px;
  }
  .feature-preview {
    margin:8px 18px 20px;
    min-height:0;
  }
  .preview-label {
    display:none;
  }
  .preview-pane-title>span {
    display:none;
  }
  .handoff-context>div {
    grid-template-columns:minmax(0,1fr);
    gap:2px;
  }
  .small-features {
    grid-template-columns:1fr;
    gap:23px;
    padding-top:28px;
  }
  .small-features strong {
    display:inline;
  }
  .small-features>div {
    font-size:12px;
    max-width:410px;
  }
  .workflow-grid {
    grid-template-columns:1fr;
    gap:28px;
  }
  .workflow-grid article {
    padding-top:22px;
    position:relative;
    padding-left:48px;
  }
  .step-number {
    position:absolute;
    left:0;
    top:26px;
  }
  .workflow-grid h3 {
    margin-top:0;
    font-size:21px;
  }
  .workflow-grid p {
    max-width:none;
    font-size:16px;
  }
  .step-command {
    margin-top:18px;
  }
  .download-section {
    grid-template-columns:1fr;
    gap:36px;
  }
  .download-intro {
    text-align:center;
  }
  .download-mark {
    margin-inline:auto;
  }
  .download-intro h2 {
    font-size:56px;
  }
  .download-facts {
    justify-content:center;
  }
  .download-box {
    max-width:520px;
    width:100%;
    margin-inline:auto;
  }
  .platform-panel {
    padding:23px;
    min-height:315px;
  }
  .copy-command code {
    font-size:12px;
  }
  .faq-section {
    grid-template-columns:1fr;
    gap:30px;
    padding-bottom:65px;
  }
  .faq-section h2 {
    font-size:36px;
  }
  .faq-section h2 br {
    display:none;
  }
  .faq-section>div>.text-link {
    margin-top:20px;
  }
  .faq-list summary {
    font-size:13px;
  }
  .footer {
    padding-top:30px;
  }
  .footer-top {
    display:block;
  }
  .footer nav {
    gap:22px;
    font-size:11px;
    margin-top:27px;
    flex-wrap:wrap;
  }
  .footer-bottom {
    font-size:9px;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
  }
  .footer-bottom>span {
    width:100%;
  }
}

@media(max-width:390px) {
  .container {
    width:calc(100% - 30px);
  }
  .hero h1 {
    font-size:51px;
  }
  .hero-actions {
    flex-direction:column;
    align-items:center;
  }
  .hero-actions .button {
    width:230px;
  }
  .download-meta {
    line-height:1.9;
  }
  .nav-download .icon {
    display:none;
  }
  .problem-grid article {
    display:block;
  }
  .problem-grid h3 {
    margin-top:18px;
  }
  .problem-grid p {
    margin-top:10px;
    max-width:none;
  }
  .resolution {
    margin-top:15px;
  }
  .platform-heading {
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .copy-command {
    padding-inline:8px;
  }
  .copy-command code {
    font-size:11px;
  }
}

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


/* Shared product-site navigation and editorial pages. */
.header { position:sticky; top:0; height:80px; background:#101615ed; backdrop-filter:blur(18px); }
.desktop-nav { gap:25px; }
.desktop-nav a { display:inline-flex; align-items:center; gap:7px; min-height:44px; }
.desktop-nav a[aria-current=page] { color:var(--accent); }
.nav-tag { color:var(--accent); border:1px solid #48634e; background:#263b2a; border-radius:4px; padding:1px 5px; font:10px var(--mono); }
.hero-description { max-width:730px; }
.hero .release-pill { font-size:13px; }
.hero .release-pill>span:first-child { font-size:10px; }
.breadcrumbs { display:flex; gap:10px; color:#8fa397; font-size:12px; padding-top:25px; }
.breadcrumbs a { color:#bdd4c4; }
.page-intro { text-align:center; padding-block:65px 55px; }
.page-intro h1 { margin:22px auto; font-size:clamp(42px,5.4vw,72px); line-height:1.08; letter-spacing:-3.5px; max-width:1080px; }
.page-intro h1 em { font-size:1.04em; }
.page-description { max-width:760px; margin:0 auto; color:var(--muted); font-size:18px; line-height:1.75; }
.page-intro .hero-actions { margin-top:30px; }
.mcp-spotlight { padding-block:76px; background:radial-gradient(ellipse at 80% 55%,#29463455,transparent 60%),#19251d; border-block:1px solid #3a513e; }
.mcp-spotlight-grid { display:grid; grid-template-columns:1.12fr 1fr; gap:70px; align-items:center; }
.mcp-spotlight h2 { margin-top:17px; font-size:46px; }
.mcp-spotlight-copy>p:not(.eyebrow) { font-size:16px; color:#b3c5b8; line-height:1.8; margin-top:23px; max-width:500px; }
.mcp-actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin-top:29px; }
.mcp-spotlight-copy>p.mcp-compatibility { font-size:12px; color:#93ad9c; margin-top:18px; }
.mcp-network { border:1px solid #47644f; border-radius:16px; padding:27px; background:#111c1599; box-shadow:0 20px 50px #0002; }
.network-clients { display:flex; justify-content:center; gap:14px; }
.network-clients>span { display:flex; align-items:center; gap:9px; background:#27382b; border:1px solid #3e5847; padding:12px 15px; border-radius:7px; font-size:14px; }
.network-clients .icon { width:17px; height:17px; color:#b5d5bd; }
.network-wire { height:32px; width:1px; background:#73987e; margin:0 auto; }
.network-hub { display:flex; align-items:center; gap:14px; padding:20px 18px; border:1px solid #86b892; border-radius:10px; background:#2c4433; }
.network-hub .brand-mark { width:38px; height:38px; }
.network-hub strong { display:block; font-size:19px; letter-spacing:-.5px; font-weight:550; }
.network-hub div>span { display:block; font-size:12px; margin-top:3px; color:#abc6b3; }
.protocol-badge { margin-left:auto; font:9px var(--mono); letter-spacing:1px; color:#badbc3; }
.network-permissions { display:flex; justify-content:center; gap:17px; padding-top:13px; color:#a5beae; font-size:10px; }
.network-permissions>span { display:flex; align-items:center; gap:5px; }
.network-permissions .icon { width:12px; height:12px; }
.network-resources { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.network-resources>span { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; border:1px solid #3e5847; background:#1f3025; border-radius:7px; padding:16px 8px; font-size:12px; }
.network-resources .icon { width:18px; height:18px; color:#9bbbA5; }
.mcp-network>p { font-size:11px; margin-top:20px; text-align:center; color:#98b2a1; }
.use-cases-section { padding-block:0 95px; }
.use-case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.use-case-grid>a { border-top:1px solid #4b6652; padding:27px 20px 10px 0; }
.use-case-grid>a:hover h3 { color:var(--accent); }
.use-case-label { font:11px var(--mono); color:#97b19f; letter-spacing:1.4px; }
.use-case-grid h3 { font-size:25px; letter-spacing:-.9px; font-weight:500; line-height:1.25; margin-top:21px; }
.use-case-grid p { color:var(--muted); font-size:16px; margin-top:15px; line-height:1.8; }
.use-case-grid .text-link { display:inline-block; margin-top:22px; }
.footer-grid { display:grid; grid-template-columns:1.65fr repeat(3,1fr); gap:35px; padding-bottom:12px; }
.footer-about p { font-size:14px; color:#9eb0a4; margin-top:18px; line-height:1.8; }
.footer nav { display:flex; align-items:flex-start; flex-direction:column; gap:13px; margin:0; padding:0; font-size:14px; }
.footer nav h2 { font-size:13px; letter-spacing:0; line-height:1.4; color:#d4e2d8; font-weight:550; margin-bottom:7px; }
.project-source { display:inline-flex; align-items:center; gap:9px; margin-top:23px; color:#b3c8bb; font-size:13px; }
.project-source .icon { width:17px; height:17px; }
.footer-bottom { font-size:12px; line-height:1.7; }
.footer-bottom>div { display:flex; gap:25px; }
.feature-index { display:flex; flex-wrap:wrap; justify-content:center; gap:0; border-block:1px solid #344a3b; padding-block:13px; }
.feature-index a { font-size:14px; color:#b9cbbf; padding:8px 22px; border-right:1px solid #344a3b; }
.feature-index a:last-child { border:0; }
.feature-index a:hover { color:var(--accent); }
.feature-detail { display:grid; grid-template-columns:1fr 1.18fr; gap:65px; padding-block:85px; align-items:center; border-bottom:1px solid var(--line); }
.feature-detail.reverse>div { order:2; }
.feature-detail h2,.config-section h2,.boundaries-section h2 { font-size:43px; margin-top:18px; }
.feature-detail p,.config-section p,.boundaries-section p { color:var(--muted); font-size:16px; margin-top:24px; line-height:1.85; }
.plain-checks { list-style:none; padding:0; margin:22px 0; }
.plain-checks li { padding:7px 0 7px 23px; position:relative; font-size:14px; color:#b4c8bb; }
.plain-checks li::before { content:'✓'; position:absolute; left:0; color:var(--accent); }
.detail-note,.feature-detail p.detail-note { font-size:13px; line-height:1.8; color:#94aa9c; margin:18px 0; }
.detail-shot { background:#19231c; border:1px solid #3b5042; border-radius:12px; overflow:hidden; }
.detail-shot img { width:100%; }
.detail-shot figcaption { border-top:1px solid #35473b; font-size:12px; color:#a7bdaf; padding:14px 18px; }
.capability-section { padding-block:85px; }
.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.capability-grid.two-up { grid-template-columns:1fr 1fr; }
.capability-grid article { background:#19231c; border:1px solid #3b4c40; border-radius:12px; padding:27px; }
.capability-grid article>.icon { width:26px; height:26px; color:#aacfB3; display:block; margin-bottom:23px; }
.capability-count { font:10px var(--mono); letter-spacing:1px; color:#8eab98; }
.capability-grid h3 { font-size:23px; font-weight:510; letter-spacing:-.8px; line-height:1.25; margin-top:15px; }
.capability-grid p { font-size:16px; line-height:1.8; color:#a9bcb0; margin-top:16px; }
.capability-grid .text-link { display:inline-block; margin-top:21px; }
.config-section { display:grid; grid-template-columns:1fr 1fr; gap:70px; border-block:1px solid #344a3b; padding-block:70px; align-items:center; }
.config-section .text-link { display:inline-block; margin-top:24px; }
.config-section code { font:13px var(--mono); color:#bfd8c8; overflow-wrap:anywhere; }
.setup-recipe { border:1px solid #48624f; border-radius:12px; background:#18281d; padding:28px; }
.setup-recipe>div { display:flex; align-items:center; gap:10px; font:14px var(--mono); color:#c3ddcb; }
.setup-recipe ol { list-style:none; padding:0; margin:24px 0 0; border-top:1px solid #3f5847; }
.setup-recipe li { padding:15px 0; border-bottom:1px solid #304a39; color:#c4d5c9; font-size:14px; }
.setup-recipe li>span { margin-right:18px; font:11px var(--mono); color:#8faf99; }
.setup-recipe>p { font-size:12px; margin-top:23px; }
.compatibility { padding-block:75px; text-align:center; }
.compatibility h2 { font-size:38px; }
.compatibility p { color:var(--muted); max-width:660px; margin:22px auto; font-size:16px; }
.compatibility code { font:14px var(--mono); }
.stack-list { display:flex; justify-content:center; gap:15px; flex-wrap:wrap; margin:30px 0; }
.stack-list>span { border:1px solid #3c5143; border-radius:6px; padding:10px 22px; color:#c5d6cb; font:14px var(--mono); }
.final-cta { margin-top:35px; margin-bottom:90px; padding:45px; border:1px solid #4d6b56; background:linear-gradient(105deg,#263f2e,#19271e); border-radius:16px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.final-cta h2 { font-size:36px; letter-spacing:-1.4px; }
.final-cta p { margin-top:13px; font-size:15px; color:#b1c8b9; max-width:680px; }
.final-cta .button { flex-shrink:0; }
.mcp-facts { display:flex; justify-content:center; gap:35px; font:11px var(--mono); color:#a6c6b1; flex-wrap:wrap; padding:10px 0 35px; }
.mcp-demo-section { padding-block:45px 0; }
.mcp-demo-section>.section-heading { text-align:center; }
.mcp-demo { border:1px solid #4b6553; background:#18251c; border-radius:16px; overflow:hidden; }
.scenario-tabs,.client-tabs { display:flex; gap:8px; background:#111b15; padding:12px; border-bottom:1px solid #3b5042; }
.scenario-tabs button,.client-tabs button { flex:1; min-height:44px; padding:12px; border:1px solid transparent; background:transparent; color:#9db7a7; font-size:14px; border-radius:7px; }
.scenario-tabs button[aria-selected=true],.client-tabs button[aria-selected=true] { border-color:#6d9779; background:#304d39; color:#e0efe5; }
.scenario-tabs button:hover,.client-tabs button:hover { color:var(--ink); }
.scenario-panel { display:grid; grid-template-columns:1fr 1fr; min-height:295px; }
.example-request { border-right:1px solid #3a5142; padding:34px; background:radial-gradient(ellipse at top left,#3c604d44,transparent); }
.example-request>p { font-size:25px; line-height:1.45; letter-spacing:-.65px; color:#e0eee3; margin-top:25px; max-width:470px; }
.permission-label { display:inline-block; font-size:12px; color:#b1cdbb; margin-top:25px; padding:6px 10px; background:#243c2e; border-radius:5px; }
.tool-trace { list-style:none; padding:25px 30px; margin:0; display:flex; flex-direction:column; justify-content:center; gap:25px; }
.tool-trace li { padding-left:20px; border-left:1px solid #6d9479; }
.tool-trace code { font:13px var(--mono); color:#bfe7cb; overflow-wrap:anywhere; }
.tool-trace li>span { display:block; font-size:14px; line-height:1.6; color:#9ebba9; margin-top:6px; }
.example-footnote { padding:17px 28px; font-size:12px; color:#9ab6a5; border-top:1px solid #3a5142; }
.mcp-connect-section { background:#17231b; border-block:1px solid #334a3b; padding-block:80px; }
.mcp-connect-section .section-heading>p { max-width:700px; }
.client-setup { border:1px solid #496552; border-radius:12px; overflow:hidden; margin-top:50px; }
.client-panel { padding:32px; min-height:215px; background:#1d2e23; }
.client-panel h3 { font-size:24px; font-weight:500; letter-spacing:-.7px; }
.client-panel p { font-size:16px; color:#b0c5b7; margin-top:15px; line-height:1.8; max-width:910px; }
.client-panel .detail-note { font-size:13px; color:#95b2a0; margin-bottom:0; }
.boundaries-section { display:grid; grid-template-columns:1fr 1.15fr; gap:80px; padding-block:85px; }
.boundaries-section .text-link { display:inline-block; margin-top:24px; }
.boundary-list>div { padding:24px 0; border-top:1px solid #3f5748; }
.boundary-list>div:first-child { padding-top:0; border:0; }
.boundary-list h3 { font-size:20px; font-weight:500; letter-spacing:-.5px; }
.boundary-list p { margin-top:10px; }
.mcp-questions { padding-block:15px 45px; }
.mcp-questions .faq-list { max-width:900px; }
.mcp-questions h2 { font-size:38px; }
.mcp-questions code { font:13px var(--mono); }
.workflow-story { display:grid; grid-template-columns:1.15fr 1fr; gap:90px; padding-block:75px; border-bottom:1px solid #354b3d; }
.story-index { display:block; font:12px var(--mono); color:#759681; margin-bottom:20px; }
.story-heading h2 { margin-top:16px; font-size:43px; }
.story-heading>p:last-child { margin-top:23px; font-size:17px; line-height:1.8; color:#a6bbb0; }
.story-recipe { border-left:1px solid #486550; padding-left:35px; align-self:center; }
.story-recipe h3 { font-size:18px; font-weight:500; color:#d9e8df; }
.story-recipe ol { padding-left:20px; color:#b3c8bb; font-size:16px; line-height:1.8; }
.story-recipe li { padding:5px 0 5px 5px; }
.story-recipe>p { font-size:14px; line-height:1.8; color:#91ab9a; margin:20px 0; }
.product-page .download-section { padding-block:15px 75px; }
.download-requirements { padding-block:65px; border-block:1px solid #334a3b; }
.download-requirements h2 { font-size:40px; }
.requirements-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.requirements-grid .icon { height:24px; width:24px; color:#badcc5; margin-bottom:20px; }
.requirements-grid h3 { font-size:20px; font-weight:500; letter-spacing:-.6px; }
.requirements-grid p { margin-top:15px; font-size:16px; line-height:1.8; color:var(--muted); }
.download-help { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding-block:70px 90px; }
.download-help h2 { font-size:28px; letter-spacing:-1px; }
.download-help p { color:var(--muted); font-size:16px; line-height:1.8; margin-top:18px; }
.download-help .text-link { display:inline-block; margin:24px 25px 0 0; }
@media(max-width:1100px) {
  .mcp-spotlight-grid { gap:35px; }
  .mcp-spotlight h2 { font-size:40px; }
  .mcp-network { padding:21px; }
  .network-hub { padding:16px 12px; gap:10px; }
  .protocol-badge { display:none; }
  .network-clients>span { font-size:12px; padding:10px; }
  .network-permissions { gap:10px; font-size:9px; }
  .capability-grid { grid-template-columns:1fr 1fr; }
  .feature-detail { gap:35px; }
  .feature-detail h2,.config-section h2,.boundaries-section h2 { font-size:38px; }
  .footer-grid { grid-template-columns:1.4fr 1fr 1fr 1fr; gap:25px; }
}
@media(max-width:980px) {
  .desktop-nav { display:none; }
  .menu-toggle { display:flex; margin-right:-8px; }
  .nav-download { margin-left:auto; }
  .page-intro h1 { font-size:56px; }
  .feature-detail { grid-template-columns:1fr; gap:30px; }
  .feature-detail.reverse>div { order:0; }
  .detail-shot { max-width:760px; }
  .config-section,.boundaries-section { gap:40px; }
  .workflow-story { gap:45px; }
  .final-cta { align-items:flex-start; flex-direction:column; }
}
@media(max-width:760px) {
  .header { height:72px; }
  .hero .release-pill { font-size:12px; }
  .mcp-spotlight { padding-block:52px; }
  .mcp-spotlight-grid { grid-template-columns:1fr; gap:35px; }
  .mcp-spotlight h2 { font-size:36px; }
  .mcp-spotlight-copy>p:not(.eyebrow) { margin-top:20px; }
  .mcp-spotlight-copy>p.mcp-compatibility { font-size:12px; }
  .mcp-actions { gap:15px; }
  .mcp-actions .button { font-size:14px; }
  .network-clients>span { font-size:13px; }
  .network-permissions { font-size:10px; }
  .network-hub strong { font-size:20px; }
  .network-hub div>span { font-size:11px; }
  .use-cases-section { padding-bottom:65px; }
  .use-case-grid { grid-template-columns:1fr; gap:20px; }
  .use-case-grid>a { padding-top:22px; }
  .use-case-grid h3 { margin-top:15px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:35px 25px; }
  .footer-about { grid-column:1/-1; }
  .footer nav { margin-top:0; gap:12px; font-size:13px; }
  .footer-bottom>div { gap:10px 20px; flex-wrap:wrap; }
  .footer-bottom>span { font-size:11px; }
  .breadcrumbs { padding-top:19px; font-size:12px; }
  .page-intro { padding-block:40px; }
  .page-intro h1 { font-size:clamp(37px,8.5vw,56px); letter-spacing:-1.8px; margin-block:20px; }
  .page-description { font-size:16px; line-height:1.8; }
  .page-intro .hero-actions { flex-wrap:wrap; }
  .feature-index { justify-content:flex-start; gap:7px; }
  .feature-index a { border:0; padding:7px 10px; font-size:13px; background:#1e2e23; border-radius:5px; }
  .feature-detail,.capability-section { padding-block:50px; }
  .feature-detail h2,.config-section h2,.boundaries-section h2 { font-size:34px; }
  .detail-shot figcaption { font-size:12px; }
  .capability-grid,.capability-grid.two-up { grid-template-columns:1fr; }
  .capability-grid article { padding:25px; }
  .capability-grid h3 { font-size:25px; }
  .config-section { grid-template-columns:1fr; padding-block:50px; gap:30px; }
  .setup-recipe { padding:24px; }
  .compatibility { padding-block:50px; }
  .compatibility h2 { font-size:32px; }
  .stack-list { gap:9px; }
  .stack-list>span { font-size:13px; padding:8px 16px; }
  .final-cta { padding:27px; margin-block:25px 55px; gap:25px; }
  .final-cta h2 { font-size:31px; }
  .mcp-facts { gap:12px 22px; justify-content:flex-start; font-size:11px; padding-bottom:25px; }
  .mcp-demo-section { padding-top:30px; }
  .scenario-tabs { flex-direction:column; gap:5px; }
  .scenario-tabs button { text-align:left; min-height:44px; padding:12px 14px; }
  .scenario-panel { grid-template-columns:1fr; }
  .example-request { border-right:0; border-bottom:1px solid #3a5142; padding:26px; }
  .example-request>p { font-size:23px; margin-top:18px; }
  .tool-trace { padding:27px; }
  .example-footnote { padding:20px 25px; font-size:12px; }
  .mcp-connect-section { padding-block:50px; }
  .client-setup { margin-top:35px; }
  .client-tabs { gap:2px; padding:7px; }
  .client-tabs button { padding:11px 6px; font-size:12px; line-height:1.5; }
  .client-panel { padding:25px; min-height:300px; }
  .client-panel h3 { font-size:23px; }
  .boundaries-section { grid-template-columns:1fr; padding-block:50px; gap:35px; }
  .boundary-list>div:first-child { border-top:1px solid #3f5748; padding-top:24px; }
  .mcp-questions h2 { font-size:32px; }
  .workflow-story { grid-template-columns:1fr; padding-block:50px; gap:30px; }
  .story-heading h2 { font-size:36px; }
  .story-heading>p:last-child { font-size:16px; }
  .story-recipe { padding-left:24px; }
  .product-page .download-section { padding-top:0; padding-bottom:50px; }
  .product-page .download-intro { display:none; }
  .download-requirements { padding-block:50px; }
  .download-requirements h2 { font-size:34px; }
  .requirements-grid { grid-template-columns:1fr; gap:35px; }
  .download-help { grid-template-columns:1fr; gap:35px; padding-block:50px; }
}
@media(prefers-reduced-motion:reduce) { .header { backdrop-filter:none; } }