/* Meta Reva CSS bundle - generated 2026-09-15 */

/* ===== metareva-layout-rail-v131.css ===== */
/*
 * V131 — One visual rail for every public page.
 *
 * The page shell, cards, visuals and grids use the same 1320px outer rail.
 * Text-only blocks may opt into the readable 800px measure inside that rail;
 * this avoids both the former narrow page shells and uncomfortably long lines.
 */
:root{
  --mr-site-rail:1320px;
  --mr-site-gutter:24px;
  --mr-site-gutter-mobile:18px;
  --mr-reading-measure:800px;
}

main#wrapper .container,
main#main-content .container,
.mr-geo-page .container,
.mr-legal-page>.container,
body:not(.mr-admin) main .container{
  width:100%!important;
  max-width:var(--mr-site-rail)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--mr-site-gutter)!important;
  padding-right:var(--mr-site-gutter)!important;
  box-sizing:border-box!important;
}

/* Resource guides: their cards, proof panels, media and related links now
   occupy the site rail. Paragraphs remain comfortable to read. */
main#main-content .mr-resource-container,
main .mr-resource-container{
  max-width:var(--mr-site-rail)!important;
}
.mr-resource-container>.d-flex[aria-label],
.mr-resource-container>.row,
.mr-resource-container>section,
.mr-resource-container>.mr-related-links{
  width:100%;
  max-width:100%;
}
.mr-resource-container .pricing-item>p,
.mr-resource-container .pricing-item .text-secondary,
.mr-resource-container .mr-resource-evidence-copy>p,
.mr-resource-container .mr-resource-evidence-technical p{
  max-width:var(--mr-reading-measure);
}

/* Ordinary CMS pages were hard-limited to 800px. The page owns a full rail;
   only its uninterrupted article copy stays at the reading measure. */

/* Legal pages share the visual outer rail. Their intentionally long-form
   text remains an 800px column, so privacy/terms pages stay readable. */
.mr-legal-container.container,
.mr-legal-page>.container.mr-legal-container{
  max-width:var(--mr-site-rail)!important;
}
.mr-legal-container>.heading-section,
.mr-legal-container>.mr-legal-body{
  width:100%;
  max-width:var(--mr-reading-measure)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Do not turn intentional text components into full-width typography. */
.heading-section .heading-title,
.section-hero .content-wrap>.text,
.mr-editorial-hero__lead,
.mr-geo-definition-card>p,
.mr-geo-faq-list{max-width:inherit;}

@media(max-width:767px){
  main#wrapper .container,
  main#main-content .container,
  .mr-geo-page .container,
  .mr-legal-page>.container,
  body:not(.mr-admin) main .container{
    padding-left:var(--mr-site-gutter-mobile)!important;
    padding-right:var(--mr-site-gutter-mobile)!important;
  }
}


/* ===== metareva-related-links.css ===== */
.mr-related-links{padding:clamp(72px,8vw,112px) 0;background:#f5f4ef;border-top:1px solid rgba(11,14,13,.08);border-bottom:1px solid rgba(11,14,13,.08)}
.mr-related-links__head{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);align-items:end;gap:32px;margin-bottom:clamp(34px,5vw,58px)}
.mr-related-links__head>span{font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#02774e}
.mr-related-links__head h2{max-width:820px;margin:0;font-size:clamp(36px,4.5vw,64px);line-height:1;letter-spacing:-.045em;color:#18181b}
.mr-related-links__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(11,14,13,.14);border-left:1px solid rgba(11,14,13,.14)}
.mr-related-links__card{position:relative;min-height:300px;padding:30px 27px 64px;color:#18181b;background:rgba(255,255,255,.38);border-right:1px solid rgba(11,14,13,.14);border-bottom:1px solid rgba(11,14,13,.14);transition:background .3s ease,color .3s ease,transform .3s ease}
.mr-related-links__card>span{display:block;margin-bottom:38px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#02774e}
.mr-related-links__card h3{margin:0 0 16px;font-size:clamp(22px,2vw,29px);line-height:1.05;letter-spacing:-.025em;color:inherit}
.mr-related-links__card p{margin:0;font-size:15px;line-height:1.55;color:#626865}
.mr-related-links__card b{position:absolute;right:26px;bottom:25px;font-size:25px;line-height:1;font-weight:500;color:#02774e;transition:transform .3s ease,color .3s ease}
.mr-related-links__card:hover,.mr-related-links__card:focus-visible{background:#0b0f0d;color:#fff;transform:translateY(-4px);outline:none}
.mr-related-links__card:hover p,.mr-related-links__card:focus-visible p{color:#c7cec9}.mr-related-links__card:hover b,.mr-related-links__card:focus-visible b{color:#9fe3c8;transform:translateX(5px)}
@media(max-width:1100px){.mr-related-links__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-related-links__card{min-height:255px}}
@media(max-width:767px){.mr-related-links{padding:68px 0}.mr-related-links__head{grid-template-columns:1fr;gap:17px}.mr-related-links__head h2{font-size:clamp(36px,11vw,49px)}.mr-related-links__grid{grid-template-columns:1fr}.mr-related-links__card{min-height:0;padding:25px 23px 62px}.mr-related-links__card>span{margin-bottom:25px}.mr-related-links__card h3{font-size:27px}}


/* ===== metareva-resource-evidence-v104.css ===== */
/* Resource guides: actual product-screen evidence + clearly labelled sample flow. */
.mr-resource-evidence{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px;align-items:stretch;margin-top:68px!important;padding:30px;border:1px solid #dfe7e1;border-radius:24px;background:linear-gradient(135deg,#f6faf7 0%,#fff 57%,#f3f9f5 100%);box-shadow:0 20px 52px rgba(20,48,31,.08)}
.mr-resource-evidence-copy{padding:6px 4px}.mr-resource-evidence-kicker{display:inline-flex;margin-bottom:12px;color:#08744e;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mr-resource-evidence h2{margin:0 0 12px;color:#15251b;font-size:clamp(24px,2.4vw,34px);line-height:1.08;letter-spacing:-.035em}.mr-resource-evidence p{margin:0;color:#607167;font-size:15px;line-height:1.65}.mr-resource-evidence-note{margin-top:18px!important;padding-top:15px;border-top:1px solid #dfe7e1;color:#7b8981!important;font-size:12px!important;line-height:1.5!important}
.mr-resource-evidence-screen{position:relative;z-index:1;align-self:center;overflow:hidden;margin:4px 0 0;border:1px solid #d9e4dc;border-radius:17px;background:#edf2ee;box-shadow:0 20px 42px rgba(17,45,29,.13)}.mr-resource-evidence-screen img{display:block;width:100%;height:auto;aspect-ratio:1.78;object-fit:cover;object-position:center top}.mr-resource-evidence-screen figcaption{padding:10px 13px;color:#66756d;background:#fff;font-size:12px;font-weight:700}
.mr-resource-evidence-chat{grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1fr);overflow:hidden;border:1px solid #d9e4dc;border-radius:15px;background:#eef5ef}.mr-resource-chat-head{display:flex;align-items:center;gap:9px;padding:16px;color:#fff;background:#075d42}.mr-resource-chat-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:#08744e;background:#e9f9ef;font-size:12px;font-weight:900}.mr-resource-chat-head strong,.mr-resource-chat-head small{display:block;color:#fff}.mr-resource-chat-head strong{font-size:13px}.mr-resource-chat-head small{margin-top:2px;opacity:.72;font-size:12px}.mr-resource-chat-body{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:14px;background-color:#edf5ef;background-image:radial-gradient(rgba(22,69,41,.11) .7px,transparent .7px);background-size:10px 10px}.mr-resource-chat-label{width:100%;color:#64786b;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mr-resource-bubble{max-width:min(100%,360px);padding:9px 11px;border-radius:10px;color:#31483a;background:#fff;box-shadow:0 1px 1px rgba(5,42,22,.08);font-size:12px;line-height:1.45}.mr-resource-bubble--in{margin-right:auto;border-top-left-radius:3px}.mr-resource-bubble--out{margin-left:auto;color:#16462e;background:#d7f1dd;border-top-right-radius:3px}
.mr-resource-evidence-technical{grid-column:1/-1;display:flex;gap:11px;align-items:flex-start;padding:14px 16px;border:1px solid #d8e6db;border-radius:14px;background:#fff}.mr-resource-evidence-technical>span{display:grid;flex:0 0 auto;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;background:#08744e;font-size:14px;font-weight:900}.mr-resource-evidence-technical strong{display:block;margin:0 0 3px;color:#18422c;font-size:13px}.mr-resource-evidence-technical p{color:#597064;font-size:12px;line-height:1.5}
@media(max-width:767px){.mr-resource-evidence{grid-template-columns:1fr;gap:19px;margin-top:56px!important;padding:20px;border-radius:19px}.mr-resource-evidence-screen{grid-row:2;margin-top:2px}.mr-resource-evidence-chat{grid-template-columns:1fr}.mr-resource-chat-head{padding:12px}.mr-resource-chat-body{display:block}.mr-resource-bubble{margin:9px 0!important;max-width:100%}.mr-resource-bubble--out{margin-left:auto!important}.mr-resource-evidence h2{font-size:27px}}


/* ===== metareva-case-study-v104.css ===== */


/* ===== metareva-runtime-v87.css ===== */
/* Meta Reva runtime refinements v87 — generated from v81 + v86 fixes. */
.mr-v81-scope{background:#f5f4ef;color:#111827}.mr-v81-lead{max-width:760px;margin:20px auto 0;font-size:18px;line-height:1.65}.mr-v81-layers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dcded8;border-radius:24px;overflow:hidden;background:#fff}.mr-v81-layer{position:relative;padding:34px;min-height:250px}.mr-v81-layer+.mr-v81-layer{border-left:1px solid #dcded8}.mr-v81-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e7f3ee;color:#02774e;font-size:24px}.mr-v81-number{position:absolute;right:28px;top:30px;color:#a0a49e;font-size:13px;letter-spacing:.12em}.mr-v81-layer h3{font-size:23px;margin:36px 0 12px}.mr-v81-layer p{margin:0;color:#626862;line-height:1.65}.mr-v81-solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.mr-v81-solution{display:grid;grid-template-columns:minmax(190px,42%) 1fr;min-height:270px;background:#fff;border:1px solid #dcded8;border-radius:24px;overflow:hidden;color:inherit;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.mr-v81-solution:hover{transform:translateY(-4px);border-color:#9fc8b7;box-shadow:0 20px 50px rgba(16,44,33,.09)}.mr-v81-media{overflow:hidden;background:#e9ebe7}.mr-v81-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.mr-v81-solution:hover img{transform:scale(1.035)}.mr-v81-solution-copy{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:28px}.mr-v81-solution-copy>i{position:absolute;top:28px;left:28px;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7f3ee;color:#02774e;font-size:20px}.mr-v81-solution-copy strong{font-size:22px;line-height:1.25}.mr-v81-solution-copy small{color:#626862;font-size:15px;line-height:1.55;margin-top:10px}.mr-v81-solution-copy b{position:absolute;right:24px;top:30px;color:#02774e}.mr-v81-industries{margin-top:96px}.mr-v81-industries-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:36px}.mr-v81-industries-head span{color:#02774e;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.mr-v81-industries-head h2{font-size:clamp(34px,4vw,56px);line-height:1.04;margin:14px 0 0}.mr-v81-industries-head p{color:#626862;font-size:17px;line-height:1.65;margin:0}.mr-v81-industry-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #cfd3cd}.mr-v81-industry{display:grid;grid-template-columns:44px 1fr 28px;gap:18px;align-items:center;padding:24px 8px;border-bottom:1px solid #cfd3cd;color:inherit}.mr-v81-industry:nth-child(odd){padding-right:28px}.mr-v81-industry:nth-child(even){padding-left:28px;border-left:1px solid #cfd3cd}.mr-v81-industry>span{color:#92978f;font-size:12px}.mr-v81-industry strong{display:block;font-size:18px}.mr-v81-industry small{display:block;color:#6b706a;line-height:1.5;margin-top:5px}.mr-v81-industry>b{color:#02774e;transition:transform .25s ease}.mr-v81-industry:hover>b{transform:translateX(5px)}.mr-v81-visual{padding-top:0}.mr-v81-visual-card{display:grid;grid-template-columns:42% 1fr;align-items:stretch;border:1px solid #dcded8;border-radius:26px;overflow:hidden;background:#f5f4ef}.mr-v81-visual-media{min-height:390px}.mr-v81-visual-media img{width:100%;height:100%;object-fit:cover}.mr-v81-visual-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,76px)}.mr-v81-visual-copy span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#02774e;font-weight:700}.mr-v81-visual-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:18px 0}.mr-v81-visual-copy p{font-size:17px;line-height:1.7;color:#626862;margin:0}@media(max-width:991px){.mr-v81-layers{grid-template-columns:1fr}.mr-v81-layer+.mr-v81-layer{border-left:0;border-top:1px solid #dcded8}.mr-v81-solution-grid{grid-template-columns:1fr}.mr-v81-visual-card{grid-template-columns:1fr}.mr-v81-visual-media{min-height:320px}}@media(max-width:767px){.mr-v81-scope{padding-top:72px;padding-bottom:72px}.mr-v81-layer{min-height:0;padding:26px}.mr-v81-solution{grid-template-columns:1fr;min-height:0}.mr-v81-media{aspect-ratio:16/9}.mr-v81-solution-copy{min-height:220px;padding:24px}.mr-v81-industries{margin-top:72px}.mr-v81-industries-head{grid-template-columns:1fr;gap:20px}.mr-v81-industry-grid{grid-template-columns:1fr}.mr-v81-industry,.mr-v81-industry:nth-child(odd),.mr-v81-industry:nth-child(even){padding:20px 4px;border-left:0}.mr-v81-visual-media{min-height:240px}.mr-v81-visual-copy{padding:30px 24px}}
.mr-platform-features{background:#f5f4ef}.mr-platform-features-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:64px;align-items:end;margin-bottom:44px}.mr-platform-features-head span{display:block;color:#02774e;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:750;margin-bottom:14px}.mr-platform-features-head h2{font-size:clamp(36px,4.6vw,60px);line-height:1.04;letter-spacing:-.045em;margin:0}.mr-platform-features-head p{font-size:17px;line-height:1.7;color:#626862;margin:0}.mr-platform-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cfd3cd;border-left:1px solid #cfd3cd}.mr-platform-feature-card{display:flex;flex-direction:column;min-height:330px;padding:30px;border-right:1px solid #cfd3cd;border-bottom:1px solid #cfd3cd;background:rgba(255,255,255,.48);transition:background .25s ease,transform .25s ease}.mr-platform-feature-card:hover{background:#fff;transform:translateY(-2px)}.mr-platform-feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.mr-platform-feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e4f1eb;color:#02774e;font-size:21px}.mr-platform-feature-num{color:#969b95;font-size:12px;letter-spacing:.12em}.mr-platform-feature-card h3{font-size:21px;line-height:1.25;font-weight:650;letter-spacing:-.025em;margin:0 0 12px}.mr-platform-feature-card p{color:#626862;line-height:1.62;margin:0 0 24px}.mr-platform-feature-card a{margin-top:auto;color:#02774e;font-size:14px;font-weight:700}@media(max-width:991px){.mr-platform-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-platform-features-head{grid-template-columns:1fr;gap:20px}}@media(max-width:767px){.mr-platform-feature-grid{grid-template-columns:1fr}.mr-platform-feature-card{min-height:0;padding:26px}.mr-platform-feature-top{margin-bottom:30px}}

.mr-v81-layers {
  margin-bottom: 64px !important;
}

.mr-v81-icon > i,
.mr-v81-solution-copy > i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.mr-v81-icon > i::before,
.mr-v81-solution-copy > i::before {
  display: block !important;
  width: 1em !important;
  height: 1em !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

@media (max-width: 767px) {
  .mr-v81-layers {
    margin-bottom: 40px !important;
  }
}

/* Modern, compact cookie consent surface. */
.mr-cookie-banner {
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  width: auto !important;
  max-width: 1040px !important;
  padding: 22px 24px !important;
  display: none !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.82) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.2) !important;
  backdrop-filter: blur(24px) saturate(1.2) !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.14), 0 2px 10px rgba(15, 23, 42, 0.05) !important;
}

.mr-cookie-banner.is-open {
  display: grid !important;
}

.mr-cookie-banner .mr-cookie-text {
  min-width: 0 !important;
  max-width: 660px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #52525b !important;
}

.mr-cookie-banner .mr-cookie-text strong {
  display: block !important;
  margin: 0 0 6px !important;
  color: #18181b !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
}

.mr-cookie-banner .mr-cookie-text p {
  margin: 0 !important;
  color: #52525b !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.mr-cookie-banner .mr-cookie-links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 18px !important;
  margin-top: 9px !important;
}

.mr-cookie-banner .mr-cookie-link {
  color: #3f3f46 !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  text-decoration: underline !important;
  text-decoration-color: #d4d4d8 !important;
  text-underline-offset: 3px !important;
}

.mr-cookie-banner .mr-cookie-link:hover {
  color: var(--brand, #02774e) !important;
  text-decoration-color: currentColor !important;
}

.mr-cookie-banner .mr-cookie-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.mr-cookie-banner .mr-cookie-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 19px !important;
  border: 1px solid #18181b !important;
  border-radius: 999px !important;
  background: #18181b !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease !important;
}

.mr-cookie-banner .mr-cookie-btn:hover {
  transform: translateY(-1px) !important;
  border-color: var(--brand, #02774e) !important;
  background: var(--brand, #02774e) !important;
}

.mr-cookie-banner .mr-cookie-btn.is-secondary {
  border-color: #d4d4d8 !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #27272a !important;
}

.mr-cookie-banner .mr-cookie-btn.is-secondary:hover {
  border-color: #a1a1aa !important;
  background: #f4f4f5 !important;
  color: #18181b !important;
}

.mr-cookie-banner .mr-cookie-btn:focus-visible,
.mr-cookie-banner .mr-cookie-link:focus-visible {
  outline: 3px solid rgba(2, 119, 78, 0.24) !important;
  outline-offset: 3px !important;
}

@media (max-width: 800px) {
  .mr-cookie-banner {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 20px !important;
  }

  .mr-cookie-banner .mr-cookie-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .mr-cookie-banner .mr-cookie-btn {
    flex: 1 1 0 !important;
  }
}

@media (max-width: 575px) {
  .mr-cookie-banner,
  .mr-cookie-banner.is-open {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(var(--mr-sticky-h, 0px) + 10px) !important;
    padding: 18px !important;
    border-radius: 20px !important;
  }

  .mr-cookie-banner .mr-cookie-actions {
    flex-direction: column-reverse !important;
  }

  .mr-cookie-banner .mr-cookie-btn {
    width: 100% !important;
    min-height: 48px !important;
  }
}

/* Fail-safe visibility */
.effectFade, .effectFade.fadeUp, .effectFade.fadeDown, .effectFade.fadeLeft, .effectFade.fadeRight, .effectFade.fadeRotateX, .effectFade.fadeZoom, .mr-panel-hero-shot, .pricing-item { opacity: 1 !important; visibility: visible !important; }


/* ===== metareva-menu-icons-v95.css ===== */
/* Meta Reva V92.2 — modern glass mega dropdown + icon/card interactions. */

/* Default single-column dropdown (1 to 4 items) */
#mr-submenu-portal .sub-menu.mr-glass-sub {
  display: flex !important;
  flex-direction: column;
  gap: 3px;
  width: min(340px, calc(100vw - 24px));
  min-width: min(340px, calc(100vw - 24px));
  max-width: min(340px, calc(100vw - 24px));
  max-height: min(78vh, 640px);
  padding: 12px !important;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid rgba(24, 24, 27, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.14), 0 4px 12px rgba(15, 23, 42, 0.06);
  scrollbar-width: thin;
  scrollbar-color: rgba(2, 119, 78, 0.28) transparent;
}

/* 2-Column Mega Menu for menus with 5+ items (Çözümler, Sektörler, Özellikler) */
#mr-submenu-portal .sub-menu.mr-glass-sub.is-wide,
#mr-submenu-portal .sub-menu.mr-glass-sub.is-mega,
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="5"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="6"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="7"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="8"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="9"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="10"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="11"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="12"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="13"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="14"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="15"],
#mr-submenu-portal .sub-menu.mr-glass-sub[data-menu-count="16"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 6px 12px !important;
  width: min(660px, calc(100vw - 24px)) !important;
  min-width: min(660px, calc(100vw - 24px)) !important;
  max-width: min(720px, calc(100vw - 24px)) !important;
  max-height: min(80vh, 640px);
  padding: 14px 16px !important;
}

#mr-submenu-portal .sub-menu.mr-glass-sub .sub-menu-item {
  min-width: 0;
  margin: 0 !important;
}

#mr-submenu-portal .sub-menu.mr-glass-sub .sub-menu-item + .sub-menu-item {
  margin-top: 0;
}

#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 58px;
  padding: 8px 10px !important;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #303633 !important;
  -webkit-text-fill-color: #303633 !important;
  background: transparent;
  text-align: left;
  text-shadow: none;
  transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* The prototype's card hover replaces the old underline animation. */
#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card::before {
  display: none !important;
}

#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card:hover,
#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card:focus-visible {
  border-color: rgba(2, 119, 78, 0.16);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #07583c;
  box-shadow: 0 8px 22px rgba(2, 119, 78, 0.14);
  outline: none;
  transform: translateX(2px);
}

#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card.active {
  border-color: rgba(2, 119, 78, 0.20);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(120deg, #02774e 0%, #0b8f64 100%);
  box-shadow: 0 9px 24px rgba(2, 119, 78, 0.17);
  outline: none;
  transform: translateX(2px);
}

#mr-submenu-portal .mr-menu-card-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 1px solid rgba(2, 119, 78, 0.16);
  border-radius: 10px;
  color: #02774e;
  -webkit-text-fill-color: #02774e;
  background: rgba(2, 119, 78, 0.055);
  transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

#mr-submenu-portal .mr-menu-card-icon svg {
  width: 18px;
  height: 18px;
}

#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card:hover .mr-menu-card-icon,
#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card:focus-visible .mr-menu-card-icon,
#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card.active .mr-menu-card-icon {
  border-color: rgba(255, 255, 255, 0.28);
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  background: rgba(255, 255, 255, 0.10);
  transform: rotate(-3deg) scale(1.04);
}

#mr-submenu-portal .mr-menu-card-copy {
  display: block;
  min-width: 0;
}

#mr-submenu-portal .mr-menu-card-copy strong {
  display: block;
  overflow: hidden;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#mr-submenu-portal .mr-menu-card-copy small {
  display: block !important;
  margin-top: 5px;
  overflow: hidden;
  color: #747c78 !important;
  -webkit-text-fill-color: #747c78 !important;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card:hover .mr-menu-card-copy small,
#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card:focus-visible .mr-menu-card-copy small,
#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card.active .mr-menu-card-copy small {
  color: #d6e7df !important;
  -webkit-text-fill-color: #d6e7df !important;
}

#mr-submenu-portal .mr-menu-card-arrow {
  display: block !important;
  color: #7e8a84;
  -webkit-text-fill-color: #7e8a84;
  font-size: 15px;
  line-height: 1;
  transition: color 0.22s ease, transform 0.22s ease;
}

#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card:hover .mr-menu-card-arrow,
#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card:focus-visible .mr-menu-card-arrow,
#mr-submenu-portal .sub-menu.mr-glass-sub .item-link.mr-menu-card.active .mr-menu-card-arrow {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  transform: translateX(3px);
}

/* Mobile keeps its existing compact accordion; icons remain but copy stays concise. */
.offcanvas-menu .sub-nav-menu {
  display: block;
  padding-top: 6px;
}

.offcanvas-menu .mr-mobile-menu-card {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 0;
  padding: 8px 0 !important;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
}

.offcanvas-menu .mr-mobile-menu-card .mr-menu-card-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(149, 227, 189, 0.18);
  border-radius: 8px;
  color: #95e3bd;
  background: rgba(255, 255, 255, 0.05);
}

