/* Public inner pages share the home page's stone, blueprint and interface system. */
@font-face {
  font-family: "BYekan";
  src: url("/font/BYekan.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.is-home,
.is-home :where(button, input, textarea, select) {
  font-family: "BYekan", Tahoma, Arial, sans-serif;
}

.rw5-inner-page {
    --rw5-bg: #fffdf8;
    --rw5-surface: #fff;
    --rw5-stone: #f3ecdf;
    --rw5-stone-2: #e6d8c1;
    --rw5-line: #ded7cb;
    --rw5-text: #46545d;
    --rw5-muted: #78838a;
    --rw5-teal: #3d8790;
    --rw5-teal-2: #65a9b1;
    --rw5-sky: #dceff2;
    --rw5-gold: #b69a6d;
    --rw5-gold-soft: #f1e8d6;
    --rw5-shadow: 0 20px 55px rgba(95, 106, 109, .11);
    --rw5-radius: 22px;
    background: var(--rw5-bg);
    color: var(--rw5-text);
    font-family: "BYekan", Tahoma, Arial, sans-serif;
  }

  .rw5-inner-page :where(button, input, textarea, select) {
    font-family: inherit;
  }

  .rw5-inner-page #main {
    overflow: clip;
    background: linear-gradient(180deg, #fffdf8 0%, #fff 48%, #fbfaf6 100%);
  }

  .rw5-inner-page #main > :where(.reference-page, section, div) {
    color: var(--rw5-text);
  }

  .rw5-inner-page :where(.reference-page .shell, .section > .shell, .inner-hero > .shell,
    .ai-hero > .shell, .ai-detail-hero > .shell, .ai-cta-section > .shell) {
    width: min(1220px, calc(100% - 52px));
    margin-inline: auto;
  }

  .rw5-inner-page :where(.rw-hero, .inner-hero, .ai-hero, .ai-detail-hero) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 360px;
    display: grid;
    align-items: center;
    padding-block: 72px 82px;
    color: var(--rw5-text);
    border: 0;
    border-bottom: 1px solid var(--rw5-line);
    background:
      radial-gradient(circle at 78% 12%, rgba(220, 239, 242, .78), transparent 31%),
      radial-gradient(circle at 10% 88%, rgba(241, 232, 214, .92), transparent 29%),
      linear-gradient(180deg, #fffdf8, #fff);
  }

  .rw5-inner-page :where(.rw-hero, .inner-hero, .ai-hero, .ai-detail-hero)::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    opacity: .8;
    background-image:
      linear-gradient(rgba(182, 154, 109, .06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(182, 154, 109, .06) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 78%, transparent);
  }

  .rw5-inner-page :where(.rw-hero, .inner-hero, .ai-hero, .ai-detail-hero)::after {
    content: "𐎠  𐎭  𐎼  →  { }  API";
    position: absolute;
    z-index: -1;
    inset-inline-end: 4%;
    bottom: 18px;
    color: rgba(182, 154, 109, .2);
    font: 800 clamp(18px, 2.7vw, 34px)/1 sans-serif;
    letter-spacing: .16em;
    white-space: nowrap;
    pointer-events: none;
  }

  .rw5-inner-page :where(.rw-hero.red, .rw-hero.dark, .ai-detail-hero.dark-section) {
    color: var(--rw5-text);
    background:
      radial-gradient(circle at 78% 12%, rgba(220, 239, 242, .78), transparent 31%),
      radial-gradient(circle at 10% 88%, rgba(241, 232, 214, .92), transparent 29%),
      linear-gradient(180deg, #fffdf8, #fff);
  }

  .rw5-inner-page :where(.rw-hero.red, .rw-hero.dark, .ai-detail-hero.dark-section) :where(p, .rw-breadcrumb, .rw-breadcrumb a) {
    color: var(--rw5-muted);
  }

  .rw5-inner-page :where(.rw-title, .inner-hero h1, .ai-hero h1, .ai-detail-hero h1) {
    margin-block: 12px 18px;
    color: var(--rw5-text);
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 950;
    line-height: 1.35;
    letter-spacing: -.035em;
  }

  .rw5-inner-page :where(.rw-eyebrow, .eyebrow) {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--rw5-teal);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .rw5-inner-page :where(.rw-eyebrow, .eyebrow)::before {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--rw5-gold);
  }

  .rw5-inner-page :where(.rw-lead, .ai-hero-copy > p, .ai-detail-copy > p) {
    color: var(--rw5-muted);
    font-size: 15px;
    line-height: 2;
  }

  .rw5-inner-page :where(.rw-section, .section) {
    padding-block: 86px;
  }

  .rw5-inner-page :where(.rw-section.alt, .section:nth-of-type(odd)) {
    border-color: #ece7df;
    background: linear-gradient(180deg, #fbfaf6, #fffdf8);
  }

  .rw5-inner-page :where(.rw-section-head h2, .section-head h2) {
    color: var(--rw5-text);
    font-size: clamp(27px, 3.2vw, 42px);
    line-height: 1.45;
  }

  .rw5-inner-page :where(.rw-section-head h2, .section-head h2)::before {
    background: var(--rw5-gold);
  }

  .rw5-inner-page :where(.rw-card, .ai-solution-card, .ai-chat-card, .ai-principle-grid article, .ai-layer) {
    border: 1px solid var(--rw5-line);
    border-radius: var(--rw5-radius);
    background: rgba(255, 255, 255, .94);
    color: var(--rw5-text);
    box-shadow: 0 10px 30px rgba(104, 108, 103, .055);
  }

  .rw5-inner-page :where(.rw-card, .ai-solution-card) {
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
  }

  .rw5-inner-page :where(a.rw-card, .ai-solution-card):hover {
    transform: translateY(-5px);
    border-color: #bfd8d6;
    box-shadow: 0 20px 42px rgba(76, 118, 119, .1);
  }

  .rw5-inner-page :where(.rw-icon, .ai-solution-card [class*="icon"]) {
    border-color: #d5e5e2;
    background: linear-gradient(145deg, #eff8f8, #f6efe2);
    color: var(--rw5-teal);
  }

  .rw5-inner-page :where(.rw-btn.red, .button, .header-cta, .ai-chat-form button) {
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--rw5-teal), var(--rw5-teal-2));
    color: #fff;
    box-shadow: 0 14px 30px rgba(61, 135, 144, .2);
  }

  .rw5-inner-page :where(.rw-btn.outline, .ai-button-secondary) {
    border-color: #cadfdc;
    border-radius: 14px;
    background: rgba(255, 255, 255, .88);
    color: #42777d;
  }

  .rw5-inner-page :where(.rw-link, .ai-text-link, .rw-breadcrumb a) { color: var(--rw5-teal); }
  .rw5-inner-page .rw-timeline article::before { color: var(--rw5-teal); }
  .rw5-inner-page .rw-stat-card strong { color: var(--rw5-teal); }

  .rw5-inner-page :where(.rw-pills .active, .ai-chat-topbar) {
    border-color: var(--rw5-teal);
    background: var(--rw5-teal);
    color: #fff;
  }

  .rw5-inner-page :where(.rw-form, .site-search) :where(input, textarea, select) {
    border-color: var(--rw5-line);
    border-radius: 11px;
    background: #fffefb;
    color: var(--rw5-text);
  }

  .rw5-inner-page :where(.rw-form, .site-search) :where(input, textarea, select):focus {
    border-color: #82b9bd;
    box-shadow: 0 0 0 3px rgba(101, 169, 177, .12);
  }

  .rw5-inner-page .rw-cta-box,
  .rw5-inner-page .ai-cta {
    min-height: 220px;
    border: 1px solid var(--rw5-line);
    border-radius: 28px;
    color: var(--rw5-text);
    background:
      radial-gradient(circle at 82% 18%, rgba(220, 239, 242, .9), transparent 30%),
      linear-gradient(135deg, #f3ecdf, #fffdf8);
    box-shadow: var(--rw5-shadow);
  }

  .rw5-inner-page .rw-cta-box p,
  .rw5-inner-page .ai-cta p { color: var(--rw5-muted); }

  .rw5-inner-page :where(.search-results a, .rw-faq details) {
    border: 1px solid var(--rw5-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(95, 106, 109, .06);
  }

  @media (max-width: 720px) {
    .rw5-inner-page :where(.reference-page .shell, .section > .shell, .inner-hero > .shell,
      .ai-hero > .shell, .ai-detail-hero > .shell, .ai-cta-section > .shell) {
      width: min(100% - 24px, 1220px);
    }
    .rw5-inner-page :where(.rw-hero, .inner-hero, .ai-hero, .ai-detail-hero) {
      min-height: 300px;
      padding-block: 52px 60px;
    }
    .rw5-inner-page :where(.rw-title, .inner-hero h1, .ai-hero h1, .ai-detail-hero h1) {
      font-size: 34px;
    }
    .rw5-inner-page :where(.rw-section, .section) { padding-block: 62px; }
    .rw5-inner-page :where(.rw-hero, .inner-hero, .ai-hero, .ai-detail-hero)::after {
      font-size: 16px;
      opacity: .72;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rw5-inner-page * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
  }