:root {
  --ink: #F6F2E7;
  --panel: #FFFFFF;
  --panel-2: #EDE7D7;
  --panel-3: #f7f6ef;
  --line: rgba(27, 33, 48, .09);
  --line-strong: rgba(27, 33, 48, .15);
  --cream: #1B2130;
  --muted: #666F7D;
  --muted-2: #8B8574;
  --gold: #b45231;
  --gold-2: #D97757;
  --teal: #1F4D3D;
  --teal-dim: #163A2E;
  --navy: #1B2130;
  --danger-soft: #B4543F;
  --radius: 14px;

  --primary-theme: #b45231;
  --primary-theme-dark: #913e24;
  --primary-theme-light: #f4e8e1;
  --background: #f7f6f3;

  --ink-dark: #1b2232;
  --body: #60616a;
  --border: #deddd7;
  --eyecolor: #775745;

}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--background);
  color: var(--cream);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-head {
  font-family: "Poppins", system-ui, sans-serif;
  letter-spacing: -0.01em;
  color: var(--cream);
}

p {
  color: var(--muted);
}

a {
  color: inherit;
  text-decoration: none;
}

.container-xl-custom {
  max-width: 1360px;
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* ::selection{background:var(--gold);color:#12130f;} */

/* ===== texture ===== */
.grain-bg {
  background-image:
    radial-gradient(circle at 15% 8%, rgba(185, 74, 42, .10), transparent 38%),
    radial-gradient(circle at 85% 0%, rgba(31, 77, 61, .10), transparent 42%);
}

/* ===== NAV ===== */
.navbar-custom {
  position: sticky;
  top: 0;
  z-index: 1000;
  /* background:rgba(251,250,247,.86); */
  background: linear-gradient(180deg, hsla(0, 0%, 96%, .35) 0, #f5f5f5);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
  padding: .85rem 0;
  backdrop-filter: blur(14px) saturate(1.5);
  /* box-shadow: 0 10px 30px 0 rgba(26, 23, 20, .12), 0 1px 2px 0 rgba(26, 23, 20, .06), inset 0 1px 0 0 hsla(0, 0%, 100%, .85); */
}

#mainNav {
  transition: box-shadow .25s ease;
}

#mainNav.scrolled {
  box-shadow: 0 10px 30px 0 rgba(26, 23, 20, .12), 0 1px 2px 0 rgba(26, 23, 20, .06), inset 0 1px 0 0 hsla(0, 0%, 100%, .85);
  position: fixed;
  z-index: 999;
  width: 100%;
}

.brand-mark {
  display: flex;
  align-items: center;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 1.18rem;
  color: var(--cream);
  line-height: 1; text-transform: uppercase;
}

.brand-mark .dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 12px var(--gold);
}

.brand-mark span {
  color: var(--gold);
}

.nav-link-custom {
  font-size: .92rem;
  font-weight: 500;
  color: var(--muted);
  padding: .5rem .9rem !important;
  transition: color .15s ease;
}

.nav-link-custom:hover,
.nav-link-custom.active {
  color: var(--primary-theme) !important;
      background: #f2f0e9;
    border-radius: 10px;
}

.nav-cta-outline {
  border: 1px solid var(--line-strong);
  color: var(--cream);
  padding: .5rem 1.1rem;
  border-radius: 8px;
  font-size: .88rem;
  font-weight: 600;
  transition: .15s ease;
}

.nav-cta-outline:hover {
  border-color: var(--gold);
  color: var(--gold);
}

.nav-cta-solid {
  background: var(--ink-dark);
  border-color: var(--ink-dark);
  display: flex;
  color: #FFFFFF;
  padding: .55rem 1.2rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: .88rem;
  /* box-shadow:0 6px 20px rgba(185,74,42,.25);    */
  font-size: .82rem;
  padding: 10px 20px;
  border-radius: 8px;
  gap: 14px;
  transition: background .2s, transform .2s, box-shadow .2s;
  box-shadow: 0 2px 6px 0 rgba(26, 33, 48, .22), inset 0 1px 0 0 hsla(0, 0%, 100%, .18);
}

