/* Enterprise marketing — shared by monbil.id and both My Monbil pages. */
@font-face {
  font-family: "Monbil Enterprise Jakarta";
  src: url("./plus-jakarta-sans-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}
.enterprise-public-page { margin: 0; background: #f7f9fd; }
.monbil-enterprise {
  --ent-blue: #315af4;
  --ent-ink: #18233c;
  --ent-muted: #67728b;
  --ent-line: #e5eaf3;
  --ent-radius: 22px;
  color-scheme: light;
  container: enterprise / inline-size;
  position: relative;
  isolation: isolate;
  scroll-margin-top: 90px;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  color: var(--ent-ink);
  background: #fff;
  font: 14px/1.65 "Monbil Enterprise Jakarta", system-ui, sans-serif;
  text-align: left;
}
.monbil-enterprise *, .monbil-enterprise *::before, .monbil-enterprise *::after { box-sizing: border-box; }
.monbil-enterprise h1, .monbil-enterprise h2, .monbil-enterprise h3, .monbil-enterprise p {
  margin: 0;
  font-family: inherit;
  color: inherit;
}
.monbil-enterprise a { color: inherit; text-decoration: none; }
.monbil-enterprise a:focus-visible, .monbil-enterprise summary:focus-visible {
  outline: 3px solid #8099ff;
  outline-offset: 4px;
}
.monbil-enterprise svg { width: 18px; height: 18px; flex-shrink: 0; stroke-width: 1.7; }
.monbil-enterprise img { max-width: 100%; }
.monbil-enterprise [id] { scroll-margin-top: 90px; }
.monbil-enterprise .ent-surface { background: #fff; border: 1px solid var(--ent-line); border-radius: 16px; overflow: clip; }
.monbil-enterprise.ent-public .ent-surface { border-top: 0; border-radius: 0; }
.monbil-enterprise.ent-landing { margin: 56px auto; }
.monbil-enterprise.ent-account { margin-block: 8px; }
.monbil-enterprise .ent-nav { display: flex; align-items: center; justify-content: space-between; padding: 21px 40px; gap: 24px; border-bottom: 1px solid #eef1f7; }
.monbil-enterprise .ent-logo { display: flex; align-items: center; gap: 9px; color: #192a4d; font-size: 23px; font-weight: 800; letter-spacing: -1px; white-space: nowrap; }
.monbil-enterprise .ent-real-logo { display: block; width: 39px; height: 39px; object-fit: contain; flex-shrink: 0; }
.monbil-enterprise .ent-navcenter { display: flex; align-items: center; gap: 23px; font-size: 12px; color: var(--ent-muted); }
.monbil-enterprise .ent-navcenter a { padding: 8px 0; }
.monbil-enterprise .ent-navcenter .ent-current { color: var(--ent-blue); font-weight: 700; }
.monbil-enterprise .ent-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 12px 19px; min-height: 46px; border: 1px solid var(--ent-line); border-radius: 10px; background: #fff; color: var(--ent-ink); font-size: 12px; font-weight: 700; text-align: center; }
.monbil-enterprise .ent-button.primary { background: var(--ent-blue); border-color: var(--ent-blue); color: #fff; box-shadow: 0 4px 9px #315af416; }
.monbil-enterprise .ent-button:hover { filter: brightness(.96); }
.monbil-enterprise .ent-nav .ent-button { padding: 9px 14px; font-size: 12px; }
.monbil-enterprise .ent-hero { position: relative; padding: 58px 38px 35px; text-align: center; background: radial-gradient(ellipse at 50% 30%, #eaf0ff88, transparent 66%), linear-gradient(#fff, #f9fbff); }
.monbil-enterprise .ent-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(#315af406 1px, transparent 1px), linear-gradient(90deg, #315af406 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(#0009, transparent 78%); pointer-events: none; }
.monbil-enterprise .ent-hero > * { position: relative; }
.monbil-enterprise .ent-label { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid #dfe6ff; background: #fff; border-radius: 100px; padding: 5px 11px; font-size: 11px; color: var(--ent-blue); font-weight: 750; letter-spacing: 1.2px; text-transform: uppercase; }
.monbil-enterprise .ent-label svg { width: 13px; height: 13px; }
.monbil-enterprise .ent-hero-title { font-size: clamp(36px, 5.8vw, 61px); line-height: 1.13; letter-spacing: -2.8px; font-weight: 750; margin: 22px auto 18px; max-width: 850px; }
.monbil-enterprise .ent-hero-title span { color: var(--ent-blue); }
.monbil-enterprise .ent-hero-text { font-size: 14px; line-height: 1.85; color: var(--ent-muted); max-width: 570px; margin: 0 auto; }
.monbil-enterprise .ent-actions { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.monbil-enterprise .ent-hero-includes { display: flex; justify-content: center; gap: 19px; flex-wrap: wrap; margin: 20px auto 0; font-size: 11px; color: #66748c; }
.monbil-enterprise .ent-hero-includes span { display: inline-flex; align-items: center; gap: 5px; }
.monbil-enterprise .ent-hero-includes svg { width: 13px; height: 13px; color: #5d78d6; }
.monbil-enterprise .ent-hero-divider { display: flex; align-items: center; justify-content: center; gap: 14px; font-size: 11px; color: #68758c; letter-spacing: .6px; margin: 37px auto 22px; max-width: 650px; }
.monbil-enterprise .ent-hero-divider::before, .monbil-enterprise .ent-hero-divider::after { content: ""; height: 1px; flex: 1; background: #dce4f4; }
.monbil-enterprise .ent-ecosystem { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.monbil-enterprise .ent-icon { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #e1e8ff; border-radius: 11px; background: #f2f5ff; color: var(--ent-blue); flex-shrink: 0; }
.monbil-enterprise .ent-offer { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 28px 22px 21px; background: #fff; border: 1px solid var(--ent-line); border-radius: var(--ent-radius); box-shadow: 0 8px 24px -18px #223d7030; text-align: center; }
.monbil-enterprise .ent-offer .ent-icon { width: 42px; height: 42px; margin-bottom: 20px; }
.monbil-enterprise .ent-offer h3 { font-size: 21px; line-height: 1.35; font-weight: 750; letter-spacing: -.65px; }
.monbil-enterprise .ent-offer h3 span { color: var(--ent-blue); }
.monbil-enterprise .ent-offer p { font-size: 12px; line-height: 1.85; color: #64728b; margin: 15px 0 23px; max-width: 245px; flex: 1; }
.monbil-enterprise .ent-offer small { display: block; font-size: 11px; font-weight: 600; color: #526a9c; border-top: 1px solid #edf0f7; padding-top: 13px; width: 100%; }
.monbil-enterprise .ent-section { padding: 54px 40px; }
.monbil-enterprise .ent-heading { text-align: center; margin: 0 auto 30px; max-width: 660px; }
.monbil-enterprise .ent-kicker { font-size: 11px; font-weight: 750; color: var(--ent-blue); letter-spacing: 1.7px; text-transform: uppercase; margin-bottom: 11px; }
.monbil-enterprise .ent-heading h2, .monbil-enterprise .ent-closing h2 { font-size: 32px; line-height: 1.25; letter-spacing: -1.2px; font-weight: 750; }
.monbil-enterprise .ent-heading > p { font-size: 13px; color: var(--ent-muted); line-height: 1.8; margin: 13px auto 0; max-width: 470px; }
.monbil-enterprise .ent-showcase { border-bottom: 1px solid var(--ent-line); }
.monbil-enterprise .ent-banners { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.monbil-enterprise .ent-app-banner { min-width: 0; border: 1px solid #dce5f7; border-radius: var(--ent-radius); padding: 24px 26px 25px; background: radial-gradient(ellipse at 50% 90%, #d7e5ff, transparent 65%), linear-gradient(140deg, #f8faff, #edf3ff); display: flex; flex-direction: column; align-items: center; text-align: center; }
.monbil-enterprise .ent-app-banner.customer { background: radial-gradient(ellipse at 50% 90%, #dce1ff, transparent 65%), linear-gradient(140deg, #fafbff, #f0f2ff); }
.monbil-enterprise .ent-banner-monbil { display: flex; align-items: center; gap: 7px; color: #344b71; font-size: 13px; font-weight: 750; align-self: flex-start; line-height: 1.2; }
.monbil-enterprise .ent-banner-monbil img { width: 30px; height: 30px; object-fit: contain; }
.monbil-enterprise .ent-banner-monbil small { display: block; font-size: 11px; letter-spacing: 1.1px; color: #667794; font-weight: 600; margin-top: 3px; }
.monbil-enterprise .ent-banner-label { margin-top: 23px; color: #64779a; font-size: 11px; font-weight: 650; letter-spacing: 1px; text-transform: uppercase; }
.monbil-enterprise .ent-app-banner h3 { font-size: 29px; line-height: 1.3; letter-spacing: -1px; color: #284ca1; font-weight: 750; margin: 8px 0 9px; overflow-wrap: anywhere; }
.monbil-enterprise .ent-app-banner > p { font-size: 12px; line-height: 1.8; color: #65789a; margin: 0 auto 23px; max-width: 310px; }
.monbil-enterprise .ent-screenshot-frame { width: 300px; max-width: 100%; padding: 7px; background: #fff; border: 1px solid #d9e2f3; border-radius: 25px; box-shadow: 0 14px 40px #2c467522; margin-top: auto; overflow: hidden; }
.monbil-enterprise .ent-screenshot-frame img { display: block; width: 100%; height: auto; border-radius: 18px; }
.monbil-enterprise .ent-showcase-caption { text-align: center; font-size: 11px; color: #69778e; margin: 16px auto 0; line-height: 1.8; }
.monbil-enterprise .ent-module-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--ent-line); border-radius: var(--ent-radius); overflow: hidden; }
.monbil-enterprise .ent-module { padding: 25px 21px; text-align: center; border-right: 1px solid var(--ent-line); border-bottom: 1px solid var(--ent-line); }
.monbil-enterprise .ent-module:nth-child(2n) { border-right: 0; }
.monbil-enterprise .ent-module:nth-child(n+3) { border-bottom: 0; }
.monbil-enterprise .ent-module .ent-icon { margin: 0 auto 13px; }
.monbil-enterprise .ent-module h3 { font-size: 15px; font-weight: 700; letter-spacing: -.2px; }
.monbil-enterprise .ent-module p { font-size: 12px; color: var(--ent-muted); line-height: 1.8; margin: 9px auto 0; max-width: 290px; }
.monbil-enterprise .ent-pricing-section { background: #f8faff; border-block: 1px solid var(--ent-line); }
.monbil-enterprise .ent-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 800px; margin: 0 auto; }
.monbil-enterprise .ent-plan { display: flex; flex-direction: column; border: 1px solid #e0e6f1; border-radius: var(--ent-radius); background: #fff; padding: 28px; min-width: 0; box-shadow: 0 5px 16px -12px #314b7638; }
.monbil-enterprise .ent-plan.isp { border-color: #b8c8ff; box-shadow: 0 6px 22px -12px #315af43b; }
.monbil-enterprise .ent-plan-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.monbil-enterprise .ent-plan-top h3 { font-size: 17px; letter-spacing: -.4px; font-weight: 750; }
.monbil-enterprise .ent-plan-tag { font-size: 11px; background: #f1f5ff; color: #5370b6; padding: 3px 7px; border-radius: 5px; white-space: nowrap; }
.monbil-enterprise .ent-plan > p { font-size: 12px; color: var(--ent-muted); margin: 10px 0 0; line-height: 1.8; min-height: 43px; }
.monbil-enterprise .ent-price { font-size: 34px; line-height: 1.3; letter-spacing: -1.6px; font-weight: 750; margin-top: 25px; color: #1d2c49; }
.monbil-enterprise .ent-price small { display: inline-block; font-size: 11px; letter-spacing: 0; font-weight: 500; color: #66758f; white-space: nowrap; }
.monbil-enterprise .ent-plan-capacity { margin-top: 20px; padding: 11px 12px; background: #f7f9ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 12px; font-weight: 650; color: #46619d; text-align: center; min-height: 43px; }
.monbil-enterprise .ent-plan-capacity svg { width: 15px; height: 15px; }
.monbil-enterprise .ent-plan ul { list-style: none; padding: 0; margin: 21px 0; display: grid; gap: 10px; font-size: 12px; color: #55627a; }
.monbil-enterprise .ent-plan li { display: flex; align-items: start; gap: 8px; }
.monbil-enterprise .ent-plan li::before { content: "✓"; color: var(--ent-blue); font-weight: 700; }
.monbil-enterprise .ent-plan .ent-button { width: 100%; margin-top: auto; }
.monbil-enterprise .ent-compare { max-width: 800px; margin: 23px auto 0; font-size: 12px; text-align: center; color: var(--ent-muted); }
.monbil-enterprise .ent-compare summary { padding: 9px; cursor: pointer; min-height: 44px; }
.monbil-enterprise .ent-compare table { margin-top: 10px; width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; }
.monbil-enterprise .ent-compare th, .monbil-enterprise .ent-compare td { padding: 12px 8px; border-bottom: 1px solid var(--ent-line); overflow-wrap: anywhere; }
.monbil-enterprise .ent-closing { text-align: center; background: radial-gradient(ellipse at bottom, #edf2ff, transparent 70%), #fff; }
.monbil-enterprise .ent-closing h2 { margin-top: 17px; }
.monbil-enterprise .ent-closing p { max-width: 455px; font-size: 13px; color: var(--ent-muted); margin: 14px auto 0; line-height: 1.9; }
.monbil-enterprise .ent-footer { padding: 22px 40px; border-top: 1px solid var(--ent-line); display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 11px; color: #687992; background: #fff; }
.monbil-enterprise .ent-footer-brand { display: flex; align-items: center; gap: 8px; font-weight: 750; font-size: 16px; color: #34496e; }
.monbil-enterprise .ent-footer-brand .ent-real-logo { width: 29px; height: 29px; }
@container enterprise (max-width: 780px) {
  .monbil-enterprise .ent-nav { padding: 18px 24px; gap: 14px; }
  .monbil-enterprise .ent-navcenter { gap: 14px; }
  .monbil-enterprise .ent-hero { padding: 45px 24px 28px; }
  .monbil-enterprise .ent-hero-title { font-size: 49px; }
  .monbil-enterprise .ent-ecosystem { gap: 10px; }
  .monbil-enterprise .ent-offer { padding: 23px 14px 18px; }
  .monbil-enterprise .ent-offer h3 { font-size: 18px; }
  .monbil-enterprise .ent-section { padding: 40px 24px; }
  .monbil-enterprise .ent-plan { padding: 22px; }
  .monbil-enterprise .ent-price { font-size: 29px; }
  .monbil-enterprise .ent-app-banner { padding: 20px 15px 25px; }
  .monbil-enterprise .ent-app-banner h3 { font-size: 25px; }
}
@container enterprise (max-width: 650px) {
  .monbil-enterprise .ent-navcenter { display: none; }
  .monbil-enterprise .ent-hero-title { font-size: 42px; letter-spacing: -1.8px; }
  .monbil-enterprise .ent-ecosystem { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; gap: 16px; }
  .monbil-enterprise .ent-offer { padding: 28px 22px 21px; }
  .monbil-enterprise .ent-offer h3 { font-size: 21px; }
  .monbil-enterprise .ent-plans { grid-template-columns: 1fr; max-width: 400px; gap: 16px; }
  .monbil-enterprise .ent-price { font-size: 36px; }
  .monbil-enterprise .ent-plan { padding: 25px; }
  .monbil-enterprise .ent-plan > p { min-height: 0; }
  .monbil-enterprise .ent-heading h2, .monbil-enterprise .ent-closing h2 { font-size: 28px; }
  .monbil-enterprise .ent-section { padding: 37px 20px; }
  .monbil-enterprise .ent-footer { padding: 20px; flex-wrap: wrap; }
  .monbil-enterprise .ent-hero-includes { gap: 10px; }
}
@container enterprise (max-width: 590px) {
  .monbil-enterprise .ent-banners { grid-template-columns: 1fr; max-width: 400px; margin: auto; gap: 22px; }
  .monbil-enterprise .ent-app-banner { padding: 22px 20px 20px; }
}
@container enterprise (max-width: 370px) {
  .monbil-enterprise .ent-nav { padding: 16px; gap: 10px; }
  .monbil-enterprise .ent-nav .ent-button { font-size: 11px; padding: 9px 10px; }
  .monbil-enterprise .ent-nav .ent-button svg { display: none; }
  .monbil-enterprise .ent-logo { font-size: 19px; gap: 7px; }
  .monbil-enterprise .ent-real-logo { width: 33px; height: 33px; }
  .monbil-enterprise .ent-hero { padding: 35px 16px 25px; }
  .monbil-enterprise .ent-hero-title { font-size: 35px; letter-spacing: -1.6px; }
  .monbil-enterprise .ent-hero-text { font-size: 13px; }
  .monbil-enterprise .ent-module-grid { grid-template-columns: 1fr; }
  .monbil-enterprise .ent-module:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--ent-line); }
  .monbil-enterprise .ent-module:last-child { border-bottom: 0; }
  .monbil-enterprise .ent-price { font-size: 30px; }
  .monbil-enterprise .ent-plan { padding: 20px; }
  .monbil-enterprise .ent-section { padding-inline: 16px; }
}
@media (max-width: 600px) { .monbil-enterprise.ent-landing { margin-block: 28px; } }