.home-page {background:var(--elevated)}
.home-page .page {width:100%;overflow:clip}
.home-page .site-nav {background:var(--elevated);max-width:1280px;margin:auto;padding:16px 32px}
.home-page .site-nav>a {flex:none}
.home-page .site-nav>a>img {width:166px;display:block}
.home-page .site-nav-links {gap:28px}
.home-languages {display:flex;align-items:center;gap:12px;font-size:13px;flex:none;white-space:nowrap}
.home-languages a,.home-languages span {display:inline-flex;align-items:center;min-height:44px}
.home-languages [aria-current] {font-weight:600}
.home-page .auth-area {position:relative;flex:none}
.home-hero,.home-page .main,.home-page .category-nav,.home-page .seo-section,.home-page .marquee {width:calc(100% - 64px);max-width:1216px;margin:0 auto}
.home-hero {padding:88px 0 52px}
.tagline {max-width:900px;font:500 clamp(48px,6.6vw,88px)/1.02 var(--font-display);letter-spacing:-.06em;text-wrap:balance;animation:arrive .6s both}
.tagline span {display:block}
.hero-sub {max-width:680px;margin:28px 0 32px;font-size:18px;line-height:1.6;color:var(--text-secondary);animation:arrive .7s both}
.home-search {display:flex;align-items:center;gap:12px;max-width:920px;padding:8px;background:var(--surface);border-radius:var(--radius-md);animation:arrive .8s both}
.home-search svg {width:22px;height:22px;flex:none;margin-left:16px;color:var(--text-secondary)}
.home-search input {min-width:0;flex:1;height:52px;padding:10px 8px;background:transparent;border:0;font-size:17px;color:var(--text-primary);outline-offset:0}
.home-search input::placeholder {color:var(--text-tertiary)}
.home-search button {min-height:52px;padding:12px 24px;border:0;border-radius:var(--radius-sm);background:var(--brand);color:var(--text-primary);font-size:15px;font-weight:600;white-space:nowrap}
.home-search button:hover {background:var(--brand-hover)}
.home-search button:active {transform:scale(.98)}
.home-page .marquee {margin-top:12px;margin-bottom:112px}
.featured-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.featured-heading h2 {font-size:28px;font-weight:500}
.featured-heading>a {font-size:14px;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.marquee-content {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.featured-group {display:grid;gap:12px;align-content:start}
.marquee-item {display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:164px;padding:24px;background:var(--surface);border-radius:var(--radius-md);animation:arrive .6s both}
.marquee-item:nth-child(3n+2) {animation-delay:.06s}.marquee-item:nth-child(3n) {animation-delay:.12s}
.marquee-item:hover {background:var(--light-divider);transform:translateY(-2px)}
.marquee-item strong {font-size:17px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.marquee-item p {margin:10px 0 16px;font-size:14px;line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.marquee-item span {margin-top:auto;color:var(--text-tertiary);font-size:12px}
.connect-heading {max-width:600px;margin-bottom:40px}
.connect-heading h2 {font:500 clamp(32px,4vw,48px)/1.1 var(--font-display);letter-spacing:-.045em}
.connect-heading p {margin-top:20px;color:var(--text-secondary);font-size:16px}
.connect-grid {display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}
.cli-setup {padding:28px;background:var(--surface);border-radius:var(--radius-md)}
.cli-setup h3 {font-size:20px;font-weight:500;margin-bottom:12px}
.cli-setup>p {font-size:14px;color:var(--text-secondary);margin-bottom:24px}
.cli-setup .code-shell {margin-bottom:20px}
.cli-setup>a {display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.tab-list {display:flex;gap:24px;margin-bottom:28px;align-items:center}
.tab-btn {border:0;background:transparent;color:var(--text-secondary);min-height:44px;padding:10px 0;font-weight:500;font-size:15px;border-bottom:2px solid transparent}
.tab-btn[aria-selected=true] {color:var(--text-primary);border-color:var(--brand-deep)}
.tab-panel {display:none}.tab-panel.is-active {display:block}
.title-row {display:flex;align-items:center;margin-bottom:14px}
.panel-title {font-size:24px;font-weight:500;letter-spacing:-.025em}
.agent-help,.human-copy {margin:12px 0 24px;font-size:15px;line-height:1.65;color:var(--text-secondary)}
.mcp-tabs {display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}
.mcp-tab {border:0;border-radius:var(--radius-sm);background:transparent;min-height:44px;padding:8px 12px;font-size:13px;color:var(--text-secondary)}
.mcp-tab.is-active {background:var(--surface);color:var(--text-primary);font-weight:600}
.mcp-config-panel {display:none}.mcp-config-panel.is-active {display:block}
.code-shell {background:var(--text-primary);color:#f5f5f5;border-radius:var(--radius-md);overflow:hidden;min-width:0}
.code-header {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:13px;color:#d5d5d5}
.code-block {margin:0;padding:12px 20px 24px;font-size:14px;line-height:1.8;white-space:pre;overflow:auto;overflow-wrap:normal}
.code-block .cmd,.code-block .string,.code-block .pipe {color:var(--brand)}
.copy-btn {flex:none;min-height:44px;border:0;border-radius:var(--radius-sm);padding:8px 12px;background:#303030;color:#fff;font-size:13px}
.copy-btn:hover {background:#444}
.mcp-setup {margin-top:40px}
.endpoint-list {list-style:none;padding:0;margin:0}
.endpoint {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;margin:8px 0;padding:12px 16px;background:var(--surface);border-radius:var(--radius-sm)}
.endpoint>div {flex-wrap:wrap;gap:6px!important}
.endpoint .copy-btn {background:var(--light-divider);color:var(--text-primary)}
.endpoint-url {font-size:12px;overflow-wrap:anywhere}
.endpoint-label {display:none}.get-badge {font-size:12px;font-weight:600}
.auth-instruction {padding:16px;background:var(--surface);border-radius:var(--radius-sm);margin:20px 0;font-size:14px;color:var(--text-secondary)}
.human-steps {display:grid;gap:24px;margin:28px 0}
.step-title {font-size:17px;font-weight:600;margin-bottom:8px}
.step-desc {font-size:15px;color:var(--text-secondary);line-height:1.6}
.home-page .category-nav {display:grid;grid-template-columns:4fr 7fr;gap:64px;margin-top:112px;margin-bottom:112px}
.category-nav-title {font-size:32px;font-weight:500;letter-spacing:-.035em}
.category-nav-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.category-nav-grid a {display:flex;align-items:center;min-height:48px;font-size:18px;color:var(--text-primary)}
.category-nav-grid a:hover {color:var(--brand-deep);text-decoration:underline;text-underline-offset:6px}
.seo-section {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 64px}
.seo-title {font-size:24px;font-weight:500;grid-column:1;align-self:start}
.seo-body,.seo-list {grid-column:2;margin:0 0 36px;font-size:16px;line-height:1.7;color:var(--text-secondary)}
.seo-title:nth-of-type(1),.seo-body:nth-of-type(1) {grid-row:1}
.seo-title:nth-of-type(2),.seo-body:nth-of-type(2) {grid-row:2}
.seo-title:nth-of-type(3),.seo-list {grid-row:3}
.seo-list {padding-left:20px}.seo-list li+li {margin-top:14px}
.seo-body a,.seo-list a {text-decoration:underline;text-underline-offset:3px}
.agent-guide {grid-column:1/-1;margin:12px 0 36px}
.agent-guide h2 {font-size:32px;font-weight:500;margin-bottom:24px}
.agent-guide p {max-width:840px;color:var(--text-secondary)}
.agent-guide ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;list-style:none;padding:0;margin:28px 0}
.agent-guide li {font-size:16px;line-height:1.7;color:var(--text-secondary)}
.agent-guide strong {display:block;color:var(--text-primary);margin-bottom:8px}
.home-page .footer {margin-top:80px;max-width:1280px}
.home-page .global-disclaimer {padding-bottom:32px}
.home-page .category-label,.home-page .title-accent,.home-page .terminal-dots,.home-page .step-number {display:none}
@keyframes arrive {from{transform:translateY(12px)}to{transform:none}}
@media(max-width:1000px) {
  .home-page .site-nav-links {gap:16px}
  .home-page .has-mobile-navigation .site-nav-links>.site-nav-link {display:none}
  .home-page .mobile-navigation {display:block}
  .home-page .mobile-navigation-links .site-nav-link {display:flex}
  .home-page .site-nav>a>img {width:142px}.home-languages {gap:8px}
  .home-hero {padding-top:64px}.marquee-content {grid-template-columns:repeat(2,minmax(0,1fr))}
  .marquee-content {display:block}.featured-group {grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}
  .connect-grid {gap:32px;grid-template-columns:minmax(0,4fr) minmax(0,6fr)}
  .home-page .category-nav,.seo-section {gap:32px}
}
@media(max-width:700px) {
  .home-page .site-nav {padding:12px 20px;gap:12px}.home-page .site-nav>a>img {width:134px}
  .home-page .site-nav-links {gap:12px}.home-page .site-nav-link {display:none}
  .home-languages {gap:10px;font-size:12px}.home-page .auth-area .signin-btn {font-size:0;padding:10px}
  .home-page .has-mobile-navigation .home-languages {display:none}
  .home-page .mobile-navigation {display:block}
  .home-page .mobile-navigation-links .site-nav-link {display:flex}
  .home-page .auth-area .signin-btn svg {width:18px;height:18px}
  .home-hero,.home-page .main,.home-page .category-nav,.home-page .seo-section,.home-page .marquee {width:calc(100% - 40px)}
  .home-hero {padding:48px 0 32px}.tagline {font-size:38px;letter-spacing:-.055em;max-width:600px}
  .agent-guide h2 {font-size:24px}.agent-guide ul {grid-template-columns:1fr;gap:24px}
  .hero-sub {font-size:16px;margin:24px 0}
  .home-search {gap:4px;padding:6px}.home-search svg {display:none}
  .home-search input {font-size:15px;height:48px;padding:8px 10px}
  .home-search button {font-size:13px;min-height:48px;padding:10px 14px}
  .home-page .marquee {margin-top:20px;margin-bottom:72px}
  .featured-heading {gap:12px;margin-bottom:20px}.featured-heading h2 {font-size:24px}.featured-heading>a {font-size:13px}
  .marquee-content {grid-template-columns:1fr;gap:8px}.marquee-item {padding:20px;min-height:132px}
  .featured-group {grid-template-columns:1fr;gap:8px;margin-bottom:8px}
  .marquee-item p {margin:8px 0 12px}.marquee-item span {font-size:12px}
  .connect-heading {margin-bottom:28px}.connect-heading h2 {font-size:32px}
  .connect-grid {grid-template-columns:1fr;gap:40px}.cli-setup {padding:24px}
  .mcp-tabs {gap:0}.mcp-tab {padding:8px 10px}
  .endpoint {padding:12px;gap:8px}.endpoint-url {font-size:11px}
  .home-page .category-nav {grid-template-columns:1fr;gap:24px;margin:72px auto}
  .category-nav-title {font-size:28px}.category-nav-grid {gap:4px 16px}.category-nav-grid a {font-size:16px}
  .seo-section {display:block}.seo-title {font-size:24px;margin:36px 0 16px}.seo-body,.seo-list {font-size:15px;margin-bottom:32px}
  .home-page .footer {margin-top:56px}
}

/* One display step, one section step, and readable supporting text. */
.home-page .featured-heading h2,.home-page .connect-heading h2,.home-page .category-nav-title,.home-page .seo-title,.home-page .panel-title {font-size:32px}
.home-page .hero-sub,.home-page .agent-help,.home-page .human-copy,.home-page .step-desc,.home-page .step-title {font-size:16px}
.home-page .marquee-item strong {font-size:16px}
.home-page .is-revealed {animation:arrive .6s both}
@media(max-width:700px) {
 .home-page .featured-heading h2,.home-page .connect-heading h2,.home-page .category-nav-title,.home-page .seo-title,.home-page .panel-title {font-size:24px}
 .home-page .hero-sub,.home-page .seo-body,.home-page .seo-list,.home-page .agent-help,.home-page .human-copy,.home-page .step-desc {font-size:16px}
}