.nav-cta-solid:hover {
  color: #FFFFFF;
  filter: brightness(1.05);
  background: #303a4c;
  transform: translateY(-2px)
}

.btn-ink {
  background: var(--ink-dark);
  border-color: var(--ink-dark);
  color: #fff
}

.btn-ink:hover {
  background: #303a4c;
  color: #fff
}

.btn-ink .icon {
  width: 21px;
  height: 21px;
  flex-shrink: 0;
  vertical-align: middle
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: .9rem;
  font-weight: 600;
  border-radius: 8px;
  padding: 16px 24px;
  line-height: 1.5;
  transition: background .2s, transform .2s, box-shadow .2s;
}

.explore-chip {
  font-size: .8rem;
  color: var(--muted-2);
  display: flex;
  align-items: center;
  gap: .4rem;
  padding-right: .9rem;
  margin-right: .4rem;
  border-right: 1px solid var(--line);
}

.explore-chip a {
  color: var(--teal);
  font-weight: 600;
}

/* dropdown mega menu */
.dropdown-menu-custom {
  background: var(--panel);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  padding: 1.4rem;
  min-width: 640px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .55);
}

.mm-eyebrow {
  font-size: .72rem;
  color: var(--gold);
  font-weight: 600;
}

.mm-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .35rem;
  margin-top: .8rem;
}

.mm-item {
  display: flex;
  gap: .7rem;
  padding: .6rem .6rem;
  border-radius: 10px;
  transition: .15s ease;
}

.mm-item:hover {
  background: var(--panel-3);
}

.mm-item .ic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgba(185, 74, 42, .10);
  color: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}

.mm-item b {
  display: block;
  font-size: .86rem;
  color: var(--cream);
  font-weight: 600;
}

.mm-item small {
  color: var(--muted-2);
  font-size: .74rem;
}

/* ===== HERO ===== */
.hero {
  padding: 5.2rem 0 3.5rem;
  position: relative;
  overflow: hidden;
  background: radial-gradient(ellipse at 8% 14%, #d9dcdd75, transparent 34%), radial-gradient(ellipse at 96% 26%, #ddc7b53b, transparent 33%), linear-gradient(180deg, #f3f2ef 0%, #f7f6f3 95%);
}

/* .hero-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;background:rgba(31,77,61,.08);
  border:1px solid rgba(31,77,61,.22);color:var(--teal);font-size:.8rem;font-weight:600;
  padding:.4rem .9rem;border-radius:99px;
} */
.hero-eyebrow {
  text-transform: uppercase;
  line-height: 1.5;
  font-size: .75rem;
  letter-spacing: .13em;
  font-weight: 650;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #735a48;
  margin-bottom: 24px
}

.hero h1 {
  font-size: clamp(2.1rem, 4.4vw, 3.4rem);
  font-weight: 700;
  line-height: 1.1;
  margin: 1.1rem 0 1rem;
}

.hero h1 .accent {
  color: var(--gold);
}

.hero .lead {
  font-size: 1.15rem;
  color: var(--muted);
  max-width: 740px;
}

.btn-primary-gold {
  /* background:linear-gradient(135deg,var(--gold),var(--gold-2)); */
  background: var(--gold) !important;
  color: #fff;
  border: 0;
  padding: .95rem 1.6rem;
  border-radius: 10px;
  font-weight: 600;
  font-size: .96rem;
  /* box-shadow:0 10px 28px rgba(185,74,42,.28);  */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  transition: background .2s, transform .2s, box-shadow .2s
}

.btn-primary-gold:hover {
  color: #FFFFFF;
  filter: brightness(1.04);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(185, 74, 42, .28);
}

.btn-ghost-line {
  transition: background .2s, transform .2s, box-shadow .2s;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  border: 1px solid var(--line-strong);
  color: var(--cream);
  padding: .95rem 1.6rem;
  border-radius: 10px;
  font-weight: 600;
  font-size: .96rem;
}

.btn-ghost-line:hover {
  border-color: var(--ink-dark);
  color: #fff;
  transform: translateY(-2px);
  background: var(--ink-dark);
  box-shadow: 0 10px 28px rgba(23, 23, 23, 0.28);
}

.hero-ribbon {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.6rem;
  margin-top: 2.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid var(--line);
}

.hero-ribbon span {
  font-size: .82rem;
  color: var(--muted-2);
  font-weight: 500;
}

.hero-ribbon i {
  color: var(--muted-2);
  margin-right: .4rem;
}

/* console card — deliberate dark device screen inset on the light page */
.console {
  background: #12161C;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  padding: 1.4rem;
  box-shadow: 0 40px 90px rgba(20, 24, 29, .16);
  position: relative;
}

.console-head {
  display: flex;
  align-items: center;
  justify-content: between;
  margin-bottom: 1rem;
}

.console-dots {
  display: flex;
  gap: .35rem;
}

.console-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .14);
}

