/* Crawlable product content, language links and predictable responsive layout. */
/* Keep the homepage palette intact; quieter green/neutral surfaces on product pages. */
body[data-public-page]:not([data-public-page="home"]) {
  --miy-pink: #e0ead4;
  --miy-orange: #e9eee3;
  --orange: #4b6c29;
}
body[data-public-page]:not([data-public-page="home"])
  .flagship-card:nth-child(2),
body[data-public-page]:not([data-public-page="home"]) .why-stories article,
body[data-public-page]:not([data-public-page="home"]) .capability-grid article {
  background: #f8faf5;
  border-top-color: #bfd8a1;
}
body[data-public-page]:not([data-public-page="home"])
  .canvas-illustration
  article:nth-child(n) {
  border-color: #7d985c;
  box-shadow: 5px 6px 0 #d8e3cd;
}
body[data-public-page]:not([data-public-page="home"]) .flagship-chip {
  color: #334323;
}
body[data-public-page]:not([data-public-page="home"]) .service-example {
  border-left-color: #8fae63;
  box-shadow: 8px 8px 0 #edf3e5;
}
body[data-public-page]:not([data-public-page="home"]) .service-example > span {
  background: #e6efd9;
  color: #435b29;
}
.site-nav {
  min-height: 80px;
  height: auto;
  padding-block: 18px;
}
.seo-language {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.seo-language a {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #d5d9dd;
  border-radius: 5px;
  background: #fff;
}
.seo-language a[aria-current="page"] {
  border-color: #466c10;
  box-shadow: 0 0 0 1px #466c10;
}
.seo-language img {
  display: block;
  width: 24px;
  height: 16px;
  border-radius: 1px;
}
.seo-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;
}
.seo-skip {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 1000;
  padding: 12px 18px;
  background: #171b22;
  color: white;
  transform: translateY(-150%);
}
.seo-skip:focus {
  transform: none;
}
.seo-breadcrumb {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-block: 22px 0;
  font-size: 13px;
  color: #58616a;
}
.seo-breadcrumb a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.seo-related {
  padding-block: 46px;
  border-top: 1px solid #dce1e5;
}
.seo-related h2 {
  font-size: clamp(24px, 3vw, 34px);
  margin: 10px 0 24px;
}
.seo-related nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}
.seo-related a {
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.seo-sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 56px;
}
.seo-sections article {
  padding: 34px 0;
  border-top: 1px solid #dce1e5;
}
.seo-sections h2 {
  font-size: 25px;
  line-height: 1.25;
  letter-spacing: -0.6px;
  margin-bottom: 18px;
}
.seo-sections p {
  font-size: 16px;
  line-height: 1.75;
  color: #505a65;
  max-width: 68ch;
}
.seo-sections a {
  display: inline-block;
  margin-top: 20px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.seo-product-shot {
  padding-block: 0 55px;
}
.seo-product-shot img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #dce1e5;
  border-radius: 7px;
}
.seo-product-shot figcaption {
  margin-top: 12px;
  color: #5e6873;
  font-size: 12px;
}
.seo-faq {
  padding-block: 30px 65px;
}
.seo-faq h2 {
  font-size: 32px;
  margin-bottom: 24px;
}
.seo-faq details {
  border-bottom: 1px solid #dce1e5;
  padding: 20px 0;
}
.seo-faq summary {
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
}
.seo-faq details p {
  max-width: 80ch;
  margin-top: 16px;
  line-height: 1.75;
  color: #505a65;
}
.seo-not-found {
  padding-block: 18vh;
}
.seo-not-found h1 {
  font-size: clamp(32px, 5vw, 58px);
  line-height: 1.15;
  margin: 20px 0;
}
.seo-not-found p {
  margin-bottom: 28px;
  color: #505a65;
}
.marketing-page .hero-actions {
  margin-top: 26px;
}
.marketing-page .trial-note {
  font-size: 12px !important;
  line-height: 1.5 !important;
  margin-top: 14px !important;
}
.marketing-page .marketing-hero h1 {
  max-width: 1050px;
}
.seo-language a:focus-visible,
.seo-related a:focus-visible,
.seo-faq summary:focus-visible {
  outline: 3px solid #466c10;
  outline-offset: 3px;
}
@media (max-width: 850px) {
  .seo-sections {
    gap: 0 30px;
  }
  .seo-language {
    gap: 4px;
  }
  .seo-language a {
    width: 29px;
    height: 30px;
  }
  .site-nav .login-link {
    display: none;
  }
}
@media (max-width: 600px) {
  .seo-sections {
    grid-template-columns: 1fr;
  }
  .seo-sections article {
    padding: 26px 0;
  }
  .seo-sections h2 {
    font-size: 23px;
  }
  .seo-related nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .seo-product-shot {
    padding-bottom: 32px;
  }
  .seo-faq summary {
    font-size: 16px;
  }
  .seo-language img {
    width: 21px;
    height: 14px;
  }
  .seo-language a {
    width: 26px;
    height: 28px;
  }
  .site-nav .nav-actions {
    gap: 8px;
  }
  .seo-breadcrumb {
    font-size: 12px;
  }
  .seo-related {
    padding-block: 34px;
  }
}