.offcanvas-menu .mr-mobile-menu-card .mr-menu-card-icon svg {
  width: 16px;
  height: 16px;
}

.offcanvas-menu .mr-mobile-menu-card .mr-menu-card-copy strong {
  display: block;
  overflow: hidden;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.offcanvas-menu .mr-mobile-menu-card .mr-menu-card-copy small,
.offcanvas-menu .mr-mobile-menu-card .mr-menu-card-arrow {
  display: none !important;
}

.offcanvas-menu .mr-mobile-menu-card:hover,
.offcanvas-menu .mr-mobile-menu-card:focus-visible,
.offcanvas-menu .mr-mobile-menu-card.active {
  color: #95e3bd !important;
  background: transparent;
  outline: none;
  transform: none;
}

@media (max-width: 1199px) {
  #mr-submenu-portal {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mr-submenu-portal .mr-menu-card,
  .mr-mobile-menu-card,
  .mr-menu-card-icon,
  .mr-menu-card-arrow {
    transition-duration: 0.01ms !important;
  }
}

/* Mobile offcanvas: the brand must never be shortened by the close control.
   The header logo and this menu logo have different parents, so this needs a
   scoped rule rather than changing the desktop header sizing. */
@media (max-width: 1199px) {
  .offcanvas-menu .canvas_head {
    flex-wrap: nowrap !important;
    gap: 12px !important;
    min-width: 0 !important;
  }

  .offcanvas-menu .canvas_head > .logo-site {
    display: flex !important;
    flex: 1 1 0 !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .offcanvas-menu .canvas_head > .logo-site > img,
  .offcanvas-menu .canvas_head > .logo-site > svg {
    display: block !important;
    width: min(202px, 100%) !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: var(--logo-h, 33px) !important;
    object-fit: contain !important;
    flex: 0 1 auto !important;
  }

  .offcanvas-menu .canvas_head > .close-mb-menu {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}


/* ===== metareva-mobile-whatsapp-v100.css ===== */
.mr-wa-showcase{
  --mr-wa-paper:#f5f4ef;
  --mr-wa-ink:#101820;
  --mr-wa-muted:#59656b;
  --mr-wa-green:#02774e;
  --mr-wa-green-soft:#dff2e9;
  position:relative;
  min-height:960px;
  padding:clamp(88px,8vw,132px) 0;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 18%,rgba(2,119,78,.065),transparent 29%),
    radial-gradient(circle at 8% 84%,rgba(2,119,78,.04),transparent 31%),
    var(--mr-wa-paper);
  border-top:1px solid rgba(16,24,32,.07);
  border-bottom:1px solid rgba(16,24,32,.07)
}
.mr-wa-showcase:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background-image:linear-gradient(rgba(16,24,32,.021) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,32,.021) 1px,transparent 1px);
  background-size:80px 80px;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.2),transparent 45%,rgba(0,0,0,.14));
  mask-image:linear-gradient(90deg,rgba(0,0,0,.2),transparent 45%,rgba(0,0,0,.14))
}
.mr-wa-showcase__grid{
  min-height:760px;
  display:grid;
  grid-template-columns:minmax(500px,1fr) minmax(540px,.95fr);
  gap:clamp(34px,4.5vw,72px);
  align-items:center
}
.mr-wa-showcase__copy{position:relative;z-index:4;max-width:620px}
.mr-wa-showcase__eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:29px;
  color:#17231f;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.105em;
  text-transform:uppercase
}
.mr-wa-showcase__eyebrow i{
  width:10px;
  height:10px;
  flex:0 0 auto;
  border:2px solid #75d2b0;
  border-radius:50%;
  background:#14a778;
  box-shadow:0 0 0 4px rgba(2,119,78,.06);
  animation:mr-wa-pulse 2.8s ease-out infinite
}
@keyframes mr-wa-pulse{70%{box-shadow:0 0 0 11px rgba(2,119,78,0)}100%{box-shadow:0 0 0 4px rgba(2,119,78,.06)}}
.mr-wa-showcase__title{
  margin:0;
  color:var(--mr-wa-ink);
  font-size:clamp(48px,4.45vw,72px);
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:650;
  text-wrap:balance
}
.mr-wa-showcase__title span{display:block}
.mr-wa-showcase__title .is-accent{color:#008b61}
.mr-wa-showcase__lead{
  max-width:620px;
  margin:36px 0 0;
  color:#49555a;
  font-size:clamp(17px,1.3vw,20px);
  line-height:1.58;
  text-wrap:pretty
}
.mr-wa-showcase__proofs{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:25px 0 0;
  padding:0;
  color:#26343a;
  font-size:14px;
  line-height:1.35;
  font-weight:650;
  list-style:none
}
.mr-wa-showcase__proofs li{display:inline-flex;align-items:center;gap:8px}
.mr-wa-showcase__proofs svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:var(--mr-wa-green);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mr-wa-showcase__actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
.mr-wa-showcase__button{
  min-height:52px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  border:1px solid #181a1b;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  color:#151719!important;
  font-size:14px;
  line-height:1;
  font-weight:750;
  text-decoration:none!important;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease
}
.mr-wa-showcase__button:hover{transform:translateY(-2px);background:#fff;color:#151719!important}
.mr-wa-showcase__button.is-primary{background:#141617;color:#fff!important;border-color:#141617}
.mr-wa-showcase__button.is-primary:hover{background:var(--mr-wa-green);border-color:var(--mr-wa-green);color:#fff!important}
.mr-wa-showcase__scene{
  position:relative;
  z-index:3;
  width:620px;
  min-height:760px;
  display:grid;
  place-items:center;
  justify-self:center;
  margin:0 auto;
}
.mr-wa-showcase__orbits{
  position:absolute;
  z-index:1;
  width:720px;
  height:720px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
}
.mr-wa-showcase__orbit{
  --orbit-size:720px;
  --orbit-speed:30s;
  position:absolute;
  left:50%;
  top:50%;
  width:var(--orbit-size);
  height:var(--orbit-size);
  margin:calc(var(--orbit-size)/-2) 0 0 calc(var(--orbit-size)/-2);
  border:1px solid rgba(2,119,78,.20);
  border-radius:50%;
  animation:mr-wa-orbit var(--orbit-speed) linear infinite;
  will-change:transform;
}
.mr-wa-showcase__orbit.is-middle{--orbit-size:610px;--orbit-speed:23s;border-color:rgba(2,119,78,.17);animation-direction:reverse}
.mr-wa-showcase__orbit.is-dashed{--orbit-size:510px;--orbit-speed:27s;border-style:dashed;border-color:rgba(2,119,78,.19)}
.mr-wa-showcase__orbit.is-inner{--orbit-size:420px;--orbit-speed:19s;border-color:rgba(2,119,78,.14);animation-direction:reverse}
.mr-wa-showcase__orbit i{
  position:absolute;
  width:11px;
  height:11px;
  left:-6px;
  top:50%;
  margin-top:-6px;
  border:3px solid var(--mr-wa-paper);
  border-radius:50%;
  background:var(--mr-wa-green);
  box-shadow:0 0 0 4px rgba(2,119,78,.06)
}
.mr-wa-showcase__orbit.is-middle i,.mr-wa-showcase__orbit.is-inner i{left:auto;right:-6px}
@keyframes mr-wa-orbit{to{transform:rotate(360deg)}}
.mr-wa-showcase__device{
  position:relative;
  z-index:4;
  width:365px;
  max-width:100%;
  height:700px;
  margin:0 auto;
  overflow:visible;
  -webkit-font-smoothing:antialiased;
  
  text-rendering:optimizeLegibility;
}
.mr-wa-showcase__device iframe{
  width:365px;
  height:700px;
  max-width:100%;
  display:block;
  border:0;
  background:transparent;
  color-scheme:light;
  transform:none;
}
.mr-wa-showcase__micro{
  position:absolute;
  z-index:6;
  color:rgba(16,24,32,.55);
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  pointer-events:none;
  white-space:nowrap;
}
.mr-wa-showcase__micro.is-1{top:18%;right:-35px;transform:rotate(90deg);transform-origin:center}
.mr-wa-showcase__micro.is-2{bottom:18%;left:-35px;transform:rotate(-90deg);transform-origin:center}
.mr-wa-showcase__chip{
  position:absolute;
  z-index:7;
  max-width:240px;
  padding:12px 18px;
  border:1px solid rgba(2,119,78,.18);
  border-radius:15px;
  background:rgba(255,255,255,.94);
  box-shadow:0 13px 36px rgba(10,13,12,.12);
  backdrop-filter:blur(12px);
  color:#143d30;
  font-size:12.5px;
  line-height:1.25;
  font-weight:800;
  animation:mr-wa-chip-float 4s ease-in-out infinite;
  white-space:nowrap;
}
.mr-wa-showcase__chip.is-1{left:-50px;top:22%}
.mr-wa-showcase__chip.is-2{right:-50px;top:48%;animation-delay:-1.25s}
.mr-wa-showcase__chip.is-3{left:-40px;bottom:18%;animation-delay:-2.15s}
@keyframes mr-wa-chip-float{50%{transform:translateY(-10px)}}
.mr-wa-showcase__scroll{
  position:absolute;
  left:50%;
  bottom:25px;
  z-index:6;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  color:#4d5551!important;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  text-decoration:none!important
}
.mr-wa-showcase__scroll span{animation:mr-wa-scroll 1.7s ease-in-out infinite}
@keyframes mr-wa-scroll{50%{transform:translateY(5px)}}
@media(max-width:1199px){
  .mr-wa-showcase{min-height:auto;padding:90px 0}
  .mr-wa-showcase__grid{grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);gap:28px}
  .mr-wa-showcase__scene{width:570px}
}
@media(max-width:991px){
  .mr-wa-showcase{padding:84px 0 48px}
  .mr-wa-showcase__grid{grid-template-columns:minmax(0,1fr);gap:38px;min-height:0}
  .mr-wa-showcase__copy{max-width:680px;margin:0 auto;text-align:center}
  .mr-wa-showcase__eyebrow,.mr-wa-showcase__proofs,.mr-wa-showcase__actions{justify-content:center}
  .mr-wa-showcase__lead{margin-left:auto;margin-right:auto}
  .mr-wa-showcase__scene{justify-self:center;width:100%;max-width:650px;transform:none}
  .mr-wa-showcase__scroll{display:none}
}
@media(max-width:767px){
  .mr-wa-showcase{padding:70px 0 0;overflow:hidden}
  .mr-wa-showcase__grid{width:100%;max-width:none;padding:0}
  .mr-wa-showcase__copy{padding:0 22px}
  .mr-wa-showcase__title{font-size:clamp(40px,11.4vw,56px);line-height:.99;letter-spacing:-.048em;overflow-wrap:anywhere}
  .mr-wa-showcase__lead{margin-top:25px;font-size:16.5px;line-height:1.55}
  .mr-wa-showcase__proofs{display:grid;justify-content:start;width:min(350px,100%);margin:23px auto 0;text-align:left}
  .mr-wa-showcase__actions{display:grid;grid-template-columns:1fr;width:min(350px,100%);margin:27px auto 0}
  .mr-wa-showcase__button{width:100%}
  .mr-wa-showcase__scene{width:100%;min-height:800px;left:auto;transform:none}
  .mr-wa-showcase__device{width:min(440px,100%);height:800px;margin:0 auto;}
  .mr-wa-showcase__device iframe{position:relative;left:auto;width:100%;height:800px;transform:none;}
  .mr-wa-showcase__orbits{width:560px;height:560px;transform:translate(-50%,-50%) scale(.84)}
  .mr-wa-showcase__chip{display:none}
  .mr-wa-showcase__micro{display:none}
}
@media(max-width:430px){
  .mr-wa-showcase__scene{min-height:800px}
  .mr-wa-showcase__device{height:800px}
}
@media(prefers-reduced-motion:reduce){
  .mr-wa-showcase__eyebrow i,.mr-wa-showcase__chip,.mr-wa-showcase__scroll span{animation:none}
  .mr-wa-showcase__orbit{animation-duration:60s}
}




/* ===== metareva-editorial-sections.css ===== */
:root{--mr-editorial-ink:#0b0e0d;--mr-editorial-paper:#f5f4ef;--mr-editorial-line:rgba(11,14,13,.14);--mr-editorial-muted:#626865;--mr-editorial-green:#02774e;--mr-editorial-accent:#9fe3c8;--mr-editorial-ease:cubic-bezier(.22,1,.36,1)}
body.page-about main#wrapper,body.page-about #wrapper{overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important}
.mr-editorial-kicker{display:block;margin-bottom:18px;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mr-editorial-green)}
.mr-editorial-statement{position:relative;overflow:hidden;background:var(--mr-editorial-green);color:#fff;padding:clamp(90px,11vw,170px) 0}
.mr-editorial-statement:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-180px;top:-270px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.mr-editorial-statement .container{position:relative;z-index:1}
.mr-editorial-statement h2,.mr-editorial-statement p{max-width:1140px;margin:0;font-size:clamp(42px,6.3vw,94px);line-height:.94;letter-spacing:-.055em;font-weight:750}
.mr-editorial-statement h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
.mr-editorial-statement p{color:var(--mr-editorial-accent)!important;-webkit-text-fill-color:var(--mr-editorial-accent)!important;margin-top:.04em}
.mr-editorial-statement [data-mr-word-reveal].is-enhanced .mr-editorial-word{display:inline-block;opacity:.17;transform:translateY(18px);transition:opacity .65s var(--mr-editorial-ease),transform .65s var(--mr-editorial-ease)}
.mr-editorial-statement [data-mr-word-reveal].is-enhanced .mr-editorial-word.is-visible{opacity:1;transform:none}

html.mr-editorial-motion [data-mr-reveal]{opacity:0;transform:translateY(44px);transition:opacity .9s var(--mr-editorial-ease),transform .9s var(--mr-editorial-ease);transition-delay:var(--mr-reveal-delay,0ms);will-change:opacity,transform}
html.mr-editorial-motion [data-mr-reveal].is-in-view{opacity:1;transform:none;will-change:auto}

.mr-editorial-hero{position:relative;min-height:100svh;padding:clamp(138px,12vw,180px) 0 82px;background:var(--mr-editorial-paper);color:var(--mr-editorial-ink);display:flex;align-items:center;overflow:hidden}
.mr-editorial-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(42px,6vw,92px);align-items:center}
.mr-editorial-hero__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mr-editorial-hero__eyebrow i{width:8px;height:8px;border-radius:50%;background:#13a873;box-shadow:0 0 0 0 rgba(19,168,115,.45);animation:mr-editorial-pulse 2s infinite}
@keyframes mr-editorial-pulse{70%{box-shadow:0 0 0 12px rgba(19,168,115,0)}}
.mr-editorial-hero h1{max-width:820px;margin:0;font-size:clamp(66px,7.4vw,118px);line-height:.84;letter-spacing:-.072em;font-weight:760;color:var(--mr-editorial-ink)}
.mr-editorial-hero__line{display:block;overflow:hidden}.mr-editorial-hero__line>span{display:block;transform:translateY(112%);transition:transform 1s var(--mr-editorial-ease)}.mr-editorial-hero.is-in-view .mr-editorial-hero__line>span{transform:none}.mr-editorial-hero__line:nth-child(2)>span{transition-delay:.08s}.mr-editorial-hero__line:nth-child(3)>span{transition-delay:.16s}.mr-editorial-hero__line.is-accent>span{color:var(--mr-editorial-green)}
.mr-editorial-hero__lead{max-width:620px;margin:34px 0 0;font-size:clamp(18px,1.45vw,23px);line-height:1.48;color:#353a37}
.mr-editorial-hero__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:31px}.mr-editorial-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid var(--mr-editorial-ink);border-radius:999px;font-size:13px;font-weight:800;color:var(--mr-editorial-ink);transition:transform .3s var(--mr-editorial-ease),background .3s,color .3s}.mr-editorial-hero__button.is-primary{background:var(--mr-editorial-ink);color:#fff}.mr-editorial-hero__button:hover{transform:translateY(-3px)}.mr-editorial-hero__button:not(.is-primary):hover{background:var(--mr-editorial-green);border-color:var(--mr-editorial-green);color:#fff}.mr-editorial-hero__button span{transition:transform .3s}.mr-editorial-hero__button:hover span{transform:translateX(4px)}
.mr-editorial-hero__scene{position:relative;height:min(68vh,690px);min-height:560px;display:grid;place-items:center}
.mr-editorial-hero__orbit{position:absolute;width:min(41vw,590px);aspect-ratio:1;border:1px solid rgba(2,119,78,.22);border-radius:50%;animation:mr-editorial-orbit 24s linear infinite}.mr-editorial-hero__orbit:before,.mr-editorial-hero__orbit:after{content:"";position:absolute;inset:13%;border:1px dashed rgba(2,119,78,.2);border-radius:50%}.mr-editorial-hero__orbit:after{inset:29%;border-style:solid}.mr-editorial-hero__orbit i{position:absolute;width:12px;height:12px;left:-6px;top:50%;border:3px solid var(--mr-editorial-paper);border-radius:50%;background:var(--mr-editorial-green)}.mr-editorial-hero__orbit.is-two{transform:rotate(65deg) scale(.82);animation-direction:reverse;animation-duration:18s}@keyframes mr-editorial-orbit{to{transform:rotate(360deg)}}
.mr-editorial-phone{position:relative;z-index:3;width:min(330px,78vw);height:610px;border:7px solid #111;border-radius:46px;background:#efeae2;box-shadow:0 35px 90px rgba(10,13,12,.24);overflow:hidden;transform:rotate(3deg);transition:transform .55s var(--mr-editorial-ease)}.mr-editorial-hero__scene:hover .mr-editorial-phone{transform:rotate(0) translateY(-8px)}
.mr-editorial-phone__head{height:82px;padding:25px 18px 12px;display:flex;align-items:center;gap:10px;background:#086c5c;color:#fff}.mr-editorial-phone__avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--mr-editorial-accent);color:#07543e;font-size:12px;font-weight:900}.mr-editorial-phone__head strong,.mr-editorial-phone__head small{display:block}.mr-editorial-phone__head strong{font-size:14px;line-height:1.1;color:#fff}.mr-editorial-phone__head small{margin-top:2px;font-size:12px;line-height:1.2;color:rgba(255,255,255,.85)}
.mr-editorial-phone__chat{height:calc(100% - 82px);padding:17px 13px;display:flex;flex-direction:column;gap:10px;background-color:#efeae2;background-image:radial-gradient(rgba(2,119,78,.075) 1px,transparent 1px);background-size:18px 18px}.mr-editorial-phone__bubble{max-width:84%;margin:0;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.38;box-shadow:0 1px 2px rgba(0,0,0,.08);opacity:0;transform:translateY(15px) scale(.96)}.mr-editorial-phone__bubble.is-customer{align-self:flex-start;border-top-left-radius:2px;background:#fff;color:#222}.mr-editorial-phone__bubble.is-assistant{align-self:flex-end;border-top-right-radius:2px;background:#cfeedd;color:#12382c}.mr-editorial-hero.is-in-view .mr-editorial-phone__bubble{animation:mr-editorial-bubble-in .52s var(--mr-editorial-ease) forwards}.mr-editorial-phone__bubble.is-order-0{animation-delay:.75s!important}.mr-editorial-phone__bubble.is-order-1{animation-delay:1.15s!important}.mr-editorial-phone__bubble.is-order-2{animation-delay:1.55s!important}.mr-editorial-phone__bubble.is-order-3{animation-delay:1.95s!important}.mr-editorial-phone__bubble.is-order-4{animation-delay:2.35s!important}@keyframes mr-editorial-bubble-in{to{opacity:1;transform:none}}
.mr-editorial-hero__chip{position:absolute;z-index:4;max-width:220px;padding:11px 15px;border:1px solid rgba(2,119,78,.18);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(10,13,12,.09);backdrop-filter:blur(12px);font-size:12px;line-height:1.25;font-weight:800;color:#143d30;animation:mr-editorial-float 4s ease-in-out infinite}.mr-editorial-hero__chip.is-1{left:-2%;top:24%}.mr-editorial-hero__chip.is-2{right:-4%;top:42%;animation-delay:-1.2s}.mr-editorial-hero__chip.is-3{left:2%;bottom:15%;animation-delay:-2.1s}@keyframes mr-editorial-float{50%{transform:translateY(-11px)}}
.mr-editorial-hero__scroll{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#4d5551}.mr-editorial-hero__scroll i{font-size:11px;animation:mr-editorial-scroll-down 1.8s ease-in-out infinite}@keyframes mr-editorial-scroll-down{50%{transform:translateY(5px)}}

.mr-editorial-context{background:var(--mr-editorial-paper)}
.mr-editorial-context__grid{display:grid;grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);gap:clamp(55px,8vw,130px);align-items:start}
.mr-editorial-context__side{position:sticky;top:125px}
.mr-editorial-context__side h2{max-width:440px;margin:0;font-size:clamp(52px,5.3vw,82px);line-height:.92;letter-spacing:-.06em;font-weight:750;color:var(--mr-editorial-ink)}
.mr-editorial-context__lead{margin:0 0 clamp(48px,6vw,86px);font-size:clamp(28px,3.3vw,49px);line-height:1.12;letter-spacing:-.04em;color:var(--mr-editorial-ink)}
.mr-editorial-context__stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mr-editorial-line)}
.mr-editorial-context__stats article{min-width:0;padding:28px 24px 12px;border-right:1px solid var(--mr-editorial-line)}
.mr-editorial-context__stats article:first-child{padding-left:0}.mr-editorial-context__stats article:last-child{border-right:0}
.mr-editorial-context__stats strong{display:block;margin-bottom:18px;font-size:clamp(43px,5vw,72px);line-height:1;letter-spacing:-.055em;color:var(--mr-editorial-ink)}
.mr-editorial-context__stats p{margin:0;max-width:210px;font-size:15px;line-height:1.45;color:var(--mr-editorial-muted)}

.mr-editorial-flow{position:relative;background:#0b0f0d;color:#fff;overflow:visible}
.mr-editorial-flow__head{max-width:880px;margin-bottom:clamp(65px,8vw,110px)}
.mr-editorial-flow__head h2{margin:0;font-size:clamp(48px,5.5vw,84px);line-height:.96;letter-spacing:-.055em;color:#fff}
.mr-editorial-flow__head p{max-width:650px;margin:24px 0 0;color:#9ca6a0;font-size:18px;line-height:1.55}
.mr-editorial-flow__layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:clamp(50px,7vw,105px);align-items:start}
.mr-editorial-flow__steps{padding-bottom:60px}
.mr-editorial-flow__step{display:grid;grid-template-columns:48px 1fr;gap:18px;min-height:210px;padding:30px 0;border-top:1px solid #303833;opacity:.34;transition:opacity .45s var(--mr-editorial-ease),transform .45s var(--mr-editorial-ease)}
.mr-editorial-flow__step:last-child{border-bottom:1px solid #303833}.mr-editorial-flow__step.is-active{opacity:1;transform:translateX(8px)}
.mr-editorial-flow__step>span{padding-top:7px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--mr-editorial-accent)}
.mr-editorial-flow__step h3{margin:0 0 15px;font-size:clamp(31px,3.1vw,48px);line-height:1;letter-spacing:-.04em;color:#fff}
.mr-editorial-flow__step p{max-width:460px;margin:0;color:#9ca6a0;font-size:16px;line-height:1.5}
.mr-editorial-flow__visual{position:sticky;top:105px;height:min(660px,calc(100vh - 130px));min-height:560px;border:1px solid #2c3530;border-radius:26px;background:radial-gradient(circle at 50% 42%,rgba(2,119,78,.23),transparent 48%),#101512;overflow:hidden}
.mr-editorial-flow__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
.mr-editorial-flow__visual>svg{position:absolute;inset:11% 9%;width:82%;height:78%;overflow:visible}.mr-editorial-flow__visual>svg path{fill:none;stroke:#34413a;stroke-width:1;vector-effect:non-scaling-stroke}
.mr-editorial-flow__visual>svg path{stroke-dasharray:1100;stroke-dashoffset:1100;transition:stroke-dashoffset 1.6s var(--mr-editorial-ease),stroke .6s}
.mr-editorial-flow.is-motion-ready .mr-editorial-flow__visual>svg path{stroke-dashoffset:0}
.mr-editorial-flow__packet{position:absolute;z-index:4;left:20%;top:50%;width:12px;height:12px;border-radius:50%;background:var(--mr-editorial-accent);box-shadow:0 0 22px rgba(159,227,200,.78);opacity:0;pointer-events:none}
.mr-editorial-flow__packet.is-running{animation:mr-editorial-packet 1.15s var(--mr-editorial-ease)}
@keyframes mr-editorial-packet{0%{opacity:0;transform:translate(0,0) scale(.6)}18%{opacity:1;transform:translate(0,0) scale(1)}50%{opacity:1;transform:translate(240px,-150px) scale(1)}100%{opacity:0;transform:translate(480px,0) scale(.7)}}
.mr-editorial-flow__node{position:absolute;width:168px;min-height:130px;padding:18px;border:1px solid #37433d;border-radius:19px;background:#171d1a;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;opacity:.27;filter:blur(1.7px);transform:scale(.9);transition:opacity .65s var(--mr-editorial-ease),filter .65s,transform .65s,border-color .65s,box-shadow .65s}
.mr-editorial-flow__node.is-active{opacity:1;filter:none;transform:scale(1);border-color:#2fbc87;box-shadow:0 18px 55px rgba(0,0,0,.32),0 0 0 1px rgba(47,188,135,.12)}
.mr-editorial-flow__node i{margin-bottom:10px;font-size:22px;color:var(--mr-editorial-accent)}.mr-editorial-flow__node strong{font-size:15px;line-height:1.12;color:#fff}.mr-editorial-flow__node small{display:-webkit-box;margin-top:5px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8f9993;font-size:12.5px;line-height:1.3}
.mr-editorial-flow__node--1{left:7%;top:42%}.mr-editorial-flow__node--2{left:50%;top:8%;transform:translateX(-50%) scale(.9)}.mr-editorial-flow__node--2.is-active{transform:translateX(-50%) scale(1)}.mr-editorial-flow__node--3{right:7%;top:42%}.mr-editorial-flow__node--4{left:50%;bottom:7%;transform:translateX(-50%) scale(.9)}.mr-editorial-flow__node--4.is-active{transform:translateX(-50%) scale(1)}
html.mr-editorial-motion .mr-editorial-flow__step[data-mr-reveal].is-in-view{opacity:.34}
html.mr-editorial-motion .mr-editorial-flow__step[data-mr-reveal].is-in-view.is-active{opacity:1;transform:translateX(8px)}

/* Prototype ile aynı: sahne sabit kalır, 360vh boyunca 01 → 04 ilerler. */
.mr-editorial-flow__sticky{height:360vh;position:relative}
.mr-editorial-flow__stage{position:sticky;top:0;height:100vh;min-height:680px;display:grid;align-items:center;overflow:hidden}
.mr-editorial-flow__stage.is-js-pinned{position:fixed!important;inset:0 0 auto 0!important;width:100%;height:100vh;z-index:5}
.mr-editorial-flow__stage.is-js-after{position:absolute!important;inset:auto 0 0 0!important;width:100%;height:100vh}
.mr-editorial-flow__stage .mr-editorial-flow__layout{align-items:center}
.mr-editorial-flow__copy{min-width:0}
.mr-editorial-flow__copy .mr-editorial-flow__steps{position:relative;height:275px;padding:0}
.mr-editorial-flow__copy .mr-editorial-flow__step{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:0;border:0;opacity:0;filter:blur(5px);transform:translateY(34px);pointer-events:none;transition:opacity .55s var(--mr-editorial-ease),transform .65s var(--mr-editorial-ease),filter .55s}
.mr-editorial-flow__copy .mr-editorial-flow__step.is-active{opacity:1;filter:none;transform:none;pointer-events:auto}
.mr-editorial-flow__copy .mr-editorial-flow__step h3{max-width:520px;margin:0 0 24px;font-size:clamp(48px,5vw,78px);line-height:.94;letter-spacing:-.055em}
.mr-editorial-flow__copy .mr-editorial-flow__step p{max-width:500px;font-size:18px;line-height:1.55}
.mr-editorial-flow__progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:450px;margin-top:32px}
.mr-editorial-flow__progress i{position:relative;height:3px;background:#303833;overflow:hidden}
.mr-editorial-flow__progress i:after{content:"";position:absolute;inset:0;background:var(--mr-editorial-accent);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--mr-editorial-ease)}
.mr-editorial-flow__progress i.is-active:after{transform:scaleX(1)}
.mr-editorial-flow__stage .mr-editorial-flow__visual{position:relative;top:auto;height:min(600px,72vh);min-height:560px}

/* Nasıl Çalışır sayfasında sitenin mevcut tipografi, kart ve renk dili. */
.mr-editorial-hero--architecture{min-height:auto;padding:clamp(82px,8vw,126px) 0;background:#f5f4ef;border-top:1px solid rgba(11,14,13,.08);border-bottom:1px solid rgba(11,14,13,.08)}
.mr-editorial-hero--architecture .mr-editorial-hero__grid{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(42px,6vw,86px)}
.mr-editorial-hero--architecture h2{max-width:720px;margin:0;font-size:clamp(46px,5.4vw,76px);line-height:1.06;letter-spacing:-.045em;font-weight:650;color:#18181b}
.mr-editorial-hero--architecture .mr-editorial-hero__line.is-accent>span{color:#02774e}
.mr-editorial-hero--architecture .mr-editorial-hero__lead{max-width:650px;font-size:clamp(17px,1.25vw,20px);color:#52525b}
.mr-editorial-hero--architecture .mr-editorial-hero__button{border-color:#18181b;color:#18181b}
.mr-editorial-hero--architecture .mr-editorial-hero__button.is-primary{background:#18181b;color:#fff}
.mr-editorial-hero--architecture .mr-editorial-hero__scene{height:590px;min-height:540px;border-radius:40px;background:transparent;overflow:visible}
.mr-editorial-hero--architecture .mr-editorial-phone{height:535px;width:292px;border-radius:40px;box-shadow:0 30px 76px rgba(10,13,12,.16)}
.mr-editorial-hero--architecture .mr-editorial-hero__orbit{width:min(40vw,520px)}
.mr-editorial-hero--architecture .mr-editorial-hero__scroll{bottom:18px}

.mr-contact-faq{background:var(--mr-editorial-paper);margin-top:clamp(64px,7vw,112px);border-top:1px solid rgba(2,119,78,.12)}
.mr-contact-faq__layout{display:grid;grid-template-columns:minmax(230px,.68fr) minmax(500px,1.52fr) minmax(190px,.62fr);gap:clamp(34px,4.5vw,72px);align-items:start}
.mr-contact-faq__intro,.mr-contact-faq__side{position:sticky;top:125px}
.mr-contact-faq__intro h2{margin:0 0 28px;font-size:clamp(70px,7vw,112px);line-height:.8;letter-spacing:-.065em;color:var(--mr-editorial-green)}
.mr-contact-faq__intro p,.mr-contact-faq__side p{margin:0;color:var(--mr-editorial-ink);font-size:17px;line-height:1.45}
.mr-contact-faq__list{border-top:1px solid var(--mr-editorial-line)}
.mr-contact-faq__item{border-bottom:1px solid var(--mr-editorial-line)}
.mr-contact-faq__question{width:100%;display:grid;grid-template-columns:52px 1fr 14px;gap:16px;align-items:start;padding:27px 0;border:0;background:transparent;text-align:left;cursor:pointer}
.mr-contact-faq__question>span{padding-top:4px;font-size:12px;font-weight:800;color:var(--mr-editorial-green)}
.mr-contact-faq__question strong{font-size:18px;line-height:1.35;font-weight:700;color:var(--mr-editorial-ink)}
.mr-contact-faq__question i{width:8px;height:8px;margin-top:8px;border-radius:50%;background:#c7cbc8;transition:transform .35s var(--mr-editorial-ease),background .35s}
.mr-contact-faq__item.is-open .mr-contact-faq__question i{background:var(--mr-editorial-green);transform:scale(1.45)}
.mr-contact-faq__item.is-open .mr-contact-faq__question strong{color:var(--mr-editorial-green)}
.mr-contact-faq__answer{overflow:hidden}.mr-contact-faq__answer[hidden]{display:none}
.mr-contact-faq__answer p{margin:0;padding:0 22px 27px 68px;color:var(--mr-editorial-muted);font-size:15px;line-height:1.58}
.mr-contact-faq__side h3{margin:0 0 10px;font-size:23px;line-height:1.1;letter-spacing:-.025em;color:var(--mr-editorial-ink)}
.mr-contact-faq__side a{display:flex;justify-content:space-between;gap:12px;margin-top:25px;padding-bottom:7px;border-bottom:1px solid var(--mr-editorial-green);font-size:12px;line-height:1.25;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mr-editorial-green)}
.mr-contact-faq__side a span{transition:transform .3s var(--mr-editorial-ease)}.mr-contact-faq__side a:hover span{transform:translateX(4px)}

@media(max-width:1100px){.mr-editorial-hero__grid{grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);gap:34px}.mr-editorial-hero h1{font-size:clamp(62px,7.6vw,88px)}.mr-editorial-flow__layout{grid-template-columns:minmax(280px,.8fr) minmax(440px,1.2fr)}.mr-contact-faq__layout{grid-template-columns:220px minmax(0,1fr)}.mr-contact-faq__side{position:static;grid-column:2;border-top:1px solid var(--mr-editorial-line);padding-top:26px}.mr-contact-faq__side a{max-width:330px}}
@media(max-width:900px){.mr-editorial-hero--architecture .mr-editorial-hero__grid{grid-template-columns:minmax(0,1fr);gap:40px}.mr-editorial-hero--architecture .mr-editorial-hero__copy{width:auto;min-width:0}.mr-editorial-hero--architecture .mr-editorial-hero__scene{width:100%;max-width:100%;margin:0}}
@media(max-width:767px){.mr-contact-faq{margin-top:48px}}
@media(max-width:767px){.mr-editorial-hero--architecture{padding:72px 0}.mr-editorial-hero--architecture h2{font-size:clamp(42px,13vw,58px);line-height:1.04;letter-spacing:-.04em}.mr-editorial-hero--architecture .mr-editorial-hero__scene{height:535px;min-height:535px;border-radius:30px}.mr-editorial-hero--architecture .mr-editorial-phone{height:495px;width:270px}.mr-editorial-hero--architecture .mr-editorial-hero__scroll{display:none}}
@media(max-width:767px){.mr-editorial-hero{min-height:auto;padding:122px 0 72px;align-items:flex-start}.mr-editorial-hero__grid{grid-template-columns:1fr;gap:32px}.mr-editorial-hero h1{font-size:clamp(52px,15vw,70px);line-height:.88}.mr-editorial-hero__lead{margin-top:25px;font-size:17px}.mr-editorial-hero__actions{margin-top:25px}.mr-editorial-hero__button{width:100%}.mr-editorial-hero__scene{height:525px;min-height:525px;overflow:hidden}.mr-editorial-phone{width:278px;height:505px;border-width:6px;border-radius:38px}.mr-editorial-phone__head{height:72px;padding-top:20px}.mr-editorial-phone__chat{height:calc(100% - 72px);padding:13px 11px;gap:7px}.mr-editorial-phone__bubble{font-size:12.5px;padding:8px 10px}.mr-editorial-hero__orbit{width:430px}.mr-editorial-hero__chip{display:none}.mr-editorial-hero__scroll{display:none}}
@media(max-width:767px){.mr-editorial-statement{padding:82px 0}.mr-editorial-statement h2,.mr-editorial-statement p{font-size:clamp(40px,12vw,60px);line-height:.97}.mr-editorial-context__grid,.mr-editorial-flow__layout,.mr-contact-faq__layout{grid-template-columns:1fr}.mr-editorial-context__side,.mr-contact-faq__intro,.mr-contact-faq__side{position:static}.mr-editorial-context__grid{gap:40px}.mr-editorial-context__side h2{font-size:52px}.mr-editorial-context__lead{font-size:29px;margin-bottom:45px}.mr-editorial-context__stats{grid-template-columns:1fr}.mr-editorial-context__stats article,.mr-editorial-context__stats article:first-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--mr-editorial-line)}.mr-editorial-context__stats article:last-child{border-bottom:0}.mr-editorial-context__stats p{max-width:310px}.mr-editorial-flow__head{margin-bottom:45px}.mr-editorial-flow__head h2{font-size:46px}.mr-editorial-flow__steps{padding-bottom:30px}.mr-editorial-flow__step{min-height:auto;padding:24px 0}.mr-editorial-flow__visual{position:relative;top:auto;height:490px;min-height:0}.mr-editorial-flow__node{width:126px;min-height:105px;padding:13px}.mr-editorial-flow__node--1{left:4%}.mr-editorial-flow__node--3{right:4%}.mr-editorial-flow__packet{display:none}.mr-contact-faq__layout{gap:42px}.mr-contact-faq__intro h2{font-size:74px}.mr-contact-faq__question{grid-template-columns:38px 1fr 12px;padding:23px 0}.mr-contact-faq__question strong{font-size:16px}.mr-contact-faq__answer p{padding-left:54px}.mr-contact-faq__side{grid-column:auto}}
@media(max-width:991px){.mr-editorial-flow__sticky{height:auto}.mr-editorial-flow__stage{position:relative;top:auto;height:auto;min-height:0;overflow:visible}.mr-editorial-flow__layout,.mr-editorial-flow__stage .mr-editorial-flow__layout{grid-template-columns:minmax(0,1fr);gap:42px}.mr-editorial-flow__progress{display:none}.mr-editorial-flow__copy .mr-editorial-flow__steps{height:auto}.mr-editorial-flow__copy .mr-editorial-flow__step{position:relative;inset:auto;display:block;min-height:0;padding:24px 0;border-top:1px solid #303833;opacity:1;filter:none;transform:none;pointer-events:auto}.mr-editorial-flow__copy .mr-editorial-flow__step:last-child{border-bottom:1px solid #303833}.mr-editorial-flow__copy .mr-editorial-flow__step h3{margin-bottom:14px;font-size:clamp(31px,8vw,46px)}.mr-editorial-flow__copy .mr-editorial-flow__step p{font-size:16px}.mr-editorial-flow__stage .mr-editorial-flow__visual{width:100%;max-width:100%;height:490px;min-height:0}}
@media(prefers-reduced-motion:reduce){html:not([data-mr-motion="full"]).mr-editorial-motion [data-mr-reveal],html:not([data-mr-motion="full"]) .mr-editorial-statement .mr-editorial-word{opacity:1!important;transition:none!important;transform:none!important;filter:none!important}html:not([data-mr-motion="full"]) .mr-editorial-hero__line>span{transform:none!important;transition:none!important}html:not([data-mr-motion="full"]) .mr-editorial-phone__bubble{opacity:1!important;transform:none!important;animation:none!important}html:not([data-mr-motion="full"]) .mr-editorial-hero__orbit,html:not([data-mr-motion="full"]) .mr-editorial-hero__chip,html:not([data-mr-motion="full"]) .mr-editorial-hero__eyebrow i,html:not([data-mr-motion="full"]) .mr-editorial-hero__scroll i{animation:none!important}html:not([data-mr-motion="full"]) .mr-editorial-flow__copy .mr-editorial-flow__step,html:not([data-mr-motion="full"]) .mr-editorial-flow__node,html:not([data-mr-motion="full"]) .mr-editorial-flow__progress i:after{transition:none!important}html:not([data-mr-motion="full"]) .mr-editorial-flow__visual>svg path{stroke-dashoffset:0!important;transition:none!important}html:not([data-mr-motion="full"]) .mr-editorial-flow__packet{display:none!important}}

@media(max-width:991px){.mr-editorial-flow__stage.is-js-pinned,.mr-editorial-flow__stage.is-js-after{position:relative!important;inset:auto!important;width:auto;height:auto;min-height:0;overflow:visible;z-index:auto}}


/* ===== metareva-geo-v137.css ===== */
.mr-geo-page { background: #fff; }
.mr-page-footer-gap {
  display: block;
  width: 100%;
  height: var(--footer-top-space, 100px);
  flex: none;
  background: #fff;
}
@media (max-width: 767px) {
  .mr-page-footer-gap { height: var(--footer-top-space-mobile, 48px); }
}
@media (min-width: 992px) {
  #mr-submenu-portal .sub-menu.is-mega,
  .tf-header .sub-menu.is-mega {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
    width: min(680px, calc(100vw - 24px)) !important;
    max-height: min(78vh, 640px);
    overflow-y: auto;
    gap: 6px 12px;
    padding: 14px 16px;
  }
  #mr-submenu-portal .sub-menu.is-mega .sub-menu-item,
  .tf-header .sub-menu.is-mega .sub-menu-item { min-width: 0; }
  #mr-submenu-portal .sub-menu.is-mega .item-link,
  .tf-header .sub-menu.is-mega .item-link {
    display: grid !important;
    white-space: normal !important;
    line-height: 1.3 !important;
  }
}
.mr-geo-definition-card {
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(28px, 5vw, 64px);
  border: 1px solid rgba(24,24,27,.10);
  border-radius: 28px;
  background: #f7f7f5;
}
.mr-geo-kicker {
  margin: 0 0 12px;
  color: #02774e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mr-geo-definition-card h2,
.mr-geo-howto h2,
.mr-geo-cta h2 {
  margin: 0;
  color: #18181b;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.mr-geo-definition-card > p:not(.mr-geo-kicker),
.mr-geo-howto > div > p:not(.mr-geo-kicker) {
  max-width: 800px;
  margin: 20px 0 0;
  color: #52525b;
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.7;
}
.mr-geo-definition-card .mr-geo-source-note {
  margin-top: 24px;
  color: #02774e;
  font-size: 13px;
  font-weight: 700;
}
.mr-geo-capability-grid,
.mr-geo-home-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.mr-geo-capability-card,
.mr-geo-home-card {
  min-width: 0;
  padding: 26px;
  border: 1px solid rgba(24,24,27,.10);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(24,24,27,.05);
}
.mr-geo-capability-card > span,
.mr-geo-home-card > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 22px;
  border-radius: 50%;
  background: rgba(2,119,78,.09);
  color: #02774e;
  font-size: 12px;
  font-weight: 800;
}
.mr-geo-capability-card h3,
.mr-geo-home-card h3 {
  margin: 0;
  color: #18181b;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -.02em;
}
.mr-geo-capability-card p,
.mr-geo-home-card p {
  margin: 12px 0 0;
  color: #71717a;
  font-size: 15px;
  line-height: 1.6;
}
.mr-geo-home-card a {
  display: inline-flex;
  margin-top: 18px;
  color: #02774e;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}
.mr-home-capabilities-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-width: 220px;
}
.mr-home-capability-extra.mr-capability-enter {
  animation: mrCapabilityEnter .42s cubic-bezier(.2,.7,.2,1) both;
}
.mr-home-capability-extra.mr-capability-leave {
  animation: mrCapabilityLeave .22s ease both;
}
@keyframes mrCapabilityEnter {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes mrCapabilityLeave {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(12px); }
}
@media (prefers-reduced-motion: reduce) {
  .mr-home-capability-extra.mr-capability-enter,
  .mr-home-capability-extra.mr-capability-leave { animation: none; }
}
.mr-geo-howto {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .85fr);
  gap: clamp(32px, 7vw, 90px);
  padding: clamp(30px, 5vw, 64px);
  border-radius: 28px;
  background: #101815;
}
.mr-geo-howto h2 { color: #fff; }
.mr-geo-howto > div > p:not(.mr-geo-kicker) { color: #cbd5d1; }
.mr-geo-howto ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.mr-geo-howto li { padding: 16px 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.04); }
.mr-geo-howto li strong,
.mr-geo-howto li span { display: block; }
.mr-geo-howto li strong { color: #fff; font-size: 15px; }
.mr-geo-howto li span { margin-top: 4px; color: #aebbb6; font-size: 13px; line-height: 1.5; }
.mr-geo-faq-list { max-width: 900px; margin: 0 auto; }
.mr-geo-faq-list details { border-bottom: 1px solid rgba(24,24,27,.12); }
.mr-geo-faq-list summary { cursor: pointer; padding: 22px 4px; color: #18181b; font-size: 18px; font-weight: 750; }
.mr-geo-faq-list details p { margin: 0; padding: 0 4px 24px; color: #52525b; line-height: 1.7; }
.mr-geo-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: clamp(28px, 5vw, 54px); border-radius: 26px; }
.mr-geo-cta p { margin: 0 0 8px; color: #9fd4c0; font-weight: 700; }
.mr-geo-cta h2 { max-width: 760px; color: #fff; }

@media (max-width: 991px) {
  .mr-geo-capability-grid,
  .mr-geo-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mr-geo-howto { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
  .mr-geo-capability-grid,
  .mr-geo-home-grid { grid-template-columns: 1fr; }
  .mr-geo-capability-card,
  .mr-geo-home-card { padding: 22px; }
  .mr-geo-cta { align-items: flex-start; flex-direction: column; }
}

/* WhatsApp CRM product workspace — an interface explanation, not a claim
   that every tenant has every data field enabled. */
.mr-crm-workspace__heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin:0 auto 34px; max-width:1120px; }
.mr-crm-workspace__heading > div:first-child { max-width:750px; }
.mr-crm-workspace__heading h2,
.mr-crm-flow__intro h2,
.mr-crm-boundary h2 { margin:0; color:#18181b; font-size:clamp(29px,4vw,50px); line-height:1.08; letter-spacing:-.04em; }
.mr-crm-workspace__heading p:not(.mr-geo-kicker),
.mr-crm-flow__intro > p { margin:17px 0 0; color:#52525b; font-size:17px; line-height:1.7; }
.mr-crm-workspace__note { display:flex; gap:10px; align-items:flex-start; max-width:285px; padding:15px 16px; border:1px solid rgba(2,119,78,.18); border-radius:14px; background:rgba(2,119,78,.055); color:#255647; font-size:13px; font-weight:700; line-height:1.5; }
.mr-crm-workspace__note i { color:#02774e; font-size:17px; }
.mr-crm-demo { position:relative; display:grid; grid-template-columns:210px minmax(300px,1.35fr) minmax(235px,.7fr); min-height:525px; overflow:hidden; border:1px solid rgba(24,24,27,.12); border-radius:26px; background:#f9fbfa; box-shadow:0 24px 70px rgba(16,24,21,.10); }
.mr-crm-demo__sidebar { display:flex; flex-direction:column; gap:5px; padding:18px 12px; background:#11201b; }
.mr-crm-demo__brand { display:flex; align-items:center; gap:9px; padding:4px 10px 21px; color:#fff; font-size:15px; }
.mr-crm-demo__brand span { width:21px; height:21px; border-radius:7px; background:linear-gradient(135deg,#15be80,#04724d); box-shadow:inset -4px -4px 0 rgba(0,0,0,.13); }
.mr-crm-demo__sidebar button { display:flex; align-items:center; width:100%; gap:10px; padding:10px 11px; border:0; border-radius:10px; color:#b8c9c1; background:transparent; font-size:12px;font-weight:700;line-height:1.25; text-align:left; cursor:pointer; transition:background .2s,color .2s; }
.mr-crm-demo__sidebar button:hover,.mr-crm-demo__sidebar button.is-active { color:#fff; background:rgba(255,255,255,.11); }
.mr-crm-demo__sidebar button i { width:16px; color:#7de3b7; font-size:15px; text-align:center; }
.mr-crm-demo__sidebar-footer { display:flex; align-items:center; gap:8px; margin-top:auto; padding:14px 10px 2px; color:#8ea89d; font-size:10px; }
.mr-crm-demo__sidebar-footer span { width:7px; height:7px; border-radius:50%; background:#41d69a; box-shadow:0 0 0 3px rgba(65,214,154,.12); }
.mr-crm-demo__main { display:flex; min-width:0; flex-direction:column; background:#fff; border-right:1px solid rgba(24,24,27,.09); }
.mr-crm-demo__main > header { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:76px; padding:15px 20px; border-bottom:1px solid rgba(24,24,27,.09); }
.mr-crm-demo__main > header div { display:grid; gap:2px; min-width:0; }.mr-crm-demo__main > header span { color:#828e87; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }.mr-crm-demo__main > header strong { color:#15221c; font-size:15px; }.mr-crm-demo__main > header em { color:#078554; font-size:11px; font-style:normal; font-weight:800; }.mr-crm-demo__main > header button { flex:none; padding:8px 10px; border:1px solid rgba(2,119,78,.2); border-radius:9px; color:#086946; background:#f4fbf7; font-size:11px;font-weight:700;line-height:1.1; }.mr-crm-demo__main > header button i { margin-right:5px; }
.mr-crm-demo__conversation { flex:1; padding:25px 22px; background:linear-gradient(180deg,#fbfdfc 0%,#f4f8f6 100%); }.mr-crm-demo__conversation > p { display:flex; align-items:end; gap:7px; max-width:82%; margin:0 0 16px; }.mr-crm-demo__conversation > p span { display:block; padding:11px 13px; border-radius:4px 13px 13px; color:#2d3933; background:#fff; box-shadow:0 4px 10px rgba(14,38,26,.06); font-size:13px; line-height:1.45; }.mr-crm-demo__conversation > p small { color:#90a097; font-size:9px; white-space:nowrap; }.mr-crm-demo__conversation > p.is-out { flex-direction:row-reverse; margin-left:auto; }.mr-crm-demo__conversation > p.is-out span { border-radius:13px 4px 13px 13px; background:#d8f8e7; }.mr-crm-demo__conversation > p.is-note { align-items:center; max-width:100%; padding:9px 11px; border:1px dashed rgba(2,119,78,.32); border-radius:9px; color:#39715a; background:rgba(220,250,233,.54); font-size:11px; font-weight:700; line-height:1.45; }.mr-crm-demo__conversation > p.is-note i { margin-right:6px; }
.mr-crm-demo__action { display:flex; gap:10px; align-items:center; max-width:88%; margin:22px auto; padding:12px 13px; border:1px solid rgba(2,119,78,.18); border-radius:12px; background:#fff; box-shadow:0 7px 20px rgba(14,38,26,.05); }.mr-crm-demo__action > i { display:grid; width:28px; height:28px; place-items:center; border-radius:50%; color:#087a50; background:#dff8e9; }.mr-crm-demo__action div { display:grid; gap:2px; }.mr-crm-demo__action b { color:#203128; font-size:11px; }.mr-crm-demo__action span { color:#708077; font-size:10px; }
.mr-crm-demo__main > footer { display:flex; align-items:center; justify-content:space-between; min-height:58px; padding:10px 17px; border-top:1px solid rgba(24,24,27,.08); color:#9ca8a1; font-size:12px; }.mr-crm-demo__main > footer i { color:#0a8958; font-size:17px; }
.mr-crm-demo__record { padding:20px 17px; background:#fbfcfb; }.mr-crm-demo__person { display:flex; gap:10px; align-items:center; padding-bottom:18px; border-bottom:1px solid rgba(24,24,27,.08); }.mr-crm-demo__person > span { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(135deg,#247b58,#102f24); font-size:11px; font-weight:800; }.mr-crm-demo__person div { display:grid; gap:2px; }.mr-crm-demo__person strong { color:#1d2d25; font-size:13px; }.mr-crm-demo__person small { color:#748179; font-size:10px; }
.mr-crm-demo__record dl { display:grid; gap:15px; margin:19px 0; }.mr-crm-demo__record dl div { display:grid; gap:4px; }.mr-crm-demo__record dt { color:#8a968f; font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.mr-crm-demo__record dd { margin:0; color:#2f3e35; font-size:11px; font-weight:750; }.mr-crm-demo__record .is-permitted { display:inline-flex; padding:4px 6px; border-radius:5px; color:#06774d; background:#ddf8e8; font-size:10px; }.mr-crm-demo__timeline { display:grid; gap:9px; padding:14px 0 0 12px; border-top:1px solid rgba(24,24,27,.08); border-left:2px solid #d6e6dc; }.mr-crm-demo__timeline b { margin-left:-13px; color:#536158; font-size:11px; }.mr-crm-demo__timeline span { position:relative; color:#758179; font-size:10px; line-height:1.35; }.mr-crm-demo__timeline span:before { position:absolute; left:-17px; top:3px; width:7px; height:7px; border:2px solid #fff; border-radius:50%; background:#31b47e; content:""; }.mr-crm-demo__caption { position:absolute; right:18px; bottom:15px; display:grid; gap:3px; max-width:280px; padding:10px 12px; border:1px solid rgba(24,24,27,.09); border-radius:10px; background:rgba(255,255,255,.91); box-shadow:0 8px 24px rgba(16,24,21,.09); backdrop-filter:blur(8px); }.mr-crm-demo__caption b { color:#1f382b; font-size:11px; }.mr-crm-demo__caption span { color:#6b796f; font-size:10px; line-height:1.4; }
.mr-crm-flow .container { display:grid; grid-template-columns:minmax(0,.8fr) minmax(450px,1.2fr); gap:clamp(30px,7vw,100px); align-items:center; }.mr-crm-flow__intro { max-width:510px; }.mr-crm-flow__steps { display:grid; gap:11px; margin:0; padding:0; list-style:none; }.mr-crm-flow__steps li { display:flex; gap:17px; align-items:flex-start; padding:18px 19px; border:1px solid rgba(24,24,27,.11); border-radius:16px; background:#fff; }.mr-crm-flow__steps li > span { color:#0a8657; font-size:12px;font-weight:800;line-height:1.4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }.mr-crm-flow__steps li div { display:grid; gap:5px; }.mr-crm-flow__steps b { color:#1d2c24; font-size:15px; }.mr-crm-flow__steps p { margin:0; color:#68766d; font-size:13px; line-height:1.5; }
.mr-crm-boundary__card { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.75fr) auto; gap:28px; align-items:center; padding:clamp(28px,5vw,54px); border-radius:26px; color:#fff; background:linear-gradient(135deg,#10251c,#0a5c40); box-shadow:0 18px 48px rgba(4,71,46,.16); }.mr-crm-boundary__card .mr-geo-kicker { color:#82e5bc; }.mr-crm-boundary h2 { color:#fff; font-size:clamp(26px,3.3vw,43px); }.mr-crm-boundary__card > p { margin:0; color:#c8dfd3; font-size:14px; line-height:1.65; }.mr-crm-boundary__card .tf-btn { white-space:nowrap; color:#095237; background:#fff; }
@media (max-width:991px) { .mr-crm-workspace__heading { align-items:flex-start; flex-direction:column; }.mr-crm-workspace__note { max-width:520px; }.mr-crm-demo { grid-template-columns:170px minmax(0,1fr); }.mr-crm-demo__record { display:none; }.mr-crm-flow .container { grid-template-columns:1fr; }.mr-crm-flow__intro { max-width:700px; }.mr-crm-boundary__card { grid-template-columns:1fr; }.mr-crm-boundary__card .tf-btn { width:max-content; } }
@media (max-width:575px) { .mr-crm-demo { display:block; min-height:0; }.mr-crm-demo__sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; padding:11px; }.mr-crm-demo__brand,.mr-crm-demo__sidebar-footer { display:none; }.mr-crm-demo__sidebar button { justify-content:center; gap:6px; padding:9px 4px; font-size:10px; text-align:center; }.mr-crm-demo__sidebar button i { display:none; }.mr-crm-demo__main { min-height:410px; border-right:0; }.mr-crm-demo__main > header { min-height:68px; padding:13px; }.mr-crm-demo__main > header button { font-size:9px; }.mr-crm-demo__conversation { padding:18px 13px; }.mr-crm-demo__conversation > p { max-width:93%; }.mr-crm-demo__caption { position:static; max-width:none; border-width:0 0 1px; border-radius:0; box-shadow:none; }.mr-crm-flow__steps li { padding:15px; }.mr-crm-boundary__card { gap:18px; } }

/* CRM copy must not wait for optional GSAP. The global .effectFade default
   otherwise leaves a complete product block blank until the visitor scrolls. */
.page-geo_whatsapp-crm .mr-crm-demo,
.page-geo_whatsapp-crm .mr-crm-demo * { opacity:1; visibility:visible; }

#goTop {
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    line-height:1 !important;
}

#goTop .ic-wrap {
    display:flex !important;
    width:100% !important;
    height:100% !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
}

#goTop .ic-wrap .icon {
    display:block !important;
    line-height:1 !important;
    transform:translate(4px, -1px);
}



/* ===== metareva-operations-demo.css ===== */.mr-ops-shell{--ops-ink:#17212b;--ops-muted:#637787;--ops-line:#e1e8ed;--ops-green:#18ba78;--ops-green-dark:#079b68;--ops-chat:#f1eee8;--ops-incoming:#fff;--ops-outgoing:#d9fdd3;--ops-erp:#c9f5df;--ops-out-text:#173127;display:grid;grid-template-columns:210px 350px minmax(0,1fr);height:min(760px,82vh);min-height:650px;overflow:hidden;border:1px solid rgba(19,39,50,.12);border-radius:24px;color:var(--ops-ink);background:#fff;box-shadow:0 28px 70px rgba(18,37,48,.14);font-family:Arial,Helvetica,sans-serif}.mr-ops-shell button,.mr-ops-shell input{font:inherit}.mr-ops-shell button{cursor:pointer}.mr-ops-avatar{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:14px;color:#fff;background:#159887;font-size:14px;font-style:normal}.mr-ops-avatar.b{background:#34ace0}.mr-ops-avatar.c{background:#0da78c}.mr-ops-avatar.d{background:#066b61}.mr-ops-avatar.e{background:#22c865}.mr-ops-avatar.f{background:#13a89b}.mr-ops-contact{display:grid;grid-template-columns:51px minmax(0,1fr) 45px;gap:10px;align-items:center;width:100%;padding:12px 9px;border:0;border-radius:14px;color:inherit;background:transparent;text-align:left}.mr-ops-contact:hover{background:#f3f7fa}.mr-ops-contact.is-active{color:#fff;background:linear-gradient(135deg,#0ab580,#008c72);box-shadow:0 7px 14px rgba(0,143,113,.17)}.mr-ops-contact .mr-ops-avatar{width:48px;height:48px}.mr-ops-contact-copy{min-width:0}.mr-ops-contact-name,.mr-ops-contact-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-ops-contact-name{font-size:13px;font-weight:700}.mr-ops-contact-preview{margin-top:5px;color:#6a7d8c;font-size:11px}.mr-ops-contact.is-active .mr-ops-contact-preview{color:#e4fff5}.mr-ops-contact-time{align-self:start;color:#637787;text-align:right;font-size:9px}.mr-ops-contact.is-active .mr-ops-contact-time{color:#d8fff0}.mr-ops-day{align-self:center;padding:6px 11px;border-radius:8px;color:#627682;background:#e6edf0;font-size:9px;font-weight:700}.mr-ops-bubble{max-width:min(72%,680px);padding:11px 13px 8px;border-radius:15px 15px 15px 4px;color:#142432;background:var(--ops-incoming);box-shadow:0 2px 3px rgba(29,43,52,.13);font-size:12px;line-height:1.5}.mr-ops-bubble.is-out,.mr-ops-bubble.is-erp{align-self:flex-end;border-radius:15px 15px 4px 15px;color:var(--ops-out-text);background:var(--ops-outgoing)}.mr-ops-bubble.is-erp{border-right:4px solid var(--ops-green);background:var(--ops-erp)}.mr-ops-erp-label{margin-bottom:5px;color:#087a58;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.mr-ops-bubble time{display:block;margin-top:5px;color:#7a92ae;text-align:right;font-size:8px}.mr-ops-bubble.is-out time,.mr-ops-bubble.is-erp time{color:#648276}.mr-ops-file{display:grid;grid-template-columns:39px minmax(0,1fr);gap:9px;min-width:240px;align-items:center;padding:9px;border-radius:8px;background:rgba(15,38,50,.06)}.mr-ops-file-badge{display:grid;place-items:center;width:39px;height:42px;border-radius:5px;color:#fff;background:#ed4e72;font-size:9px;font-weight:800}.mr-ops-file strong,.mr-ops-file small{display:block}.mr-ops-file strong{font-size:11px}.mr-ops-file small{margin-top:3px;color:#527064;font-size:9px}.mr-ops-shell.is-dark{--ops-ink:#e6edf1;--ops-line:#314049;--ops-chat:#0b141a;--ops-incoming:#202c33;--ops-outgoing:#005c4b;--ops-erp:#064d41;--ops-out-text:#e9edef;background:#111b21}.mr-ops-shell.is-dark .mr-ops-side,.mr-ops-shell.is-dark .mr-ops-inbox{background:#111b21}.mr-ops-shell.is-dark .mr-ops-brand,.mr-ops-shell.is-dark .mr-ops-account,.mr-ops-shell.is-dark .mr-ops-side-bottom{background:#1f2c33}.mr-ops-shell.is-dark .mr-ops-nav-item,.mr-ops-shell.is-dark .mr-ops-contact-time,.mr-ops-shell.is-dark .mr-ops-contact-preview{color:#b4c3cc}.mr-ops-shell.is-dark .mr-ops-search,.mr-ops-shell.is-dark .mr-ops-chat-head{background:#202c33}.mr-ops-shell.is-dark .mr-ops-search input{border-color:#3a4b55;color:#dbe5e9;background:#2a3942}.mr-ops-shell.is-dark .mr-ops-filters{background:#111b21}.mr-ops-shell.is-dark .mr-ops-filters span{color:#b9c5cc;background:#26363f}.mr-ops-shell.is-dark .mr-ops-contact:hover{background:#202c33}.mr-ops-shell.is-dark .mr-ops-bubble{color:#e9edef;background:var(--ops-incoming)}.mr-ops-shell.is-dark .mr-ops-bubble.is-out{background:var(--ops-outgoing)}.mr-ops-shell.is-dark .mr-ops-bubble.is-erp{background:var(--ops-erp)}.mr-ops-shell.is-dark .mr-ops-erp-label{color:#5ee0ae}.mr-ops-shell.is-dark .mr-ops-bubble.is-out time,.mr-ops-shell.is-dark .mr-ops-bubble.is-erp time{color:#9bc6b7}.mr-ops-shell.is-dark .mr-ops-file{background:rgba(0,0,0,.16)}.mr-ops-shell.is-dark .mr-ops-file small{color:#b5d2c8}.mr-ops-shell.is-dark .mr-ops-composer{background:#202c33}.mr-ops-shell.is-dark .mr-ops-composer input{border-color:#2a3942;color:#e9edef;background:#2a3942}.mr-ops-shell.is-dark .mr-ops-tools,.mr-ops-shell.is-dark .mr-ops-composer{color:#b8c7cf}@media(max-width:1100px){.mr-ops-shell{grid-template-columns:185px 315px minmax(0,1fr)}.mr-ops-bubble{max-width:80%}}@media(max-width:880px){.mr-ops-shell{grid-template-columns:315px minmax(0,1fr)}}@media(max-width:680px){.mr-ops-shell{grid-template-columns:1fr;height:670px;min-height:0;border-radius:18px}.mr-ops-bubble{max-width:90%;font-size:11px}}

/* Hareket dili: konuşma seçimi yumuşakça solar, yeni mesajlar sırayla belirir. */
.mr-ops-shell{font-family:"Urbanist",sans-serif}.mr-ops-contact-name{font-size:14px}.mr-ops-contact-preview{font-size:12px}.mr-ops-contact-time{font-size:10px}.mr-ops-bubble{font-size:13px}.mr-ops-erp-label{font-size:10px}.mr-ops-bubble time{font-size:9px}.mr-ops-file strong{font-size:12px}.mr-ops-file small{font-size:10px}.mr-ops-shell.is-switching .mr-ops-person,.mr-ops-shell.is-switching .mr-ops-messages{opacity:.16;transform:translateY(4px) scale(.995);filter:blur(1.5px)}.mr-ops-contact.is-active{animation:mrOpsContactIn .42s cubic-bezier(.22,.7,.25,1)}.mr-ops-bubble.is-revealing{opacity:0;animation:mrOpsBubbleIn .48s cubic-bezier(.2,.75,.25,1) forwards;animation-delay:var(--mr-ops-delay,0ms)}.mr-ops-bubble.is-revealing.is-out,.mr-ops-bubble.is-revealing.is-erp{animation-name:mrOpsBubbleInRight}.mr-ops-shell:not(.is-in-view){box-shadow:0 18px 45px rgba(18,37,48,.10)}.mr-ops-shell.is-dark .mr-ops-theme-compact:hover{background:rgba(255,255,255,.08)}@keyframes mrOpsBubbleIn{from{opacity:0;transform:translate3d(-10px,8px,0) scale(.985)}to{opacity:1;transform:none}}@keyframes mrOpsBubbleInRight{from{opacity:0;transform:translate3d(10px,8px,0) scale(.985)}to{opacity:1;transform:none}}@keyframes mrOpsContactIn{from{transform:translateX(-5px);filter:saturate(.65)}to{transform:none;filter:none}}@media(max-width:680px){.mr-ops-shell{height:min(690px,78vh);min-height:560px}.mr-ops-bubble{font-size:12px}}@media(prefers-reduced-motion:reduce){.mr-ops-bubble,.mr-ops-contact{transition:none!important;animation:none!important}}


/* ===== metareva-operations-demo-fixes.css ===== */
/* Gönder ikonu font metriğinden bağımsız olarak tam merkezde kalır. */

/* Konuşma değişimini ve sıralı mesaj girişlerini daha görünür kılar. */

.mr-ops-shell.is-switching .mr-ops-person,
.mr-ops-shell.is-switching .mr-ops-messages {
  opacity: .04;
  transform: translateY(9px) scale(.985);
  filter: blur(3px);
}

.mr-ops-bubble.is-revealing {
  animation-duration: .68s;
}

.mr-ops-contact.is-active {
  animation-duration: .55s;
}

@media (prefers-reduced-motion: reduce) {

  .mr-ops-shell.is-switching .mr-ops-person,
  .mr-ops-shell.is-switching .mr-ops-messages {
    opacity: .18 !important;
    transform: none !important;
    filter: none !important;
  }

  .mr-ops-bubble.is-revealing {
    animation: mrOpsBubbleFade .18s ease forwards !important;
    animation-delay: var(--mr-ops-delay, 0ms) !important;
  }

  .mr-ops-contact.is-active {
    animation: none !important;
  }
}

@keyframes mrOpsBubbleFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (max-width: 680px) {

  .mr-ops-shell {
    width: calc(100% + 24px);
    height: min(720px, 78svh);
    min-height: 600px;
    margin-inline: -12px;
    border-radius: 18px;
    border-color: rgba(17, 39, 51, .14);
    box-shadow: 0 18px 44px rgba(17, 39, 51, .16);
  }

  .mr-ops-day {
    margin-bottom: 3px;
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 9px;
  }

  .mr-ops-bubble {
    max-width: 88%;
    padding: 8px 10px 6px;
    border-radius: 9px 9px 9px 2px;
    font-size: 13px;
    line-height: 1.4;
    box-shadow: 0 1px 2px rgba(29, 43, 52, .16);
  }

  .mr-ops-bubble.is-out,
  .mr-ops-bubble.is-erp {
    border-radius: 9px 9px 2px 9px;
  }

  .mr-ops-bubble.is-erp {
    border-right-width: 3px;
  }

  .mr-ops-erp-label {
    margin-bottom: 4px;
    font-size: 9px;
    line-height: 1.25;
  }

  .mr-ops-bubble time {
    margin-top: 3px;
    font-size: 8px;
    line-height: 1;
  }

  .mr-ops-file {
    min-width: min(225px, 70vw);
    padding: 7px;
  }

  .mr-ops-shell.is-dark .mr-ops-chat-head,
  .mr-ops-shell.is-dark .mr-ops-composer {
    background: #202c33;
  }

  .mr-ops-shell.is-dark .mr-ops-mobile-back {
    color: #b8c7cf;
  }
}

@media (max-width: 380px) {
  .mr-ops-shell {
    height: min(690px, 76svh);
    min-height: 570px;
  }

  .mr-ops-bubble {
    max-width: 91%;
    font-size: 12.5px;
  }
}


/* ===== metareva-operations-story-v92.css ===== */
/* Meta Reva V92 — reusable WhatsApp operations story. */
.mr-opstory {
  position: relative;
  overflow: clip;
  background: #f5f4ef;
}

.mr-opstory .container {
  width: 1320px;
  max-width: 100%;
}

.mr-opstory-head {
  max-width: 820px;
  margin: 0 auto 44px;
  text-align: center;
}

.mr-opstory-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 18px;
  padding: 5px 12px;
  border: 1px solid rgba(2, 119, 78, 0.16);
  border-radius: 999px;
  color: #02774e;
  background: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 720;
  letter-spacing: 0.04em;
}

.mr-opstory-head h2 {
  max-width: 760px;
  margin: 0 auto;
  color: #18181b;
  font-size: clamp(38px, 5vw, 66px);
  font-weight: 560;
  line-height: 1.02;
  letter-spacing: -0.055em;
}

.mr-opstory-head p {
  max-width: 690px;
  margin: 20px auto 0;
  color: #5f6762;
  font-size: 17px;
  line-height: 1.65;
}

.mr-opstory-tabs {
  display: flex;
  gap: 7px;
  max-width: 980px;
  margin: 0 auto 18px;
  padding: 6px;
  overflow-x: auto;
  border: 1px solid #dfe4e0;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.86);
  scrollbar-width: none;
}

.mr-opstory-tabs::-webkit-scrollbar {
  display: none;
}

.mr-opstory-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 150px;
  min-height: 46px;
  padding: 8px 15px;
  border: 0;
  border-radius: 10px;
  color: #69716c;
  background: transparent;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 720;
  line-height: 1.2;
  cursor: pointer;
  transition: color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
}

.mr-opstory-tab:hover {
  color: #18181b;
  background: rgba(2, 119, 78, 0.07);
}

.mr-opstory-tab.is-active {
  color: #fff;
  background: #111713;
  box-shadow: 0 8px 20px rgba(16, 21, 19, 0.17);
}

.mr-opstory-tab:focus-visible {
  outline: 3px solid rgba(2, 119, 78, 0.28);
  outline-offset: 2px;
}

.mr-opstory-stage {
  display: grid;
  grid-template-columns: minmax(330px, 0.76fr) minmax(520px, 1.24fr);
  min-height: 610px;
  overflow: hidden;
  border: 1px solid #d8ded9;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(26, 42, 33, 0.12);
}

.mr-opstory-copy {
  position: relative;
  min-width: 0;
  padding: clamp(34px, 4vw, 58px);
  border-right: 1px solid #e1e5e2;
  background: #fff;
}

.mr-opstory-panel[hidden] {
  display: none !important;
}

.mr-opstory-panel.is-active {
  animation: mrOpstoryCopyIn 0.52s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.mr-opstory-index {
  display: inline-flex;
  color: #02774e;
  font-size: 12px;
  font-weight: 820;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mr-opstory-panel h3 {
  margin: 22px 0 15px;
  color: #18181b;
  font-size: clamp(34px, 3.4vw, 48px);
  font-weight: 570;
  line-height: 1.04;
  letter-spacing: -0.052em;
}

.mr-opstory-panel > p {
  margin: 0 0 28px;
  color: #626a65;
  font-size: 16px;
  line-height: 1.68;
}

.mr-opstory-list {
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 0;
}

.mr-opstory-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  color: #3f4743;
  font-size: 14px;
  line-height: 1.45;
}

.mr-opstory-tab i {
  display: inline-flex;
  padding: 3px 8px;
  border-radius: 999px;
  color: #02774e;
  background: #dff2e8;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.mr-opstory-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  padding: clamp(30px, 4vw, 56px);
  overflow: hidden;
  background: linear-gradient(142deg, #e9eee9 0%, #f8f8f4 72%);
}

.mr-opstory-glow {
  position: absolute;
  width: min(560px, 76%);
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(2, 119, 78, 0.11);
  filter: blur(70px);
  pointer-events: none;
}

.mr-opstory-channel {
  position: absolute;
  right: 24px;
  bottom: 20px;
  color: rgba(24, 24, 27, 0.48);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.mr-opstory-phone {
  position: relative;
  z-index: 2;
  width: min(348px, 100%);
  overflow: hidden;
  border: 1px solid #d4ded7;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 28px 60px rgba(18, 38, 27, 0.14);
}

.mr-opstory-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #02774e, #0c4e38);
  font-size: 12px;
  font-weight: 800;
}

.mr-opstory-contact {
  display: block;
  min-width: 0;
}

.mr-opstory-contact strong,
.mr-opstory-contact small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mr-opstory-contact strong {
  color: #252b27;
  font-size: 13px;
  font-weight: 730;
}

.mr-opstory-contact small {
  margin-top: 2px;
  color: #748078;
  font-size: 12px;
}

.mr-opstory-wa-tools {
  display: flex;
  gap: 14px;
  margin-left: auto;
  color: #718078;
}

.mr-opstory-wa-tools svg {
  width: 19px;
  height: 19px;
}

.mr-opstory-wa-body {
  min-height: 390px;
  padding: 26px 28px 18px;
  overflow: hidden;
  background-color: #efece5;
  background-image: radial-gradient(rgba(27, 45, 34, 0.06) 0.75px, transparent 0.75px);
  background-size: 13px 13px;
}

.mr-opstory-message {
  width: max-content;
  max-width: 78%;
  margin: 0 0 10px;
  padding: 10px 12px 7px;
  border-radius: 11px 11px 11px 3px;
  color: #2d342f;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
  font-size: 13px;
  line-height: 1.45;
  opacity: 0;
  transform: translateY(11px);
}

.mr-opstory-message.is-business {
  margin-left: auto;
  border-radius: 11px 11px 3px 11px;
  background: #d6f1e2;
}

.mr-opstory-message > span {
  display: inline-block;
  margin-left: 8px;
  color: #87918b;
  font-size: 12px;
  line-height: 1;
}

.mr-opstory-message.is-visible,
.mr-opstory-result.is-visible {
  animation: mrOpstoryMessageIn 0.46s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.mr-opstory-result {
  max-width: 82%;
  margin: 8px 0 8px auto;
  overflow: hidden;
  border: 1px solid #cbded2;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(21, 45, 30, 0.09);
  opacity: 0;
  transform: translateY(11px);
}

.mr-opstory-result-top {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px;
}

.mr-opstory-result-mark {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 10px;
  background: linear-gradient(145deg, #173427, #75aa8e);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.mr-opstory-result strong,
.mr-opstory-result small {
  display: block;
}

.mr-opstory-result strong {
  color: #252b27;
  font-size: 13px;
  font-weight: 750;
}

.mr-opstory-result small {
  margin-top: 3px;
  color: #6d776f;
  font-size: 12px;
  line-height: 1.35;
}

.mr-opstory-result-foot {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 12px;
  border-top: 1px solid #e5e8e6;
  color: #02774e;
  font-size: 12px;
  font-weight: 750;
}

.mr-opstory-compose {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 34px;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 8px 12px;
  color: #7d8781;
  background: #f0f2f0;
}

.mr-opstory-compose > span:nth-child(2) {
  min-height: 36px;
  padding: 9px 14px;
  border-radius: 999px;
  background: #fff;
  font-size: 12px;
}

.mr-opstory-compose i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #fff;
  background: #02774e;
}

.mr-opstory-compose svg {
  width: 17px;
  height: 17px;
}

@keyframes mrOpstoryCopyIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: none; }
}

@keyframes mrOpstoryMessageIn {
  to { opacity: 1; transform: none; }
}

@media (max-width: 991px) {
  .mr-opstory-stage {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .mr-opstory-copy {
    min-height: 410px;
    border-right: 0;
    border-bottom: 1px solid #e1e5e2;
  }

  .mr-opstory-visual {
    min-height: 570px;
  }
}

@media (max-width: 767px) {
  .mr-opstory {
    padding-top: 78px !important;
    padding-bottom: 78px !important;
  }

  .mr-opstory-head {
    margin-bottom: 30px;
    text-align: left;
  }

  .mr-opstory-head h2 {
    font-size: clamp(38px, 11vw, 50px);
    line-height: 1.01;
  }

  .mr-opstory-head p {
    margin-top: 16px;
    font-size: 15.5px;
  }

  .mr-opstory-tabs {
    margin-right: 0;
    margin-left: 0;
  }

  .mr-opstory-tab {
    flex-basis: 132px;
    min-height: 44px;
    padding: 8px 12px;
    font-size: 12px;
  }

  .mr-opstory-stage {
    border-radius: 20px;
  }

  .mr-opstory-copy {
    min-height: 0;
    padding: 31px 24px 34px;
  }

  .mr-opstory-panel h3 {
    margin-top: 18px;
    font-size: 36px;
  }

  .mr-opstory-panel > p {
    font-size: 15px;
  }

  .mr-opstory-visual {
    min-height: 520px;
    padding: 22px 10px 34px;
  }

  .mr-opstory-phone {
    border-radius: 17px;
  }

  .mr-opstory-wa-head {
    padding-right: 13px;
    padding-left: 13px;
  }

  .mr-opstory-wa-body {
    min-height: 385px;
    padding: 19px 13px 14px;
  }

  .mr-opstory-message,
  .mr-opstory-result {
    max-width: 89%;
  }

  .mr-opstory-channel {
    right: 16px;
    bottom: 12px;
  }
}

@media (max-width: 420px) {
  .mr-opstory-wa-tools svg:first-child {
    display: none;
  }

  .mr-opstory-result {
    max-width: 94%;
  }

  .mr-opstory-result-mark {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mr-opstory-panel.is-active,
  .mr-opstory-message.is-visible,
  .mr-opstory-result.is-visible {
    animation: none !important;
    opacity: 1;
    transform: none;
  }

  .mr-opstory-tab {
    transition-duration: 0.01ms !important;
  }
}


/* ===== metareva-inline-fix.css ===== */
/* Meta Reva — Inline-style refactor (extracted from index.php, pricing.php, etc.)
 * These classes replace inline `style="..."` blocks so the markup stays
 * cache-friendly, the cascade can be compressed by the browser, and the
 * rendered HTML becomes smaller — important for LCP and TTFB on cold caches.
 */

/* Hero — ROI badges (formerly index.php ~378) */
.mr-roi-badge {
    background: rgba(19, 168, 115, 0.1);
    border: 1px solid rgba(19, 168, 115, 0.25);
    border-radius: 30px;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #02774e;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.mr-roi-badge-wrap {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 28px;
}

/* Hero — CTA row (formerly index.php ~369) */
.mr-hero-cta-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* B2B innovations — three cards (formerly index.php ~512) */

/* Section heading badge (formerly index.php ~501) */

/* Works intro body (formerly index.php ~932) */

/* About / review box numbers (formerly index.php ~681) */

/* Operations demo — sticky CTA (formerly index.php ~1290) */

/* Panel browser image (formerly index.php ~1262) */
.mr-panel-browser {
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.18);
    display: block;
}
.mr-panel-browser-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    background: #f5f5f7;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.mr-panel-browser-bar span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d4d4d8;
}
.mr-panel-browser-bar span:nth-child(1) { background: #ff5f57; }
.mr-panel-browser-bar span:nth-child(2) { background: #febc2e; }
.mr-panel-browser-bar span:nth-child(3) { background: #28c840; }
.mr-panel-browser-url {
    flex: 1;
    text-align: center;
    font-size: 12px;
    color: #71717a;
    font-weight: 500;
}
.mr-panel-browser-body img,
.mr-panel-browser-body picture {
    display: block;
    width: 100%;
    height: auto;
}

/* Contact info icons (formerly index.php ~1473) */
.mr-home-contact-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(19, 168, 115, 0.1);
    color: #02774e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}
.mr-home-contact-icon--whatsapp {
    background: rgba(37, 211, 102, 0.12);
    color: #075e54;
}

/* Pricing — billing toggle (formerly pricing.php) */

/* Pricing — page background */

/* Inline cleanup — trailing index.php hero & sections */

/* Inline px-max-width wrappers captured from index.php */
.mr-section-lede-480 { max-width: 480px; }
.mr-section-lede-36rem { max-width: 36rem; font-weight: 600; font-size: 1.05rem; line-height: 1.55; }
.mr-section-lede-44rem { max-width: 44rem; }
.mr-section-lede-560 { max-width: 560px; }
.mr-section-lede-64rem { max-width: 64rem; }
.mr-brand-disclaimer-tighter { margin-top: 1.25rem; margin-bottom: 0.5rem; }

/* Architecture step card */
.mr-arch-step-card {
    transition: all 0.35s ease;
    border: 1.5px solid rgba(255, 255, 255, 0.08);
}

/* Page router container widths */
.mr-resource-container { max-width: 980px; }

/* Services FAQ column */

/* Service thumbnail container */

/* Detail page responsive image */
.mr-responsive-detail-image {
    width: 100%;
    height: auto;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.09);
}

/* Panel hero caption chip */
.mr-caption-chip { display: inline-flex; }

/* Inline integrations-intro body */
.mr-int-intro-body { max-width: 40rem; line-height: 1.65; }

/* Demo video */

/* Sticky form scroll-margin (anchor offset for the home contact form) */
.mr-form-anchor { scroll-margin-top: 118px; }

/* Cross-page form action row */
.mr-form-actions {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
}
.mr-form-actions > .tf-btn,
.mr-form-actions > .tf-btn-2 {
    flex: 1;
    min-width: 140px;
}

/* Contact map iframe */
.mr-contact-map-iframe {
    border: 0;
    width: 100%;
    display: block;
}

/* Modal-call button styling harmonisation */
.mr-open-call-modal {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 20px;
    justify-content: center;
}
.mr-open-call-modal > i {
    font-size: 14px;
}

/* Generic dual CTA row (about.php, archive pages) */
.mr-dual-cta {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.mr-dual-cta > .tf-btn,
.mr-dual-cta > .tf-btn-2 {
    flex: 0 1 auto;
    min-width: 0;
}

/* Pricing — content (rich SEO body) */

/* Cookie manage button — visible only after consent (formerly theme_footer.php ~144) */
.mr-cookie-manage {
    display: none;
}
.mr-cookie-manage.is-visible {
    display: inline-flex;
}

/* Viewport bottom glass — original stepped blur taken from the earlier
   production backup. Eight progressively stronger layers avoid a visible
   horizontal cutoff while keeping the blur compact at the bottom edge. */
.mr-viewport-blur-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    z-index: 10000;
    pointer-events: none;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    background: transparent !important;
    transition: opacity 350ms ease, visibility 350ms ease;
}
.mr-viewport-blur-bottom.is-page-end {
    opacity: 0;
    visibility: hidden;
}
.mr-viewport-blur-bottom .mr-vbb-l {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: transparent !important;
}
.mr-viewport-blur-bottom .mr-vbb-l1 { -webkit-backdrop-filter: blur(.5px); backdrop-filter: blur(.5px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12.5%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, #000 12.5%, #000 100%); }
.mr-viewport-blur-bottom .mr-vbb-l2 { -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 12.5%, #000 25%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, transparent 12.5%, #000 25%, #000 100%); }
.mr-viewport-blur-bottom .mr-vbb-l3 { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 25%, #000 37.5%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, transparent 25%, #000 37.5%, #000 100%); }
.mr-viewport-blur-bottom .mr-vbb-l4 { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 37.5%, #000 50%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, transparent 37.5%, #000 50%, #000 100%); }
.mr-viewport-blur-bottom .mr-vbb-l5 { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #000 62.5%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #000 62.5%, #000 100%); }
.mr-viewport-blur-bottom .mr-vbb-l6 { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 62.5%, #000 75%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, transparent 62.5%, #000 75%, #000 100%); }
.mr-viewport-blur-bottom .mr-vbb-l7 { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 75%, #000 87.5%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, transparent 75%, #000 87.5%, #000 100%); }
.mr-viewport-blur-bottom .mr-vbb-l8 { -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 87.5%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, transparent 87.5%, #000 100%); }
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .mr-viewport-blur-bottom { background: linear-gradient(to bottom, transparent, rgba(237,236,236,.72)) !important; }
}
@media (max-width: 767px) {
    .mr-viewport-blur-bottom {
        height: 56px;
    }
    .mr-viewport-blur-bottom .mr-vbb-l7 { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
    .mr-viewport-blur-bottom .mr-vbb-l8 { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
}

/* Editorial sections — panel image overlay */

/* Editorial brand object in key page heroes. It is decorative only: the
   actual page message remains text, so it never competes with heading SEO. */
.section-hero:has(.mr-brand-hero-mark),
.section-hero.mr-brand-hero {
    isolation: isolate;
}
.section-hero .mr-brand-hero-mark {
    position: absolute;
    z-index: 1;
    left: calc(clamp(-84px, -3.5vw, -24px) + var(--mr-brand-hero-x, 20px));
    bottom: calc(-78px + var(--mr-brand-hero-y, 20px));
    display: var(--mr-brand-hero-display, block);
    /* Boyut doğrudan kutuda uygulanır: SVG, PNG ve WebP aynı davranır. */
    width: calc(clamp(330px, 35vw, 625px) * var(--mr-brand-hero-scale, 1));
    height: calc(clamp(285px, 30vw, 540px) * var(--mr-brand-hero-scale, 1));
    pointer-events: none;
    background: var(--mr-brand-hero-image, url('../images/section/metareva-bg.png')) left bottom / contain no-repeat;
    opacity: var(--mr-brand-hero-opacity, .42);
    filter: saturate(.9) contrast(.96);
    transform: rotate(-1.5deg);
    transform-origin: left bottom;
}
.section-hero .hero-image {
    z-index: 0;
}
.section-hero .container {
    position: relative;
    z-index: 2;
}
.section-hero .scroll-more {
    z-index: 3;
}

/* Global arrow alignment: center the icon box, then compensate for the
   left side-bearing built into the two arrow glyphs. */
#goTop {
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    background-color: #18181b !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

#goTop:hover {
    background-color: #008069 !important;
    color: #ffffff !important;
}

#goTop .ic-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

#goTop .ic-wrap svg,
#goTop svg {
    display: block !important;
    margin: auto !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
    width: 18px !important;
    height: 18px !important;
    pointer-events: none !important;
}

#goTop .ic-wrap .icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1em !important;
    height: 1em !important;
    margin: 0 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    transform: none !important;
}

#goTop .ic-wrap .icon::before {
    display: block !important;
    color: #ffffff !important;
    line-height: 1 !important;
    transform: none !important;
}

.scroll-more > .icon.icon-long-arrow-alt-down-solid,
.mr-editorial-hero__scroll > .icon.icon-long-arrow-alt-down-solid {
    display: inline-grid !important;
    flex: 0 0 28px !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    transform: none !important;
}

.scroll-more > .icon.icon-long-arrow-alt-down-solid::before,
.mr-editorial-hero__scroll > .icon.icon-long-arrow-alt-down-solid::before {
    display: block !important;
    transform: translateX(3px) !important;
}
/* The homepage has a stronger visual background, so its brand object is
   deliberately quieter than the light, editorial page heroes. */
body.page-home .section-hero .mr-brand-hero-mark {
    opacity: min(.30, var(--mr-brand-hero-opacity, .42));
    filter: saturate(.75) brightness(1.15);
}
@media (max-width: 767px) {
    .section-hero .mr-brand-hero-mark {
        left: calc(-74px + var(--mr-brand-hero-x, 20px));
        bottom: calc(-46px + var(--mr-brand-hero-y, 20px));
        width: calc(min(380px, 94vw) * var(--mr-brand-hero-scale, 1));
        height: calc(290px * var(--mr-brand-hero-scale, 1));
        opacity: min(.24, var(--mr-brand-hero-opacity, .42));
        transform: rotate(-1.5deg);
        transform-origin: left bottom;
    }
    body.page-home .section-hero .mr-brand-hero-mark {
        opacity: min(.18, var(--mr-brand-hero-opacity, .42));
    }
}
@media (prefers-reduced-motion: reduce) {
    .section-hero .mr-brand-hero-mark {
        transform: rotate(-1.5deg);
    }
}

/* Mobile responsiveness tweaks for inline-style replacers */

/* FAQ Accordion Render & Text Visibility Safeguards */
.accordion-asked {
    position: relative;
    z-index: 1;
}
.accordion-asked .accordion-asked-item {
    transform-style: flat !important;
    backface-visibility: visible !important;
}
.accordion-asked .accordion-button {
    color: #18181b !important;
    -webkit-text-fill-color: #18181b !important;
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.accordion-asked .accordion-button:not(.collapsed) {
    color: #18181b !important;
    -webkit-text-fill-color: #18181b !important;
}
.accordion-asked .accordion-body {
    color: #52525b !important;
    -webkit-text-fill-color: #52525b !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
}

/* Fail-safe visibility */
.effectFade, .effectFade.fadeUp, .effectFade.fadeDown, .effectFade.fadeLeft, .effectFade.fadeRight, .effectFade.fadeRotateX, .effectFade.fadeZoom, .mr-panel-hero-shot, .pricing-item { opacity: 1 !important; visibility: visible !important; }

/* Dynamic Header Navigation Typography, Color & Item Gap */
.tf-header .nav-menu-main,
.tf-header.header2 .nav-menu-main,
.box-navigation .nav-menu-main {
    gap: var(--nav-gap, 12px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.tf-header .nav-menu-main > .menu-item,
.tf-header.header2 .nav-menu-main > .menu-item {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
}
.tf-header .nav-menu-main a.item-link,
.tf-header.header2 .nav-menu-main a.item-link,
.tf-header .box-navigation .nav-menu-main a.item-link,
.nav-menu-main .item-link,
.nav-menu-main a {
    font-size: var(--nav-fs, 15px) !important;
    line-height: 1.3 !important;
    color: var(--nav-color, #52595f) !important;
    -webkit-text-fill-color: var(--nav-color, #52595f) !important;
    padding-left: clamp(2px, calc(var(--nav-gap, 12px) * 0.35 + 2px), 10px) !important;
    padding-right: clamp(2px, calc(var(--nav-gap, 12px) * 0.35 + 2px), 10px) !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    white-space: nowrap !important;
}
.tf-header .nav-menu-main a.item-link:hover,
.tf-header .nav-menu-main a.item-link.active {
    color: var(--brand, #13a873) !important;
    -webkit-text-fill-color: var(--brand, #13a873) !important;
}

/* ==========================================================================
   METAREVA ROCK-SOLID MOBILE RESPONSIVE HARDENING (ALL SCREENS 320px - 991px)
   ========================================================================== */

/* 1. Global Viewport & Container Containment */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    position: relative;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: border-box;
}

main, section, header, footer {
    max-width: 100vw !important;
    overflow-x: clip;
}

/* Prevent fixed-width iframe/media blowouts */
img, iframe, video, canvas, svg {
    max-width: 100% !important;
    height: auto;
}

/* 2. Responsive Grid Collapse for < 992px */
@media (max-width: 991.98px) {
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        overflow-x: clip !important;
    }

    .row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }

    .row > * {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Force all desktop column classes to full width on mobile unless explicitly overridden */
     .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
    .col-lg-7, .col-lg-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* BI Decision Matrix Section */
    .mr-bi-matrix-section .row > div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .mr-bi-card {
        padding: 24px 18px !important;
        border-radius: 18px !important;
        margin-bottom: 16px !important;
        width: 100% !important;
    }
    .mr-bi-card-head {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    .mr-bi-card-title {
        font-size: 19px !important;
        line-height: 1.35 !important;
    }

    /* V81 Scope & Industries Section */
    .mr-v81-layers {
        grid-template-columns: 1fr !important;
    }
    .mr-v81-layer + .mr-v81-layer {
        border-left: 0 !important;
        border-top: 1px solid #dcded8 !important;
    }
    .mr-v81-solution-grid {
        grid-template-columns: 1fr !important;
    }
    .mr-v81-solution {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }
    .mr-v81-solution-copy {
        min-height: 180px !important;
        padding: 22px 18px !important;
    }
    .mr-v81-industries {
        margin-top: 60px !important;
    }
    .mr-v81-industries-head {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .mr-v81-industry-grid {
        grid-template-columns: 1fr !important;
    }
    .mr-v81-industry {
        padding: 18px 8px !important;
        border-left: 0 !important;
    }
    .mr-v81-industry:nth-child(odd),
    .mr-v81-industry:nth-child(even) {
        padding-left: 8px !important;
        padding-right: 8px !important;
        border-left: 0 !important;
    }
}

/* 3. Small Mobile Devices (< 576px) */
@media (max-width: 575.98px) {
    /* Header & Brand Logo */
    .tf-header .header-inner {
        padding-left: 12px !important;
        padding-right: 12px !important;
        gap: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .tf-header .logo-site {
        max-width: 175px !important;
        min-height: 36px !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    .tf-header .logo-site svg,
    .tf-header .logo-site img {
        height: 24px !important;
        width: auto !important;
        max-width: 170px !important;
        display: block !important;
    }
    .tf-header .mr-header-cta {
        display: none !important;
    }

    /* Hero CTA Row */
    .mr-hero-cta-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .mr-hero-cta-row .tf-btn {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Hero Badges */
    .mr-roi-badge-wrap {
        gap: 8px !important;
    }
    .mr-roi-badge {
        font-size: 13px !important;
        padding: 6px 14px !important;
    }

    /* Section Spacing */
    .flat-spacing {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .mb-48 {
        margin-bottom: 28px !important;
    }
    .mb-64 {
        margin-bottom: 36px !important;
    }
}

/* ==========================================================================
   4. TYPOGRAPHY HARDENING - NO ILLEGIBLE FONTS (< 12px)
   ========================================================================== */
.mr-ft-col-title,
footer .mr-ft-col-title {
    font-size: 13px !important;
    letter-spacing: 0.08em;
    font-weight: 700 !important;
    text-transform: uppercase;
}


.heading-sub,
.heading-section .heading-sub,
.mr-v81-industries-head span,
.mr-v81-visual-copy span,
.text-brand.fw-semibold.mb-12,
.badge,
.mr-related-links__card > span,
.mr-related-links__head > span {
    font-size: 13px !important;
}

.mr-lb-hint {
    font-size: 12px !important;
}

/* ==========================================================================
   5. HEADER LANGUAGE SWITCHER TOUCH TARGETS
   ========================================================================== */
.mr-lang-btn {
    min-width: 38px !important;
    min-height: 32px !important;
    height: 32px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 10px !important;
}

/* ==========================================================================
   6. MOBILE TOUCH TARGETS & INTERACTIVE PADDING (< 992px)
   ========================================================================== */
@media (max-width: 991.98px) {
    /* Hide desktop nav cleanly on mobile so it doesn't leave invisible small tap targets */
    .box-navigation,
    .tf-header .box-navigation,
    .tf-header .nav-menu-main {
        display: none !important;
    }

    /* All action links and card buttons must have comfortable touch height */
    .mr-bi-link,
    .pricing-item a.text-brand,
    .mr-cookie-link {
        min-height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        padding: 6px 4px !important;
        font-size: 14px !important;
    }

    .mr-ft-link {
        min-height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        padding: 6px 0 !important;
        font-size: 14px !important;
    }

    .mr-cookie-btn {
        min-height: 44px !important;
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    .open-mb-menu.mobile-menu {
        min-width: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Hub listing cards on /cozumler, /sektorler, /ozellikler */
    .mr-geo-home-card a {
        min-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        padding: 6px 14px !important;
        margin-top: 14px !important;
        border-radius: 8px !important;
        background: rgba(2, 119, 78, 0.07) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }
}

/* ==========================================================================
   7. FLOATING ACTION CONTROLS ON MOBILE: GOTOP vs COOKIE PREFERENCES
   ========================================================================== */
#goTop {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
}

@media (max-width: 767.98px) {
    /* 1. Back to Top Button (#goTop):
          Positioned exclusively on the BOTTOM-RIGHT on mobile.
          Overrides any legacy left:16px rules and never collides with left elements. */
    #goTop,
    body #goTop,
    body.mr-sticky-on #goTop,
    body.mr-page-end #goTop,
    body.mr-sticky-on.mr-page-end #goTop {
        top: auto !important;
        left: auto !important;
        right: 16px !important;
        bottom: calc(var(--mr-sticky-h, 0px) + 16px) !important;
        z-index: 10025 !important;
    }

    body.mr-sticky-on #goTop,
    body.mr-sticky-on.mr-page-end #goTop {
        bottom: calc(var(--mr-sticky-h, 72px) + 14px) !important;
    }

    body.mr-page-end #goTop {
        bottom: calc(var(--mr-gotop-end-lift, 72px) + 16px) !important;
    }

    /* 2. Cookie Preferences Button (.mr-cookie-manage):
          Positioned exclusively on the BOTTOM-LEFT on mobile.
          Completely separate from #goTop on the right. */
    .mr-cookie-manage,
    button.mr-cookie-manage,
    body .mr-cookie-manage,
    body.mr-sticky-on .mr-cookie-manage,
    body.mr-page-end .mr-cookie-manage {
        top: auto !important;
        right: auto !important;
        left: 14px !important;
        bottom: calc(var(--mr-sticky-h, 0px) + 16px) !important;
        z-index: 10015 !important;
        padding: 7px 14px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        border-radius: 999px !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
    }

    body.mr-sticky-on .mr-cookie-manage,
    body.mr-sticky-on.mr-page-end .mr-cookie-manage {
        bottom: calc(var(--mr-sticky-h, 72px) + 14px) !important;
    }

    body.mr-page-end .mr-cookie-manage {
        bottom: calc(var(--mr-gotop-end-lift, 72px) + 16px) !important;
    }
}
/* Hamburger/menu trigger yalnizca mobilde */
@media (min-width:1200px){body #mrOpenMenu.mobile-menu,body .tf-header .mobile-menu,body .tf-header .tf-btn.open-mb-menu{display:none!important;visibility:hidden!important}}
@media (max-width:1199px){body #mrOpenMenu.mobile-menu,body .tf-header .mobile-menu,body .tf-header .tf-btn.open-mb-menu{display:inline-flex!important;visibility:visible!important;align-items:center!important;justify-content:center!important}}