.console-title {
  font-size: .78rem;
  color: #8891A0;
  font-weight: 600;
  letter-spacing: .02em;
  margin-left: .7rem;
}

.metric-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .85rem .2rem;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.metric-row:last-child {
  border-bottom: 0;
}

.metric-label {
  font-size: .82rem;
  color: #8891A0;
}

.metric-value {
  font-family: "Poppins";
  font-weight: 700;
  font-size: 1.05rem;
  color: #F2F0EA;
}

.metric-tag {
  font-size: .72rem;
  font-weight: 600;
  padding: .18rem .5rem;
  border-radius: 6px;
}

.metric-tag.up {
  color: #4FD6C2;
  background: rgba(31, 77, 61, .16);
}

.metric-tag.live {
  color: #F4C66B;
  background: rgba(185, 74, 42, .16);
}

.console-foot {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, .08);
  display: flex;
  justify-content: space-between;
  font-size: .76rem;
  color: #8891A0;
}

/* ===== marquee ===== */
.marquee-strip {
  background: var(--panel);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 1.1rem 0;
  overflow: hidden;
}

.marquee-track {
  display: flex;
  gap: 3.2rem;
  white-space: nowrap;
  animation: scroll-x 28s linear infinite;
  width: max-content;
}

.marquee-track span {
  font-family: "Poppins";
  font-weight: 600;
  font-size: .95rem;
  color: var(--muted-2);
  display: flex;
  align-items: center;
  gap: .6rem;
}

.marquee-track span i {
  color: var(--gold);
  font-size: .5rem;
}

@keyframes scroll-x {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .marquee-track {
    animation: none;
  }
}

/* ===== section shell ===== */
.section {
  padding: 5.5rem 0;
}

.section-tight {
  padding: 3.5rem 0;
}

.eyebrow {
  font-size: .75rem;
  font-weight: 600;
  color: var(--eyecolor);
  text-transform: none;
  letter-spacing: .13em;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  text-transform: uppercase;
}

/* .eyebrow::before{content:'';width:22px;height:1px;background:var(--gold);display:inline-block;} */
.section-title {
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  font-weight: 700;
  margin: .7rem 0 .9rem;
}

.section-title span {
  color: var(--primary-theme);
}

.section-sub {
  color: var(--muted);
  max-width: 640px;
  font-size: 1.02rem;
}

/* pillar cards */
.pillar-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 2rem 1.7rem;
  height: 100%;
  transition: border-color .2s ease, transform .2s ease;
}

.pillar-card:hover {
  border-color: var(--line-strong);
  transform: translateY(-3px);
}

.pillar-num {
  font-size: .78rem;
  color: var(--primary-theme);
  font-weight: 600;
  letter-spacing: .1em;
}

.pillar-card h3 {
  font-size: 1.18rem;
  margin: .9rem 0 .6rem;
  font-weight: 600;
}

.pillar-card p {
  font-size: .92rem;
  margin-bottom: 0;
}

.pillar-card .plus {
  color: var(--gold);
  font-size: 1.3rem;
  margin: .4rem 0;
}

/* traditional vs entriesone comparison */
.compare-wrap {
  border: 1px solid var(--line-strong);
  border-radius: 18px;
  overflow: hidden;
}

.compare-col {
  padding: 2.2rem;
}