/* Let visitors inspect the exported document before creating an account. */
.seo-samples {
  padding-block: 12px 48px;
}
.seo-samples h2 {
  font-size: clamp(25px, 3vw, 36px);
  margin: 12px 0 18px;
  letter-spacing: -0.6px;
}
.seo-samples > p:not(.eyebrow) {
  max-width: 800px;
  color: #58616a;
  line-height: 1.75;
  font-size: 16px;
}
@media (max-width: 850px) {
  .seo-language a {
    width: 44px;
    height: 44px;
  }
  .site-nav .nav-center > a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .site-nav .nav-actions {
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 0;
  }
  .questions-section > *,
  .questions-list {
    min-width: 0;
  }
  .questions-list summary {
    overflow-wrap: anywhere;
  }
  .questions-section h2 br {
    display: initial;
  }
  .canvas-illustration {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
  }
  .canvas-illustration article {
    min-width: 0;
    padding: 18px 10px;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 850px) {
  .site-nav .nav-actions .login-link {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #c8cfd5;border-radius:5px;color:#171b22;font-size:13px;white-space:nowrap;}
}
@media (max-width: 600px) {
  .site-nav {display:grid;grid-template-columns:1fr auto;gap:12px 10px;padding-block:14px;}
  .site-nav .wordmark {grid-column:1;grid-row:1;}
  .site-nav .nav-actions {display:contents;}
  .site-nav .login-link {grid-column:2;grid-row:1;}
  .site-nav .nav-actions>.button {grid-column:1/-1;grid-row:2;min-height:44px;font-size:13px;justify-content:center;}
  .site-nav .seo-language {grid-column:1;grid-row:3;justify-self:start;}
  .site-nav #motionToggle {grid-column:2;grid-row:3;justify-self:end;min-width:44px;min-height:44px;}
  .site-nav .nav-center {grid-column:1/-1;grid-row:4;justify-content:space-between;gap:6px;flex-wrap:wrap;}
  .site-nav .nav-center>a {font-size:11px;}
  .site-nav .nav-center .miy-wordmark {font-size:10px;}
  .hero h1 {font-size:clamp(39px,11.7vw,58px);line-height:1.08;letter-spacing:-.055em;}
  .hero-color {display:inline-block;}
  .hero-color:after {bottom:2px;}
}

.mobile-site-toggle {display:none;}
@media(max-width:600px) {
  .site-nav.mobile-site-ready {grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding-block:12px;}
  .site-nav.mobile-site-ready .wordmark {grid-column:1;grid-row:1;}
  .site-nav.mobile-site-ready .login-link {grid-column:2;grid-row:1;}
  .mobile-site-ready .mobile-site-toggle {display:inline-flex;align-items:center;justify-content:center;gap:5px;grid-column:3;grid-row:1;min-height:44px;padding:8px;border:1px solid #c8cfd5;border-radius:5px;color:#171b22;background:#fff;font-size:11px;}
  .site-nav.mobile-site-ready:not([data-mobile-open="true"]) :is(.nav-center,.seo-language,#motionToggle,.nav-actions>.button) {display:none!important;}
  .site-nav.mobile-site-ready[data-mobile-open="true"] .nav-center {grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;border-top:1px solid #e1e5e9;}
  .site-nav.mobile-site-ready .nav-center>a {justify-content:center;border-radius:5px;background:#f6f8f5;}
  .site-nav.mobile-site-ready .nav-actions>.button {grid-column:1/-1;grid-row:3;}
  .site-nav.mobile-site-ready .seo-language {grid-column:1;grid-row:4;}
  .site-nav.mobile-site-ready #motionToggle {grid-column:2/-1;grid-row:4;}
}