/* Base Styles */
.placeholder-page {
  background: #f3f5f4;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Fit to viewport on desktop */
@media (min-width: 769px) {
  html, body {
    height: 100%;
    overflow: hidden;
  }
  
  .placeholder-page {
    height: 100vh;
    overflow: hidden;
  }
}

/* Header / Navigation */
.frame-255 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 12px 40px;
  flex-shrink: 0;
}

.frame-79 {
  display: flex;
  align-items: center;
}

.logo {
  height: 36px;
  width: auto;
  max-width: 160px;
}

.frame-249 {
  display: flex;
  align-items: center;
}

.frame-108 {
  padding: 12px 24px;
  display: flex;
  gap: 6px;
  align-items: center;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.frame-108:hover {
  opacity: 0.7;
}

.view-open-jobs {
  color: #0f1412;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.carbon-arrow-up-right {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}

.frame-108:hover .carbon-arrow-up-right {
  transform: translate(2px, -2px);
}

/* Main Content */
.frame-243 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  flex: 1;
  min-height: 0;
  padding: 16px 40px;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
}

.agentic-workforce-for-the-enterprise-backoffice {
  color: #0f1412;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(32px, 5vw, 80px);
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-weight: 700;
  max-width: 1200px;
}

.frame-248 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.frame-109 {
  background: #033a00;
  padding: 14px 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.frame-109:hover {
  background: #045200;
  transform: translateY(-2px);
}

.schedule-a-call {
  color: #f3f5f4;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.to-shift-focus-from-admin-to-expertise {
  color: #6b726f;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

/* Trusted By Section */
.frame-244 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  max-width: 1600px;
  padding: 8px 40px;
  margin: 0 auto;
  flex-shrink: 0;
}

.frame-247 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.trusted-by-top-brands {
  color: #0f1412;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.frame-245 {
  display: flex;
  gap: 8px;
  align-items: center;
}

.frame-246 {
  background: rgba(0, 96, 227, 0.1);
  padding: 5px;
  display: flex;
  align-items: center;
}

.rectangle-2 {
  background: #0060e3;
  width: 5px;
  height: 5px;
}

.more-logos-coming-soon {
  color: #0f1412;
  font-family: "DM Mono", monospace;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Partner Logos */
.frame-165 {
  display: flex;
  gap: 12px;
  width: 100%;
}

.frame-164,
.frame-1652,
.frame-166,
.frame-167 {
  background: rgba(0, 0, 0, 0.03);
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.frame-240,
.frame-241 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-3,
.image-1,
.image-2,
.image-11 {
  max-width: 120px;
  height: 28px;
  object-fit: contain;
}

/* ISO Certification Badge */
.certification-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 40px;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
  flex-shrink: 0;
}

.certification-icon {
  background: rgba(3, 58, 0, 0.1);
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #033a00;
}

.certification-text {
  color: #033a00;
  font-family: "DM Mono", monospace;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Footer Text */
.our-new-site-is-currently-in-progress-we-ll-be-live-shortly {
  color: #0f1412;
  font-family: "DM Sans", sans-serif;
  font-size: clamp(14px, 1.5vw, 20px);
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-weight: 400;
  padding: 4px 40px 6px;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
  flex-shrink: 0;
}

/* Site Footer */
.site-footer {
  padding: 6px 40px 10px;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
  margin-top: auto;
  text-align: center;
  flex-shrink: 0;
}

.footer-text {
  color: #6b726f;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Tablet Responsive */
@media (max-width: 1024px) {
  .agentic-workforce-for-the-enterprise-backoffice {
    font-size: clamp(28px, 5vw, 72px);
  }
  
  .frame-165 {
    flex-wrap: wrap;
  }
  
  .frame-164,
  .frame-1652,
  .frame-166,
  .frame-167 {
    flex: 1 1 calc(50% - 6px);
    min-width: calc(50% - 6px);
  }
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .certification-badge {
    padding: 0 20px;
  }
  
  .frame-255 {
    padding: 16px 20px;
  }
  
  .logo {
    height: 32px;
  }
  
  .frame-108 {
    padding: 8px 16px;
  }
  
  .view-open-jobs {
    font-size: 14px;
  }
  
  .frame-243 {
    padding: 24px 20px;
    gap: 20px;
  }
  
  .frame-248 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .frame-109 {
    padding: 12px 20px;
  }
  
  .schedule-a-call,
  .to-shift-focus-from-admin-to-expertise {
    font-size: 16px;
  }
  
  .frame-244 {
    padding: 20px;
    gap: 12px;
  }
  
  .frame-247 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .trusted-by-top-brands {
    font-size: 16px;
  }
  
  .frame-165 {
    gap: 8px;
  }
  
  .frame-164,
  .frame-1652,
  .frame-166,
  .frame-167 {
    padding: 16px;
  }
  
  .image-3,
  .image-1,
  .image-2,
  .image-11 {
    max-width: 80px;
    height: 20px;
  }
  
  .our-new-site-is-currently-in-progress-we-ll-be-live-shortly {
    padding: 8px 20px 12px;
  }
  
  .site-footer {
    padding: 8px 20px 16px;
  }
  
  .footer-text {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .frame-164,
  .frame-1652,
  .frame-166,
  .frame-167 {
    flex: 1 1 100%;
  }
}