.compare-col.old {
  background: var(--panel);
}

.compare-col.new {
  background: linear-gradient(180deg, rgba(185, 74, 42, .08), rgba(31, 77, 61, .05));
  border-left: 1px solid var(--line-strong);
}

.compare-col h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.1rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}

.compare-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.compare-col li {
  display: flex;
  gap: .6rem;
  padding: .55rem 0;
  font-size: .92rem;
  color: var(--muted);
  border-bottom: 1px dashed var(--line);
}

.compare-col li:last-child {
  border-bottom: 0;
}

.compare-col.old li i {
  color: var(--danger-soft);
}

.compare-col.new li i {
  color: var(--teal);
}

.compare-col.new li {
  color: var(--cream);
}

/* feature list w/ image */
.feature-item {
  display: flex;
  gap: 1rem;
  padding: 1.1rem 0;
  border-bottom: 1px solid var(--line);
}

.feature-item:last-child {
  border-bottom: 0;
}

.feature-item .ic {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: rgba(31, 77, 61, .1);
  color: var(--teal);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.feature-item h5 {
  font-size: .98rem;
  margin-bottom: .25rem;
  font-weight: 600;
}

.feature-item p {
  font-size: .86rem;
  margin-bottom: 0;
}

.img-frame {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .4);
}

.img-frame img {
  width: 100%;
  display: block;
}

/* services grid */
.svc-card {
  background: var(--panel-3);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.6rem;
  height: 100%;
  transition: .2s ease;
  display: flex;
  flex-direction: column;
}

/* .svc-card:hover{border-color:var(--gold);background:var(--panel-2);} */
.svc-card:hover {
  transform: translateY(-4px);
  border-color: #b4523160;
  box-shadow: 0 12px 25px #4f39290a;
  background: var(--background);
}


.circle-arrow {
  display: grid;
  place-items: center;
  border: 1px solid #e0ddd4;
  border-radius: 100%;
  height: 31px;
  width: 31px;
  color: #8c857a;
  transition: background .2s, color .2s
}

.circle-arrow .icon {
  width: 15px;
  height: 15px
}

.svc-card:hover .circle-arrow, .mini-svc-card:hover .circle-arrow{
  color: white;
  background: var(--primary-theme);
  border-color: var(--primary-theme)
}

.mini-svc-card .circle-arrow {width: 26px; height: 26px; margin-top: 6px;}

.svc-tag {
  font-size: .7rem;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .03em;
}

.svc-card h4 {
  font-size: 1.05rem;
  margin: .5rem 0 .92rem;
  font-weight: 600;
}

.svc-card p {
  font-size: .85rem;
  margin-bottom: .9rem;
  flex-grow: 1;
}

.svc-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}

.svc-card ul li {
  font-size: .8rem;
  color: var(--muted-2);
  padding: .2rem 0;
  display: flex;
  gap: .4rem;
  align-items: center;
}

.svc-card ul li i {
  color: var(--teal);
  font-size: .7rem;
}

.svc-card .out {
  font-size: .82rem;
  color: var(--teal);
  font-weight: 600;
  margin-top: auto;
}

/* AI + human split */
.split-panel {
  border-radius: 18px;
  padding: 2.2rem;
  height: 100%;
}

.split-panel.ai {
  background: linear-gradient(155deg, rgba(185, 74, 42, .1), rgba(185, 74, 42, .02));
  border: 1px solid rgba(185, 74, 42, .25);
}

.split-panel.human {
  background: linear-gradient(155deg, rgba(31, 77, 61, .1), rgba(31, 77, 61, .02));
  border: 1px solid rgba(31, 77, 61, .25);
}

.split-panel h4 {
  font-size: 1.15rem;
  margin-bottom: 1.1rem;
  display: flex;
  align-items: center;
  gap: .6rem;font-weight: 600;
}

.split-panel ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.split-panel li {
  padding: .55rem 0;
  font-size: .9rem;
  color: var(--cream);
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: .55rem;
}

.split-panel li:last-child {
  border-bottom: 0;
}

.split-panel.ai li i {
  color: var(--gold);
}

.split-panel.human li i {
  color: var(--teal);
}

.combined-badge {
  position: relative;
  text-align: center;
  margin: 1.2rem 0;
}

.combined-badge span {
  background: var(--ink);
  border: 1px solid var(--line-strong);
  border-radius: 99px;
  padding: .5rem 1.4rem;
  font-family: "Poppins";
  font-weight: 700;
  font-size: .82rem;
  color: var(--cream);
}

/* advantages */
.adv-card {
  padding: 1.6rem 0;
  border-top: 1px solid var(--line);
}

.adv-num {
  font-family: "Poppins";
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--line-strong);
  -webkit-text-stroke: 1px var(--muted-2);
}

.adv-card h5 {
  font-size: 1.02rem;
  margin: .6rem 0 .5rem;
  font-weight: 600;
}

.adv-card p {
  font-size: .88rem;
  margin-bottom: 0;
}

/* stat strip */
.stat-strip {
  background: var(--panel);
  border: 1px solid var(--line-strong);
  border-radius: 20px;
  padding: 3rem 2rem;
}

.stat-num {
  font-weight: 700;
  font-size: clamp(2rem, 4vw, 2.2rem);
  color: var(--gold);
  line-height: 1;
}

.stat-label {
  font-size: .86rem;
  color: var(--muted);
  margin-top: .5rem;
}

/* who we serve */
.serve-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.7rem;
  height: 100%;
  position: relative;
}

.serve-card:hover {
  border-color: var(--teal);
}

.serve-card i {
  font-size: 1.5rem;
  color: var(--teal);
}

.serve-card h5 {
  margin: 1rem 0 .5rem;
  font-size: 1.02rem;
  font-weight: 600;
}

.serve-card p {
  font-size: .88rem;
  margin-bottom: 0;
}

/* ignite cross-sell — dark accent band on the light page */
.ignite-banner {
  background: linear-gradient(120deg, #14251F 0%, #11161D 55%, #1C160B 100%);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 22px;
  padding: 3rem;
  position: relative;
  overflow: hidden;
}

.ignite-banner .eyebrow {
  color: #F4C66B;
}

.ignite-banner .eyebrow::before {
  background: #F4C66B;
}

.ignite-banner .section-title {
  color: #F2F0EA;
}

.ignite-banner .section-sub {
  color: #9CA6B2;
}

.ignite-banner .btn-ghost-line {
  border-color: rgba(255, 255, 255, .2);
  color: #F2F0EA;
}

.ignite-banner .btn-ghost-line:hover {
  border-color: #4FD6C2;
  color: #4FD6C2;
}

.ignite-step {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.4rem;
}

.ignite-step .n {
  font-family: "Poppins";
  font-weight: 800;
  font-size: 1.3rem;
  color: #F4C66B;
  width: 42px;
  flex-shrink: 0;
}

.ignite-step h6 {
  font-size: .96rem;
  margin-bottom: .3rem;
  color: #F2F0EA;
}

.ignite-step p {
  font-size: .85rem;
  margin-bottom: 0;
  color: #9CA6B2;
}

/* final CTA */
.final-cta {
  /* background:radial-gradient(circle at 30% 20%, rgba(185,74,42,.10), transparent 55%), var(--panel-2); */
  /* background: #ece7dd; */
  background: #f1efe5;
  border-radius: 0;
  padding: 4rem 2rem;
  text-align: center;
}

/* footer — dark band anchoring the light page */
footer {
  background: #0D1116;
  border-top: 1px solid rgba(255, 255, 255, .06);
  padding: 4rem 0 2rem;
}

footer h6 {
  color: #F2F0EA;
  font-size: .86rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer ul li {
  list-style: none;
}

footer a {
  color: #8891A0;
  font-size: .86rem;
  display: block;
  margin-bottom: .6rem;
}

footer a:hover {
  color: var(--primary-theme);
}

footer p {
  color: #8891A0;
}

footer .brand-mark {
  color: #F2F0EA;
}

footer span {
  color: #8891A0;
}

.social-ic {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8891A0;
  font-size: .9rem;
}

.social-ic:hover {
  color: #F4C66B;
  border-color: var(--primary-theme);
}

@media (max-width: 991px) {
  .hero {
    padding: 2.6rem 0 2rem;
  }

  .section {
    padding: 3.5rem 0;
  }

  .compare-col.new {
    border-left: 0;
    border-top: 1px solid var(--line-strong);
  }
  .lead {font-size: 1rem;
  }
}

/* window app */
.operations-window {
  position: relative;
  border-radius: 15px;
  border: 1px solid #d4d1c9;
  background: #fff;
  box-shadow: 0 30px 50px -35px #4a3d3266, 0 0 0 7px #fff6;
  overflow: hidden;
  text-align: left
}

.window-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  border-bottom: 1px solid #e7e5df;
  background: #faf9f6
}

.window-label {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: .81rem
}

.window-label .icon {
  width: 18px;
  height: 18px;
  color: var(--primary-theme)
}

.window-label strong {
  font-weight: 550
}

.preview-label {
  font-size: .7rem;
  color: #787876
}

.operations-sidebar {
  background: #f5f3ee;
  padding: 26px 20px;
  border-right: 1px solid #e7e5df
}

.tiny-label {
  font-size: .6rem;
  letter-spacing: .095em;
  font-weight: 600;
  color: #8a7563;
  display: block;
  margin-bottom: 16px
}

.operations-sidebar h2 {
  font-size: 1.17rem;
  letter-spacing: -.035em;
  line-height: 1.4;
  margin-bottom: 20px
}

.operations-sidebar .nav {
  gap: 6px
}

.operations-sidebar .nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  font-size: .75rem;
  padding: 12px;
  color: #72706a;
  border-radius: 7px
}

.operations-sidebar .nav-link .icon {
  width: 17px;
  height: 17px
}

.operations-sidebar .nav-link .icon:last-child {
  width: 15px;
  margin-left: auto;
  opacity: 0
}

.operations-sidebar .nav-link.active {
  color: #8f3f26;
  background: #eaddd1
}

.operations-sidebar .nav-link.active .icon:last-child {
  opacity: 1
}

.sidebar-foot {
  font-size: .71rem;
  line-height: 1.7;
  color: #817d75;
  margin-top: 25px;
  padding-left: 12px
}

.operations-main {
  padding: 24px 27px 18px
}

.dashboard-heading h3 {
  font-size: 1.03rem;
  letter-spacing: -.025em;
  margin-bottom: 5px
}

.dashboard-heading p {
  font-size: .73rem;
  margin-bottom: 20px
}

.workflow-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
  margin-bottom: 18px
}

.workflow-step {
  background: #faf9f6;
  border: 1px solid #edeae4;
  border-radius: 8px;
  padding: 14px 15px
}

.step-num {
  font-size: .68rem;
  display: block;
  color: #aa6244;
  margin-bottom: 8px;
  font-weight: 600
}

.workflow-step h4 {
  font-size: .8rem;
  margin-bottom: 5px;
  letter-spacing: -.015em
}

.workflow-step p {
  font-size: .67rem;
  line-height: 1.5;
  margin: 0;
  color: #777872
}

.workflow-records {
  border: 1px solid #e9e7e2;
  border-radius: 8px;
  padding: 0 14px
}

.records-heading {
  display: flex;
  justify-content: space-between;
  font-size: .59rem;
  letter-spacing: .08em;
  font-weight: 600;
  color: #8b8882;
  padding: 10px 0 7px;
  border-bottom: 1px solid #eeece7
}

.record {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: .72rem;
  padding: 8px 0
}

.record>span:first-child {
  display: flex;
  align-items: center;
  gap: 8px
}

.record .icon {
  width: 14px;
  height: 14px;
  color: #837864
}

.record-tag {
  font-size: .64rem;
  border-radius: 5px;
  padding: 3px 8px;
  background: #f1eee7;
  color: #766651
}

.tag-1 {
  background: #f5e9e1;
  color: #995c39
}

.tag-2 {
  background: #ecf1ec;
  color: #4c6a52
}

.connected-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding-top: 15px;
  font-size: .66rem;
  color: #7d766c
}

.connected-line>span:not(.connection-rule) {
  display: flex;
  align-items: center;
  gap: 6px
}

.connected-line .icon {
  width: 14px;
  height: 14px
}

.connected-line strong {
  font-weight: 500
}

.connection-rule {
  height: 1px;
  background: #d8d4cb;
  flex: 1;
  max-width: 65px
}

.coverage-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-bottom: 1px solid var(--border);
  padding: 30px 2px;
  color: #4f5158
}

.coverage-strip>span:first-child {
  font-size: .75rem;
  color: #838078
}

.coverage-strip strong {
  font-size: .8rem;
  font-weight: 500;
  letter-spacing: -.02em
}

.strip-divider {
  width: 1px;
  height: 17px;
  background: #d6d3cb
}

/* end win app */



.expert-visual {
  align-self: stretch;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  background: radial-gradient(ellipse at 50% 80%, #63606466, transparent 68%)
}

.expert-visual img {
  width: 100%;
  height: auto;
  max-height: 565px;
  object-fit: contain;
  object-position: bottom;
  filter: saturate(.38)
}

.expert-note {
  position: absolute;
  bottom: 30px;
  right: 40px;
  left: 40px;
  padding: 12px 20px;
  background: #f9f6efed;
  border: 1px solid #ffffff7a;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  display: flex;
  gap: 16px;
  align-items: center;
  color: var(--ink);
  box-shadow: 0 7px 30px #0002
}

.expert-note>.icon {
  color: var(--primary-theme);
  height: 25px;
  width: 25px
}

.expert-note strong {
  display: block;
  font-size: .81rem;
  font-weight: 600
}

.expert-note span {
  display: block;
  font-size: .73rem;
  color: #73716c
}

.closing-note {
  font-size: .79rem;
  color: #938572;
  margin-top: 22px
}

/* Three-column AI MSP menu shared by homepage and service-page header. */
@media (min-width: 992px) {
  .navbar-custom .nav-item.dropdown {
    position: static;
  }

  .navbar-custom .dropdown-menu-custom {
    left: 50%;
    right: auto;
    top: 100%;
    transform: translateX(-50%);
    width: min(1080px, calc(100vw - 48px));
    min-width: 0;
    max-height: calc(100dvh - 100px);
    overflow-y: auto;
  }

  .navbar-custom .mm-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
  }

  .navbar-custom .mm-item {
    min-width: 0;
  }

  .navbar-custom .mm-item>span:last-child {
    min-width: 0;
    white-space: normal;
    overflow-wrap: break-word;
  }
}


/* Playstore / iOs */
.store-badge{ text-align: start; display:inline-flex;align-items:center;gap:.6rem;background:var(--cream);color:#fff;padding:.65rem 1.3rem;border-radius:10px;font-size:.82rem;
  font-weight:600;text-decoration:none; transition: background .2s, transform .2s, box-shadow .2s}
.store-badge:hover{transform: translateY(-2px);}
.store-badge small{display:block;font-weight:400;font-size:.54rem;opacity:.75;}
.store-badge i{font-size:1.3rem;}
/* 2nd  */

.ip-store-row {
  display: flex;
  gap: .75rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}

.ip-store-btn {
  display: flex;
  align-items: center;
  gap: .65rem;
  background: var(--cream);
  border: 1px solid var(--line);
  color: var(--ink);
  padding: .6rem 1.15rem;
  border-radius: 10px;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.ip-store-btn:hover {
  /* background: rgba(154, 150, 142, 0.14); */
  /* border-color: rgba(245, 241, 230, .4); */
  transform: translateY(-2px);
}

.ip-store-btn i {
  font-size: 1.4rem;
  color: var(--gold);
  flex-shrink: 0;
}

.ip-store-btn small {
  display: block;
  font-size: .62rem;
color: var(--ink);
  line-height: 1.2;
}

.ip-store-btn b {
  display: block;
  font-size: .88rem;
  font-weight: 700;
}



/* end Playstore / iOs */
/* ===== EntriesOne footer redesign v2 — scoped to this footer ===== */
footer:has(.eo-footer){padding:0;border:0;background:var(--cream);}
.eo-footer{background:linear-gradient(120deg, #140b0b 0%, #11161D 55%, #1C160B 100%);color:#f7f5ee;padding:0 0 26px;font-family:Inter,system-ui,sans-serif;}
.eo-footer .container-1824{max-width:1824px;margin-inline:auto;}
.eo-footer a{margin:0;text-decoration:none;transition:color .2s,background .2s;}
.eo-footer span{color:inherit;}
.eo-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:56px 0 46px;border-bottom:1px solid #ffffff24;}
.eo-footer .eo-footer-eyebrow{display:block;color:#d5c79b;font-size:11px;font-weight:600;letter-spacing:.16em;margin-bottom:18px;}
.eo-footer h2{color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(26px,2.6vw,44px);line-height:1.3;letter-spacing:-.025em;margin:0 0 16px;}
.eo-footer h2 span{color:#d5c79b;}
.eo-footer p{color:#a6a6a6;font-size:14px;line-height:1.75;margin:0;}
.eo-footer .eo-footer-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;border:1px solid #c16a49;background:#b45231;color:#fff;padding:19px 25px;border-radius:10px;font-size:14px;font-weight:600;}
.eo-footer .eo-footer-button:hover{background:#913e24;color:#fff;}
.eo-footer-brand-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:38px 0;}
.eo-footer .eo-footer-logo{display:inline-block;color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:26px;letter-spacing:-.2px;line-height:1.2;}
.eo-footer .eo-footer-logo span{color:#e58a60;}
.eo-footer-brand-row p{text-align:right;font-size:13px;}
.eo-footer-links{padding-bottom:38px;}
.eo-footer h3{font:600 14px Poppins,sans-serif;color:#fff;margin:0 0 21px;}
.eo-footer h3 span{display:inline-block;font:400 11px Inter,sans-serif;color:#b9c9c1;margin-left:12px;}
.eo-footer ul{list-style:none;padding:0;margin:0;}
.eo-footer li{list-style:none;margin:0;padding:0;}
.eo-footer-links li a{display:inline-block;color:#c9c9c9;font-size:13px;line-height:1.65;padding:0 0 12px;}
.eo-footer a:hover{color:#f0b393;}
.eo-footer-services ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;}
.eo-footer .eo-footer-contact{display:inline-flex;gap:18px;align-items:center;color:#ecc5b2;font-size:13px;font-weight:600;margin-top:8px;}
.eo-footer-platform{border-top:1px solid #ffffff24;margin-top:26px;padding-top:19px;}
.eo-footer-platform span{display:block;font-size:10px;letter-spacing:.14em;color:#a5b8ae;margin-bottom:8px;}
.eo-footer-platform a{display:inline-flex;gap:20px;color:#f7f5ee;font-size:14px;font-weight:600;}
.eo-footer-bottom{border-top:1px solid #ffffff24;padding-top:25px;display:flex;justify-content:space-between;gap:18px;align-items:center;}
.eo-footer-bottom p,.eo-footer-bottom a{font-size:11px;color:#ababab;}
.eo-footer-bottom ul{display:flex;flex-wrap:wrap;gap:12px 25px;}
.eo-footer a:focus-visible{outline:2px solid #edbfa7;outline-offset:5px;border-radius:3px;}
@media(max-width:991.98px){.eo-footer-cta{align-items:flex-start;flex-direction:column;padding:40px 0;gap:24px;}.eo-footer-links{padding-bottom:30px;}}
@media(max-width:575.98px){.eo-footer-brand-row{align-items:flex-start;flex-direction:column;padding:30px 0;gap:15px;}.eo-footer-brand-row p{text-align:left;}.eo-footer-services ul{grid-template-columns:1fr;}.eo-footer-bottom{align-items:flex-start;flex-direction:column;}.eo-footer .eo-footer-button{width:100%;padding:17px 18px;gap:16px;font-size:13px;}.eo-footer h3{margin-bottom:16px;}}
@media(prefers-reduced-motion:reduce){.eo-footer a{transition:none;}}