/* Codory content enrichment layer. Keeps the original Codory palette and component language. */
.cx-rich-showcase{padding:84px 0;background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)}
.cx-rich-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}
.cx-rich-card{position:relative;overflow:hidden;border:1px solid rgba(15,23,42,.10);border-radius:26px;background:#fff;min-height:410px;box-shadow:0 22px 60px rgba(15,23,42,.08);transition:.25s ease}
.cx-rich-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(15,23,42,.12)}
.cx-rich-media{height:210px;overflow:hidden;background:#eef2ff}
.cx-rich-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}
.cx-rich-card:hover .cx-rich-media img{transform:scale(1.035)}
.cx-rich-body{padding:25px 26px 28px}
.cx-rich-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.cx-rich-label{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.cx-rich-label i{width:31px;height:31px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f3f4f6}
.cx-rich-card h3{font-size:1.35rem;line-height:1.25;margin:0;color:#0f172a}
.cx-rich-card p{color:#64748b;line-height:1.7;margin:0 0 18px}
.cx-rich-links{display:flex;flex-wrap:wrap;gap:9px}
.cx-rich-links a{font-size:.82rem;text-decoration:none;color:#334155;background:#f8fafc;border:1px solid #e8ecf3;border-radius:999px;padding:8px 11px;font-weight:700;transition:.2s}
.cx-rich-links a:hover{border-color:rgba(110,67,160,.35);color:#6E43A0;background:#faf7ff}
.cx-rich-card.dev .cx-rich-label{color:#2E9E1F}.cx-rich-card.dev .cx-rich-label i{background:#effbea}
.cx-rich-card.software .cx-rich-label{color:#6E43A0}.cx-rich-card.software .cx-rich-label i{background:#f5effb}
.cx-rich-card.messaging .cx-rich-label{color:#E5451C}.cx-rich-card.messaging .cx-rich-label i{background:#fff1ec}
.cx-rich-card.ops .cx-rich-label{color:#0f3cc9}.cx-rich-card.ops .cx-rich-label i{background:#eef3ff}
.cx-rich-note{margin-top:26px;padding:19px 22px;border-radius:18px;background:linear-gradient(90deg,rgba(110,67,160,.07),rgba(229,69,28,.07));border:1px solid rgba(110,67,160,.10);display:flex;align-items:center;justify-content:space-between;gap:18px}
.cx-rich-note p{margin:0;color:#475569;line-height:1.6}.cx-rich-note strong{color:#0f172a}
.cx-usecases{padding:82px 0}
.cx-usecases-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.cx-usecase{border:1px solid #e8ebf1;border-radius:20px;padding:22px;background:#fff;min-height:178px}
.cx-usecase i{font-size:1.15rem;margin-bottom:18px;color:#6E43A0}.cx-usecase h3{font-size:1rem;margin:0 0 8px;color:#0f172a}.cx-usecase p{font-size:.9rem;color:#64748b;line-height:1.65;margin:0}
.cx-product-band{padding:78px 0;background:linear-gradient(180deg,#FBF6EC 0%,#FAF3E6 100%);color:#0f172a}
.cx-product-band .cx-kicker{color:#6E43A0}.cx-product-band h2{color:#0f172a}.cx-product-band .cx-showcase-head p{color:#64748b}
.cx-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:28px}
.cx-product-link{display:block;text-decoration:none;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.72);border-radius:18px;padding:20px;color:#0f172a;transition:.2s}
.cx-product-link:hover{transform:translateY(-3px);background:#fff;border-color:rgba(110,67,160,.24)}
.cx-product-link i{font-size:1.1rem;margin-bottom:14px;color:#E5451C}.cx-product-link b{display:block;margin-bottom:7px}.cx-product-link span{font-size:.84rem;line-height:1.55;color:#64748b}

/* Service detail page content */
.cx-service-detail{padding:76px 0;background:#fff}
.cx-service-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.cx-service-copy h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;margin:8px 0 16px;color:#0f172a}
.cx-service-copy p{color:#64748b;line-height:1.78;margin:0 0 20px}
.cx-service-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.cx-service-bullet{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border-radius:14px;background:#fbfbfc;border:1px solid #eceef3;color:#334155;font-weight:650;font-size:.9rem}
.cx-service-bullet i{color:#2E9E1F;margin-top:3px}
.cx-service-photo{position:relative;border-radius:28px;overflow:hidden;min-height:430px;background:#f1f5f9;box-shadow:0 24px 60px rgba(15,23,42,.12)}
.cx-service-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.cx-service-photo:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(11,12,16,.58))}
.cx-photo-badge{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;background:rgba(255,255,255,.93);backdrop-filter:blur(9px);border-radius:16px;padding:14px 16px;color:#0f172a;font-weight:800;box-shadow:0 12px 32px rgba(15,23,42,.18)}
.cx-service-features{padding:76px 0;background:#fbfaf7}
.cx-service-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:30px}
.cx-service-feature{padding:22px;border:1px solid #e8ebf1;border-radius:18px;background:#fff}.cx-service-feature i{color:#E5451C;font-size:1.15rem;margin-bottom:14px}.cx-service-feature b{display:block;color:#0f172a;margin-bottom:8px}.cx-service-feature span{display:block;color:#64748b;line-height:1.6;font-size:.9rem}
.cx-service-cta{padding:72px 0}.cx-service-cta-box{border-radius:26px;padding:38px;background:linear-gradient(120deg,#f5effb,#fff1ec);display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(110,67,160,.12)}.cx-service-cta-box h2{margin:0 0 8px;color:#0f172a}.cx-service-cta-box p{margin:0;color:#64748b}

html[data-theme="dark"] .cx-rich-showcase,html[data-theme="dark"] .cx-service-detail{background:#0B0C10}
html[data-theme="dark"] .cx-rich-card,html[data-theme="dark"] .cx-usecase,html[data-theme="dark"] .cx-service-feature{background:#14151C;border-color:#262833}
html[data-theme="dark"] .cx-rich-card h3,html[data-theme="dark"] .cx-usecase h3,html[data-theme="dark"] .cx-service-copy h2,html[data-theme="dark"] .cx-service-feature b,html[data-theme="dark"] .cx-service-cta-box h2{color:#EDEFF5}
html[data-theme="dark"] .cx-rich-card p,html[data-theme="dark"] .cx-usecase p,html[data-theme="dark"] .cx-service-copy p,html[data-theme="dark"] .cx-service-feature span,html[data-theme="dark"] .cx-service-cta-box p{color:#9AA2B8}
html[data-theme="dark"] .cx-rich-links a,html[data-theme="dark"] .cx-service-bullet{background:#101117;border-color:#262833;color:#C3C9D8}
html[data-theme="dark"] .cx-rich-note{background:#14151C;border-color:#262833}html[data-theme="dark"] .cx-rich-note p,html[data-theme="dark"] .cx-rich-note strong{color:#C3C9D8}
html[data-theme="dark"] .cx-service-features{background:#101116}html[data-theme="dark"] .cx-service-cta-box{background:linear-gradient(120deg,#17131d,#1c1210);border-color:#262833}

@media(max-width:992px){.cx-rich-grid,.cx-service-detail-grid{grid-template-columns:1fr}.cx-usecases-grid,.cx-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-service-photo{min-height:360px}}
@media(max-width:640px){.cx-rich-showcase,.cx-usecases,.cx-product-band,.cx-service-detail,.cx-service-features,.cx-service-cta{padding:58px 0}.cx-rich-grid,.cx-usecases-grid,.cx-product-grid,.cx-service-feature-grid,.cx-service-bullets{grid-template-columns:1fr}.cx-rich-card{min-height:0}.cx-rich-media{height:190px}.cx-rich-body{padding:21px}.cx-rich-note,.cx-service-cta-box{align-items:flex-start;flex-direction:column}.cx-service-photo{min-height:300px}}

html[data-theme="dark"] .cx-product-band{background:#0B0C10;color:#EDEFF5}html[data-theme="dark"] .cx-product-band h2{color:#EDEFF5}html[data-theme="dark"] .cx-product-band .cx-showcase-head p{color:#9AA2B8}html[data-theme="dark"] .cx-product-link{background:#14151C;border-color:#262833;color:#EDEFF5}html[data-theme="dark"] .cx-product-link span{color:#9AA2B8}


/* ============================================================
   Homepage hero polish — compact support cards + clean mobile layout
   ============================================================ */
/* No haze/fade at the bottom of the hero person. */
.hero-card::after{display:none!important;content:none!important;background:none!important;filter:none!important;opacity:0!important}
.hero-person{-webkit-mask-image:none!important;mask-image:none!important}

/* Desktop: floating cards stay secondary to the person. */
.hero-panel{
  width:194px!important;
  top:28px!important;
  left:4px!important;
  padding:11px!important;
  border-radius:20px!important;
}
.hero-panel-title{gap:8px!important;font-size:13px!important;line-height:1.24!important}
.hero-panel-icon{width:25px!important;height:25px!important;font-size:12px!important;flex:none!important}
.hero-panel-search{margin-top:10px!important;padding:6px 6px 6px 12px!important;gap:7px!important}
.hero-panel-search span{font-size:11px!important}
.hero-panel-search strong{width:27px!important;height:27px!important;font-size:13px!important}

.hero-review{
  width:178px!important;
  right:-12px!important;
  top:4px!important;
  padding:10px 11px!important;
  border-radius:18px!important;
}
.hero-review-top{gap:5px!important;margin-bottom:7px!important}
.hero-avatars img{width:27px!important;height:27px!important;min-width:27px!important;margin-left:-6px!important;border-width:2px!important}
.hero-stars{font-size:7.5px!important;letter-spacing:0!important}
.hero-review>strong{font-size:11.5px!important;line-height:1.28!important}
.hero-review>span{font-size:10.5px!important;line-height:1.35!important;margin-top:3px!important}

.hero-pricing.hero-cta-card{
  width:202px!important;
  right:-12px!important;
  bottom:-8px!important;
  padding:12px!important;
  border-radius:20px!important;
}
.hero-cta-head{font-size:12.5px!important;gap:6px!important}
.hero-cta-card>p{font-size:10.5px!important;line-height:1.38!important;margin:6px 0 10px!important}
.hero-cta-btn{min-height:38px!important;padding:8px 12px!important;font-size:12px!important;border-radius:12px!important}

@media(max-width:1180px) and (min-width:769px){
  .hero-review{right:2px!important}
  .hero-pricing.hero-cta-card{right:2px!important}
}

/* Mobile: use the viewport itself as the hero canvas instead of scaling a
   620px desktop composition. This prevents squeezed/clipped floating cards. */
@media(max-width:768px){
  header>.container{padding-left:16px!important;padding-right:16px!important}
  .nav{
    padding:9px 0!important;
    min-height:62px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .nav>a:first-child{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
  .logo-light,.logo-dark{height:30px!important;width:auto!important;display:block}
  html[data-theme="dark"] .logo-light{display:none!important}
  html[data-theme="light"] .logo-dark{display:none!important}
  .actions{margin-left:auto!important;gap:8px!important;flex:0 0 auto!important}
  .theme-toggle{width:40px!important;height:40px!important;margin-right:0!important}
  .mobile-toggle{width:40px!important;height:40px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important}

  .hero{padding-bottom:0!important}
  .hero-card{
    position:relative!important;
    display:block!important;
    width:100%!important;
    left:auto!important;
    min-height:425px!important;
    height:425px!important;
    margin:8px 0 0!important;
    transform:none!important;
    transform-origin:center!important;
    overflow:hidden!important;
  }
  .hero-card::before,.hero-card::after{display:none!important}
  .hero-person{
    left:50%!important;
    right:auto!important;
    top:2px!important;
    width:238px!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
    filter:drop-shadow(0 14px 24px rgba(15,23,42,.10))!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    z-index:2!important;
  }

  .hero-panel{
    left:2px!important;
    top:14px!important;
    width:139px!important;
    padding:8px!important;
    border-radius:14px!important;
    transform:none!important;
    z-index:4!important;
  }
  .hero-panel-title{gap:6px!important;font-size:10.5px!important;line-height:1.2!important;align-items:flex-start!important}
  .hero-panel-icon{width:21px!important;height:21px!important;font-size:10px!important;margin-top:1px!important}
  .hero-panel-search{margin-top:8px!important;padding:4px 4px 4px 8px!important;gap:4px!important}
  .hero-panel-search span{font-size:8.8px!important;white-space:nowrap!important}
  .hero-panel-search strong{width:22px!important;height:22px!important;font-size:10.5px!important}

  .hero-review{
    right:2px!important;
    top:8px!important;
    width:142px!important;
    padding:8px!important;
    border-radius:14px!important;
    transform:none!important;
    z-index:5!important;
  }
  .hero-review-top{gap:3px!important;margin-bottom:5px!important}
  .hero-avatars img{width:22px!important;height:22px!important;min-width:22px!important;margin-left:-5px!important;border-width:1.5px!important}
  .hero-stars{font-size:6px!important;letter-spacing:0!important}
  .hero-review>strong{font-size:9.5px!important;line-height:1.22!important}
  .hero-review>span{font-size:8.5px!important;line-height:1.28!important;margin-top:3px!important}

  .hero-pricing.hero-cta-card{
    right:2px!important;
    bottom:10px!important;
    width:150px!important;
    padding:8px!important;
    border-radius:15px!important;
    transform:none!important;
    z-index:5!important;
  }
  .hero-cta-head{font-size:10px!important;gap:5px!important}
  .hero-cta-card>p{font-size:8.5px!important;line-height:1.3!important;margin:5px 0 7px!important}
  .hero-cta-btn{min-height:31px!important;padding:6px 8px!important;font-size:9.5px!important;border-radius:10px!important}

  .cx-stats{padding-top:0!important}
  .cx-stats-row{margin-top:0!important}
}

@media(max-width:420px){
  .hero-card{height:410px!important;min-height:410px!important}
  .hero-person{width:230px!important;top:4px!important}
  .hero-panel{width:134px!important}
  .hero-review{width:136px!important}
  .hero-pricing.hero-cta-card{width:145px!important;bottom:8px!important}
}

/* ============================================================
   Hero alignment pass — logo edge, face-safe cards, hard image bottom
   ============================================================ */
/* The person asset is already a clean transparent cutout. Never fade/mask it. */
.hero-person{
  opacity:1!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.hero-card::after{display:none!important;content:none!important}

/* Keep the stats below the portrait instead of overlapping its lower edge. */
.cx-stats-row{margin-top:0!important}

@media(min-width:769px){
  .hero-card{
    min-height:520px!important;
    height:520px!important;
  }
  .hero-person{
    width:292px!important;
    max-width:none!important;
    top:auto!important;
    bottom:0!important;
    right:104px!important;
    transform:none!important;
  }
  .hero-pricing.hero-cta-card{bottom:38px!important}
}

@media(max-width:768px){
  /* codory-pages.min.css gives the logo a 205px image box. That visually
     centers the real logo inside empty box space; force the actual logo box
     back to its natural compact width so it aligns with page content. */
  header>.container{padding-left:20px!important;padding-right:20px!important}
  header .nav>a:first-child{
    margin:0!important;
    padding:0!important;
    width:auto!important;
    min-width:0!important;
    line-height:0!important;
  }
  header .nav>a:first-child img,
  header .nav>a img,
  .logo-light,.logo-dark{
    width:102px!important;
    height:auto!important;
    max-width:102px!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
  }

  .hero-card{
    overflow:hidden!important;
  }
  .hero-person{
    top:0!important;
    bottom:auto!important;
    opacity:1!important;
  }

  /* Keep both information cards beside the head, not over the face. */
  .hero-panel{
    left:2px!important;
    top:16px!important;
    width:108px!important;
    padding:7px!important;
    border-radius:13px!important;
  }
  .hero-panel-title{
    gap:4px!important;
    font-size:8.9px!important;
    line-height:1.18!important;
  }
  .hero-panel-icon{
    width:17px!important;
    height:17px!important;
    font-size:8px!important;
  }
  .hero-panel-search{
    margin-top:6px!important;
    padding:3px 3px 3px 6px!important;
    gap:2px!important;
  }
  .hero-panel-search span{font-size:7.2px!important;letter-spacing:-.02em!important}
  .hero-panel-search strong{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    font-size:9px!important;
  }

  .hero-review{
    right:2px!important;
    top:14px!important;
    width:110px!important;
    padding:7px!important;
    border-radius:13px!important;
  }
  .hero-review-top{gap:2px!important;margin-bottom:4px!important}
  .hero-avatars img{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    margin-left:-4px!important;
    border-width:1px!important;
  }
  .hero-avatars img:first-child{margin-left:0!important}
  .hero-stars{font-size:5px!important;letter-spacing:-.05em!important}
  .hero-review>strong{font-size:8px!important;line-height:1.18!important}
  .hero-review>span{font-size:7px!important;line-height:1.22!important;margin-top:2px!important}

  .hero-pricing.hero-cta-card{
    right:3px!important;
    bottom:12px!important;
    width:132px!important;
    padding:7px!important;
    border-radius:14px!important;
  }
  .hero-cta-head{font-size:8.8px!important;gap:4px!important}
  .hero-cta-card>p{font-size:7.3px!important;line-height:1.25!important;margin:4px 0 6px!important}
  .hero-cta-btn{min-height:28px!important;padding:5px 7px!important;font-size:8.5px!important;border-radius:9px!important}
}

@media(max-width:420px){
  .hero-card{height:410px!important;min-height:410px!important}
  .hero-person{width:230px!important;top:0!important}
  .hero-panel{width:104px!important;top:14px!important}
  .hero-review{width:106px!important;top:12px!important}
  .hero-pricing.hero-cta-card{width:128px!important;bottom:10px!important}
}
@media(min-width:769px){
  .hero{padding-bottom:10px!important}
}

/* Warm ivory navigation bar — blends with Codory's light gold/cream canvas */
html[data-theme="light"] header{
  background:rgba(255,249,239,.97)!important;
  border-bottom:1px solid rgba(184,143,76,.18)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}

/* 2026-08-19: warmer, more distinct navigation + multicolour service icons */
html[data-theme="light"] header{
  background:linear-gradient(90deg,rgba(255,241,216,.985) 0%,rgba(248,234,210,.985) 52%,rgba(255,235,222,.985) 100%)!important;
  border-bottom:1px solid rgba(186,139,68,.28)!important;
  box-shadow:0 3px 14px rgba(95,68,29,.055)!important;
}

@media(min-width:769px){
  html[data-theme="light"] .menu-item:hover>span,
  html[data-theme="light"] .menu-item:focus-within>span{
    background:rgba(255,255,255,.54)!important;
  }
  html[data-theme="light"] .dropdown{
    background:linear-gradient(180deg,#fffaf1 0%,#fff6e8 100%)!important;
    border-color:#ead8ba!important;
    box-shadow:0 22px 48px rgba(82,57,23,.13)!important;
  }
  html[data-theme="light"] .dropdown::before{
    background:#fff9ef!important;
    border-left-color:#ead8ba!important;
    border-top-color:#ead8ba!important;
  }
  html[data-theme="light"] .dropdown a:hover,
  html[data-theme="light"] .dropdown a:focus{
    background:rgba(255,255,255,.7)!important;
  }
}

/* Give each service icon its own accent instead of one blue treatment. */
html[data-theme="light"] .dropdown a:nth-child(5n+1){--codory-menu-accent:#e5484d;--codory-menu-soft:#fff1f2;--codory-menu-border:#fecdd3}
html[data-theme="light"] .dropdown a:nth-child(5n+2){--codory-menu-accent:#2563eb;--codory-menu-soft:#eff6ff;--codory-menu-border:#bfdbfe}
html[data-theme="light"] .dropdown a:nth-child(5n+3){--codory-menu-accent:#16a34a;--codory-menu-soft:#f0fdf4;--codory-menu-border:#bbf7d0}
html[data-theme="light"] .dropdown a:nth-child(5n+4){--codory-menu-accent:#7c3aed;--codory-menu-soft:#f5f3ff;--codory-menu-border:#ddd6fe}
html[data-theme="light"] .dropdown a:nth-child(5n+5){--codory-menu-accent:#d97706;--codory-menu-soft:#fffbeb;--codory-menu-border:#fde68a}

html[data-theme="light"] .dropdown a>i{
  color:var(--codory-menu-accent,#2563eb)!important;
  background:var(--codory-menu-soft,#eff6ff)!important;
  border-color:var(--codory-menu-border,#bfdbfe)!important;
}
html[data-theme="light"] .dropdown a:hover>i,
html[data-theme="light"] .dropdown a:focus>i{
  color:#fff!important;
  background:var(--codory-menu-accent,#2563eb)!important;
  border-color:var(--codory-menu-accent,#2563eb)!important;
  box-shadow:0 5px 12px color-mix(in srgb,var(--codory-menu-accent,#2563eb) 22%,transparent)!important;
}

@media(max-width:768px){
  html[data-theme="light"] .menu.show{
    background:linear-gradient(180deg,#fff8ea 0%,#fff3df 100%)!important;
    border-top:1px solid #ead5b3!important;
  }
  html[data-theme="light"] .menu.show .menu-item,
  html[data-theme="light"] .menu.show .menu-item:hover,
  html[data-theme="light"] .menu.show .menu-item:focus-within{
    border-bottom-color:#eadfcf!important;
  }
  html[data-theme="light"] .menu.show .menu-item>span{
    color:#273044!important;
  }
  html[data-theme="light"] .menu.show .menu-item.active>span{
    color:#0f3cc9!important;
    background:rgba(255,255,255,.38)!important;
    border-radius:10px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  html[data-theme="light"] .menu.show .dropdown{
    background:rgba(255,250,240,.48)!important;
    border-radius:10px!important;
    padding:4px 7px 5px 10px!important;
  }
  html[data-theme="light"] .menu.show .dropdown a{
    border-top-color:#eadfcf!important;
  }
  html[data-theme="light"] .menu.show .dropdown a:hover,
  html[data-theme="light"] .menu.show .dropdown a:focus{
    background:rgba(255,255,255,.58)!important;
    border-radius:9px!important;
  }
}

/* ============================================================
   2026-08-19 — focused homepage + navigation refinement
   ============================================================ */

/* Header/menu: solid warm separation, no blur. */
html[data-theme="light"] header{
  background:#f3dfbd!important;
  border-bottom:1px solid #dfbf8e!important;
  box-shadow:0 4px 16px rgba(88,60,22,.07)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

@media(min-width:769px){
  html[data-theme="light"] .menu{
    gap:3px!important;
    padding:4px!important;
    background:#f8ead2!important;
    border:1px solid #e4c79b!important;
    border-radius:14px!important;
  }
  html[data-theme="light"] .menu-item{
    padding:0!important;
    color:#1f2937!important;
  }
  html[data-theme="light"] .menu-item>span{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:38px!important;
    padding:0 11px!important;
    border-radius:10px!important;
    color:#1f2937!important;
    font-size:13.5px!important;
    font-weight:700!important;
    line-height:1!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }
  html[data-theme="light"] .menu-item>span i{
    color:#8d7658!important;
    font-size:10px!important;
  }
  html[data-theme="light"] .menu-item:hover>span,
  html[data-theme="light"] .menu-item:focus-within>span{
    color:#0f3cc9!important;
    background:#fffaf1!important;
    box-shadow:inset 0 0 0 1px #ead4b3!important;
  }
  html[data-theme="light"] .menu-item:hover>span i,
  html[data-theme="light"] .menu-item:focus-within>span i{color:#0f3cc9!important}
  html[data-theme="light"] .dropdown{
    top:calc(100% + 10px)!important;
    min-width:292px!important;
    padding:8px!important;
    background:#fffaf1!important;
    border:1px solid #e3caa5!important;
    border-radius:15px!important;
    box-shadow:0 18px 42px rgba(76,50,17,.14)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-theme="light"] .dropdown::before{display:none!important}
  html[data-theme="light"] .dropdown a{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px!important;
    margin:0 0 3px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#1f2937!important;
  }
  html[data-theme="light"] .dropdown a:last-child{margin-bottom:0!important}
  html[data-theme="light"] .dropdown a:hover,
  html[data-theme="light"] .dropdown a:focus{
    background:#fff!important;
    border-color:#ead8bd!important;
    transform:translateX(2px)!important;
  }
  html[data-theme="light"] .dropdown a>i{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid var(--codory-menu-border,#bfdbfe)!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  html[data-theme="light"] .dropdown a span{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
  }
  html[data-theme="light"] .dropdown strong{
    font-size:13px!important;
    line-height:1.25!important;
    color:#1f2937!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }
  html[data-theme="light"] .dropdown small{
    margin-top:2px!important;
    font-size:10.8px!important;
    line-height:1.3!important;
    color:#64748b!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }
}

/* Mobile menu: structured cards and crisp text instead of long separator rows. */
@media(max-width:768px){
  html[data-theme="light"] .menu.show{
    top:62px!important;
    gap:7px!important;
    padding:12px 10px 96px!important;
    background:#f6e5c7!important;
    border-top:1px solid #ddb984!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-theme="light"] .menu.show .menu-item,
  html[data-theme="light"] .menu.show .menu-item:hover,
  html[data-theme="light"] .menu.show .menu-item:focus-within,
  html[data-theme="light"] .menu.show .menu-item.active{
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  html[data-theme="light"] .menu.show .menu-item>span{
    min-height:48px!important;
    padding:0 12px!important;
    margin:0!important;
    border:1px solid #e4c79b!important;
    border-left:4px solid #c99a51!important;
    border-radius:12px!important;
    background:#fff8eb!important;
    color:#1f2937!important;
    font-size:16px!important;
    font-weight:750!important;
    line-height:1.2!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] .menu.show .menu-item.active>span{
    color:#0f3cc9!important;
    background:#fffdf8!important;
    border-left-color:#0f3cc9!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  html[data-theme="light"] .menu.show .menu-item>span>i.fa-chevron-down{display:none!important}
  html[data-theme="light"] .menu.show .menu-item>span::after{
    width:24px!important;
    height:24px!important;
    margin:0!important;
    border:1px solid #dec49e!important;
    border-radius:50%!important;
    background:#fff!important;
    content:'›'!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#7b674e!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1!important;
    transform:none!important;
  }
  html[data-theme="light"] .menu.show .menu-item.active>span::after{
    content:'−'!important;
    color:#0f3cc9!important;
    border-color:#bfd0ff!important;
    transform:none!important;
  }
  html[data-theme="light"] .menu.show .menu-item:last-child>span::after{display:none!important}
  html[data-theme="light"] .menu.show .dropdown,
  html[data-theme="light"] .menu.show .menu-item.active .dropdown{
    padding:7px 4px 2px!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] .menu.show .dropdown a,
  html[data-theme="light"] .menu.show .menu-item.active .dropdown a{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:54px!important;
    padding:7px 9px!important;
    margin:0 0 6px!important;
    border:1px solid #e8d4b6!important;
    border-radius:11px!important;
    background:#fffaf1!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] .menu.show .dropdown a:hover,
  html[data-theme="light"] .menu.show .dropdown a:focus,
  html[data-theme="light"] .menu.show .dropdown a:active{
    background:#fff!important;
    border-color:#d9bb90!important;
  }
  html[data-theme="light"] .menu.show .dropdown a>i{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid var(--codory-menu-border,#bfdbfe)!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  html[data-theme="light"] .menu.show .dropdown a>span{
    display:flex!important;
    flex:1!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    padding:0!important;
    gap:0!important;
  }
  html[data-theme="light"] .menu.show .dropdown strong{
    margin:0!important;
    padding:0!important;
    font-size:13px!important;
    line-height:1.25!important;
    color:#202938!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }
  html[data-theme="light"] .menu.show .dropdown small{
    margin:2px 0 0!important;
    padding:0!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    color:#697386!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }
}

/* Homepage hero: two static information cards only; the face remains unobstructed. */
.hero-card .hero-info-box{transform:none!important;transition:none!important}
.hero-card .hero-pricing,.hero-card .hero-cta-card{display:none!important}
.hero-call-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  margin-top:9px;
  padding:6px 10px;
  border-radius:11px;
  background:#0f3cc9;
  color:#fff!important;
  text-decoration:none;
  font-size:10.5px;
  font-weight:800;
}
.hero-call-btn i{font-size:10px}
.hero-call-btn span{margin:0!important;color:#fff!important;font-size:inherit!important;line-height:1!important}

@media(min-width:769px){
  .hero-card .hero-panel{
    width:188px!important;
    left:2px!important;
    top:58px!important;
    padding:11px!important;
  }
  .hero-card .hero-review{
    width:180px!important;
    right:0!important;
    top:50px!important;
    padding:10px 11px!important;
  }
  .hero-card .hero-person{
    right:50%!important;
    left:auto!important;
    transform:translateX(50%)!important;
    bottom:0!important;
  }
}

@media(max-width:768px){
  .hero-card{
    height:382px!important;
    min-height:382px!important;
    margin-top:6px!important;
  }
  .hero-card .hero-person{
    width:224px!important;
    top:46px!important;
    bottom:auto!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    filter:none!important;
  }
  .hero-card .hero-panel{
    left:0!important;
    top:4px!important;
    width:132px!important;
    padding:8px!important;
    border-radius:14px!important;
    z-index:5!important;
  }
  .hero-card .hero-panel-title{
    gap:5px!important;
    font-size:9.5px!important;
    line-height:1.17!important;
  }
  .hero-card .hero-panel-icon{
    width:19px!important;
    height:19px!important;
    font-size:8.5px!important;
  }
  .hero-card .hero-panel-search{
    margin-top:7px!important;
    padding:4px 4px 4px 7px!important;
  }
  .hero-card .hero-panel-search span{font-size:7.8px!important}
  .hero-card .hero-panel-search strong{width:20px!important;height:20px!important;flex:0 0 20px!important;font-size:9.5px!important}
  .hero-card .hero-review{
    right:0!important;
    top:4px!important;
    width:138px!important;
    padding:8px!important;
    border-radius:14px!important;
    z-index:5!important;
  }
  .hero-card .hero-review-top{margin-bottom:4px!important}
  .hero-card .hero-avatars img{width:18px!important;height:18px!important;min-width:18px!important;margin-left:-4px!important}
  .hero-card .hero-stars{font-size:5.5px!important}
  .hero-card .hero-review>strong{font-size:8.5px!important;line-height:1.18!important}
  .hero-card .hero-review>span{font-size:7.4px!important;line-height:1.22!important;margin-top:2px!important}
  .hero-call-btn{
    min-height:27px!important;
    margin-top:6px!important;
    padding:4px 7px!important;
    border-radius:9px!important;
    gap:4px!important;
    font-size:7.7px!important;
  }
  .hero-call-btn i{font-size:7.5px!important}
  .cx-stats{padding-top:0!important}
}

@media(max-width:420px){
  .hero-card{height:370px!important;min-height:370px!important}
  .hero-card .hero-person{width:218px!important;top:44px!important}
  .hero-card .hero-panel{width:128px!important}
  .hero-card .hero-review{width:133px!important}
}


/* ============================================================
   2026-08-20 — mobile hero 3-card layout + roomy mobile menu + SVG submenu icons
   ============================================================ */

/* Inline SVG submenu icons replace the external icon font for dropdown service rows. */
.dropdown a:nth-child(5n+1){--codory-menu-accent:#e5484d;--codory-menu-soft:#fff1f2;--codory-menu-border:#fecdd3}
.dropdown a:nth-child(5n+2){--codory-menu-accent:#2563eb;--codory-menu-soft:#eff6ff;--codory-menu-border:#bfdbfe}
.dropdown a:nth-child(5n+3){--codory-menu-accent:#16a34a;--codory-menu-soft:#f0fdf4;--codory-menu-border:#bbf7d0}
.dropdown a:nth-child(5n+4){--codory-menu-accent:#7c3aed;--codory-menu-soft:#f5f3ff;--codory-menu-border:#ddd6fe}
.dropdown a:nth-child(5n+5){--codory-menu-accent:#d97706;--codory-menu-soft:#fffbeb;--codory-menu-border:#fde68a}
.dropdown .nav-menu-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--codory-menu-border,#bfdbfe)!important;
  border-radius:10px!important;
  background:var(--codory-menu-soft,#eff6ff)!important;
  color:var(--codory-menu-accent,#2563eb)!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
.dropdown .nav-menu-icon svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.dropdown a:hover>.nav-menu-icon,.dropdown a:focus>.nav-menu-icon{
  color:#fff!important;
  background:var(--codory-menu-accent,#2563eb)!important;
  border-color:var(--codory-menu-accent,#2563eb)!important;
  transform:translateY(-1px)!important;
}
html[data-theme="dark"] .dropdown .nav-menu-icon{
  background:#1c1f28!important;
  border-color:#343846!important;
  color:var(--codory-menu-accent,#60a5fa)!important;
}
html[data-theme="dark"] .dropdown a:hover>.nav-menu-icon,
html[data-theme="dark"] .dropdown a:focus>.nav-menu-icon{
  color:#fff!important;
  background:var(--codory-menu-accent,#2563eb)!important;
  border-color:var(--codory-menu-accent,#2563eb)!important;
}

.hero-support-mobile,.hero-mobile-call{display:none}
.hero-mobile-call svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:768px){
  /* Main mobile categories must never compress when an accordion is open. */
  .menu.show{
    gap:0!important;
    padding:14px 12px 108px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    align-content:flex-start!important;
  }
  .menu.show .menu-item,
  .menu.show .menu-item:hover,
  .menu.show .menu-item:focus-within,
  .menu.show .menu-item.active{
    flex:0 0 auto!important;
    width:100%!important;
    margin:0 0 9px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .menu.show .menu-item>span{
    min-height:49px!important;
    padding:0 13px!important;
    margin:0!important;
  }
  .menu.show .menu-item.active>span{margin-bottom:7px!important}
  .menu.show .menu-item::before,
  .menu.show .menu-item::after,
  .menu.show .menu-item>span::before,
  .menu.show .dropdown::before,
  .menu.show .dropdown::after,
  .menu.show .dropdown a::before,
  .menu.show .dropdown a::after{
    content:none!important;
    display:none!important;
  }
  /* Re-create only the intentional right-side category arrow. */
  .menu.show .menu-item>span::after{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    margin-left:10px!important;
    border:1px solid #dec49e!important;
    border-radius:50%!important;
    background:#fff!important;
    content:'›'!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#7b674e!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1!important;
    transform:none!important;
  }
  .menu.show .menu-item.active>span::after{
    content:'−'!important;
    color:#0f3cc9!important;
    border-color:#bfd0ff!important;
  }
  .menu.show .menu-item:last-child>span::after{display:none!important}
  .menu.show .dropdown,
  .menu.show .menu-item.active .dropdown{
    position:static!important;
    width:100%!important;
    margin:0 0 4px!important;
    padding:2px 7px 5px!important;
    border:0!important;
    background:rgba(255,250,240,.34)!important;
    border-radius:12px!important;
    overflow:visible!important;
  }
  .menu.show .dropdown a,
  .menu.show .menu-item.active .dropdown a{
    flex:0 0 auto!important;
    min-height:55px!important;
    margin:0 0 8px!important;
    padding:8px 10px!important;
  }
  .menu.show .dropdown a:last-child{margin-bottom:2px!important}
  .menu.show .dropdown .nav-menu-icon{
    width:35px!important;
    height:35px!important;
    flex:0 0 35px!important;
  }
  .menu.show .dropdown .nav-menu-icon svg{width:17px!important;height:17px!important}
  .menu.show .dropdown a>span:not(.nav-menu-icon){min-width:0!important;flex:1!important}
  .menu.show .dropdown strong{font-size:13.2px!important;line-height:1.23!important}
  .menu.show .dropdown small{font-size:10.6px!important;line-height:1.3!important;margin-top:2px!important}

  /* Homepage hero: three compact mobile elements, keeping the woman's face unobstructed. */
  .hero-card{height:382px!important;min-height:382px!important;position:relative!important}
  .hero-support-desktop{display:none!important}
  .hero-support-mobile{display:inline!important}
  .hero-card .hero-panel{
    left:2px!important;
    top:7px!important;
    width:105px!important;
    min-height:46px!important;
    padding:7px 8px!important;
    border-radius:13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
  }
  .hero-card .hero-panel-title{display:flex!important;align-items:center!important;gap:0!important;font-size:10px!important;line-height:1.05!important;font-weight:800!important}
  .hero-card .hero-panel-icon{display:none!important}
  .hero-card .hero-panel-search{
    width:25px!important;
    height:25px!important;
    min-height:25px!important;
    flex:0 0 25px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .hero-card .hero-panel-search>span{display:none!important}
  .hero-card .hero-panel-search>strong{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    margin:0!important;
    font-size:12px!important;
  }
  .hero-card .hero-review{
    right:2px!important;
    top:7px!important;
    width:130px!important;
    min-height:62px!important;
    padding:7px 8px!important;
    border-radius:13px!important;
  }
  .hero-card .hero-review-top{margin-bottom:3px!important}
  .hero-card .hero-avatars img{width:17px!important;height:17px!important;min-width:17px!important;margin-left:-4px!important}
  .hero-card .hero-stars{font-size:5px!important;letter-spacing:.2px!important}
  .hero-card .hero-review>strong{font-size:7.9px!important;line-height:1.15!important}
  .hero-card .hero-review>span{font-size:6.8px!important;line-height:1.18!important;margin-top:2px!important}
  .hero-card .hero-review .hero-call-btn{display:none!important}
  .hero-mobile-call{
    position:absolute!important;
    right:5px!important;
    bottom:11px!important;
    z-index:7!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:34px!important;
    padding:7px 12px!important;
    border:1px solid #d9e0ec!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#172033!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:800!important;
    box-shadow:0 8px 20px rgba(15,23,42,.10)!important;
  }
  .hero-mobile-call svg{width:14px!important;height:14px!important;color:#0f3cc9!important}
  .hero-card .hero-person{
    width:224px!important;
    top:43px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

@media(max-width:420px){
  .hero-card{height:370px!important;min-height:370px!important}
  .hero-card .hero-person{width:218px!important;top:41px!important}
  .hero-card .hero-panel{width:101px!important}
  .hero-card .hero-review{width:126px!important}
  .hero-mobile-call{right:4px!important;bottom:9px!important;padding:6px 11px!important}
}

@media(max-width:768px){
  body.home-page>.chat{
    display:inline-flex!important;
    right:14px!important;
    bottom:14px!important;
    z-index:350!important;
    min-height:48px!important;
    padding:0 16px!important;
    visibility:visible!important;
    opacity:1!important;
  }
}



/* v20260820b — requested mobile hero micro-adjustments */
@media(max-width:768px){
  .hero-card .hero-panel{
    width:112px!important;
    min-height:48px!important;
    padding:7px 8px!important;
    gap:6px!important;
  }
  .hero-card .hero-panel-title{
    flex:1 1 auto!important;
    min-width:0!important;
    align-items:flex-start!important;
  }
  .hero-support-mobile{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    min-width:0!important;
  }
  .hero-support-mobile b{
    display:block!important;
    margin:0!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:1.05!important;
    font-weight:800!important;
    color:inherit!important;
  }
  .hero-support-mobile small{
    display:block!important;
    margin:0!important;
    white-space:nowrap!important;
    font-size:7.6px!important;
    line-height:1.1!important;
    font-weight:500!important;
    color:#7b8799!important;
  }
  .hero-card .hero-panel-search{
    width:26px!important;
    height:26px!important;
    min-height:26px!important;
    flex:0 0 26px!important;
  }
  .hero-card .hero-panel-search>strong{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
    font-size:13px!important;
  }
  .hero-mobile-call{
    background:#16a34a!important;
    border-color:#16a34a!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(22,163,74,.22)!important;
  }
  .hero-mobile-call svg{
    color:#fff!important;
    stroke:#fff!important;
  }
  .hero-mobile-call span{color:#fff!important;}
}


/* ============================================================
   v20260820c — mobile nav fine-tune + local Bootstrap SVG images
   ============================================================ */

/* Proper fixed-size local image icons. Prevents submenu glyph boxes from stretching wide. */
.dropdown .nav-menu-icon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.dropdown .nav-menu-icon img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  object-fit:contain!important;
}
.dropdown a:hover>.nav-menu-icon,
.dropdown a:focus>.nav-menu-icon{
  background:var(--codory-menu-soft,#eff6ff)!important;
  border-color:var(--codory-menu-accent,#2563eb)!important;
  transform:translateY(-1px)!important;
}

/* Menu chevrons use the local Bootstrap SVG sprite instead of Font Awesome. */
.menu-item>span .menu-chevron{
  width:11px;
  height:11px;
  flex:0 0 11px;
  margin-left:1px;
  fill:currentColor;
  color:#8d7658;
  transition:transform .24s ease,color .24s ease,background-color .24s ease,border-color .24s ease;
}
.menu-item:hover>span .menu-chevron,
.menu-item:focus-within>span .menu-chevron{color:#0f3cc9}

@media(max-width:768px){
  /* Slightly larger and more comfortable support box. */
  .hero-card .hero-panel{
    width:124px!important;
    min-height:55px!important;
    padding:8px 9px!important;
    gap:7px!important;
  }
  .hero-support-mobile{gap:3px!important}
  .hero-support-mobile b{
    font-size:11.3px!important;
    line-height:1.05!important;
    letter-spacing:-.08px!important;
  }
  .hero-support-mobile small{
    font-size:8.6px!important;
    line-height:1.08!important;
    color:#718096!important;
  }
  .hero-card .hero-panel-search,
  .hero-card .hero-panel-search>strong{
    width:29px!important;
    height:29px!important;
    min-height:29px!important;
    flex-basis:29px!important;
  }
  .hero-card .hero-panel-search>strong{font-size:14px!important}

  /* Mobile accordion spacing: each main category has breathing room and open content owns its height. */
  .menu.show{
    gap:0!important;
    padding:14px 12px 112px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    align-content:flex-start!important;
  }
  .menu.show .menu-item,
  .menu.show .menu-item:hover,
  .menu.show .menu-item:focus-within,
  .menu.show .menu-item.active{
    display:block!important;
    width:100%!important;
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 12px!important;
    overflow:visible!important;
  }
  .menu.show .menu-item>span{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:51px!important;
    padding:0 12px 0 13px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .menu.show .menu-item.active>span{margin-bottom:9px!important}

  /* Kill all legacy generated arrows/minus bubbles; use the real SVG chevron below. */
  .menu.show .menu-item>span::after,
  .menu.show .menu-item.active>span::after,
  .menu.show .menu-item>span::before,
  .menu.show .menu-item.active>span::before,
  .menu.show .menu-item::after,
  .menu.show .menu-item.active::after,
  .menu.show .menu-item::before,
  .menu.show .menu-item.active::before,
  .menu.show .dropdown::before,
  .menu.show .dropdown::after{
    content:none!important;
    display:none!important;
  }
  .menu.show .menu-item>span .menu-chevron{
    display:block!important;
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
    box-sizing:content-box!important;
    padding:6px!important;
    margin-left:12px!important;
    border:1px solid #dfc79f!important;
    border-radius:999px!important;
    background:#fffdf9!important;
    color:#947044!important;
    fill:currentColor!important;
    transform:rotate(0deg)!important;
    transform-origin:center!important;
    transition:transform .26s cubic-bezier(.2,.7,.2,1),color .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease!important;
  }
  .menu.show .menu-item.active>span .menu-chevron{
    color:#7c3aed!important;
    border-color:#c9b6f7!important;
    background:#f6f0ff!important;
    box-shadow:0 3px 10px rgba(124,58,237,.12)!important;
    transform:rotate(180deg)!important;
  }
  .menu.show .menu-item:last-child>span .menu-chevron{display:none!important}

  /* Explicit accordion flow avoids squeezed/overlapped rows after expansion. */
  .menu.show .menu-item:not(.active) .dropdown{display:none!important}
  .menu.show .menu-item.active .dropdown{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0 0 2px!important;
    padding:0 4px 1px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .menu.show .menu-item.active .dropdown a{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:10px!important;
    width:100%!important;
    min-height:58px!important;
    margin:0!important;
    padding:8px 9px!important;
    box-sizing:border-box!important;
  }
  .menu.show .dropdown .nav-menu-icon{
    grid-column:1!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border-radius:11px!important;
  }
  .menu.show .dropdown .nav-menu-icon img{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    max-width:19px!important;
  }
  .menu.show .dropdown a>span:not(.nav-menu-icon){
    grid-column:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .menu.show .dropdown strong{font-size:13.4px!important;line-height:1.2!important}
  .menu.show .dropdown small{font-size:10.7px!important;line-height:1.3!important;margin-top:3px!important}
}

/* ============================================================
   v20260820d — reliable desktop dropdowns + clean mobile accordion
   ============================================================ */

/* Mobile-only quick actions are part of the menu flow, not floating. */
.mobile-menu-quick-actions{display:none}

@media(min-width:769px){
  /* Keep the pointer inside the parent while travelling from the tab to its dropdown. */
  .menu-item{position:relative!important}
  .menu-item>.dropdown{
    top:calc(100% + 5px)!important;
    z-index:1003!important;
    pointer-events:auto!important;
  }
  .menu-item:not(:last-child)::after{
    content:""!important;
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:auto!important;
    width:310px!important;
    height:12px!important;
    background:transparent!important;
    border:0!important;
    z-index:1002!important;
    pointer-events:auto!important;
  }
  .menu-item:not(:last-child):hover::after,
  .menu-item:not(:last-child):focus-within::after{display:block!important}
  .menu-item:hover>.dropdown,
  .menu-item:focus-within>.dropdown{display:block!important}
}

@media(max-width:768px){
  /* There is exactly ONE category arrow: the real inline SVG. All legacy pseudo arrows/minus controls are disabled. */
  html[data-theme] body.mobile-menu-open .menu.show .menu-item::before,
  html[data-theme] body.mobile-menu-open .menu.show .menu-item::after,
  html[data-theme] body.mobile-menu-open .menu.show .menu-item>span::before,
  html[data-theme] body.mobile-menu-open .menu.show .menu-item>span::after,
  html[data-theme] body.mobile-menu-open .menu.show .menu-item.active>span::before,
  html[data-theme] body.mobile-menu-open .menu.show .menu-item.active>span::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  html[data-theme] body.mobile-menu-open .menu.show .menu-item>span{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  html[data-theme] body.mobile-menu-open .menu.show .menu-item>span .menu-chevron{
    display:inline-block!important;
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
    margin-left:auto!important;
    margin-right:3px!important;
    padding:7px!important;
    box-sizing:content-box!important;
    border:1px solid #dec49e!important;
    border-radius:999px!important;
    background:#fffdf9!important;
    color:#8c6a3f!important;
    fill:currentColor!important;
    transform:rotate(0deg)!important;
    transform-origin:center!important;
    transition:transform .28s cubic-bezier(.2,.75,.25,1),color .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease!important;
  }
  html[data-theme] body.mobile-menu-open .menu.show .menu-item.active>span .menu-chevron{
    color:#0f3cc9!important;
    border-color:#b8c8f5!important;
    background:#eef4ff!important;
    box-shadow:0 3px 10px rgba(15,60,201,.12)!important;
    transform:rotate(180deg)!important;
  }
  html[data-theme] body.mobile-menu-open .menu.show .menu-item:last-child>span .menu-chevron{display:none!important}

  /* Make category transitions stable; only the selected accordion body is in layout. */
  html[data-theme] body.mobile-menu-open .menu.show .menu-item{margin-bottom:11px!important}
  html[data-theme] body.mobile-menu-open .menu.show .menu-item.active>span{margin-bottom:8px!important}
  html[data-theme] body.mobile-menu-open .menu.show .menu-item:not(.active)>.dropdown{display:none!important}
  html[data-theme] body.mobile-menu-open .menu.show .menu-item.active>.dropdown{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    margin:0!important;
    padding:0 3px 2px!important;
  }

  /* Quick buttons below Company. */
  html[data-theme] body.mobile-menu-open .menu.show>.mobile-menu-quick-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    margin:3px 0 12px!important;
    padding:0!important;
  }
  .mobile-menu-quick-actions>a{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    font-size:13.5px!important;
    font-weight:800!important;
    text-decoration:none!important;
    line-height:1!important;
    box-shadow:none!important;
  }
  .mobile-menu-quick-actions>a svg{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
    fill:currentColor!important;
  }
  .mobile-menu-quick-actions .mobile-live-chat{
    background:#111!important;
    border:1px solid #111!important;
    color:#fff!important;
  }
  .mobile-menu-quick-actions .mobile-client-area{
    background:#0f3cc9!important;
    border:1px solid #0f3cc9!important;
    color:#fff!important;
  }

  /* Keep the panel scrollable even with an expanded long category and the new action buttons. */
  html[data-theme] body.mobile-menu-open .menu.show{
    padding-bottom:34px!important;
    overscroll-behavior:contain!important;
  }
}

/* ============================================================
   v20260820d — reliable desktop dropdowns + clean mobile accordion
   ============================================================ */
.mobile-menu-quick-actions{display:none}

@media(min-width:769px){
  .menu-item{position:relative!important}
  .menu-item>.dropdown{
    top:calc(100% + 5px)!important;
    z-index:1003!important;
    pointer-events:auto!important;
  }
  .menu-item:not(:last-child)::after{
    content:""!important;
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:auto!important;
    width:310px!important;
    height:12px!important;
    background:transparent!important;
    border:0!important;
    z-index:1002!important;
    pointer-events:auto!important;
  }
  .menu-item:not(:last-child):hover::after,
  .menu-item:not(:last-child):focus-within::after{display:block!important}
  .menu-item:hover>.dropdown,
  .menu-item:focus-within>.dropdown{display:block!important}
}

@media(max-width:768px){
  html[data-theme] body.mobile-menu-open .menu.show .menu-item::before,
  html[data-theme] body.mobile-menu-open .menu.show .menu-item::after,
  html[data-theme] body.mobile-menu-open .menu.show .menu-item>span::before,
  html[data-theme] body.mobile-menu-open .menu.show .menu-item>span::after,
  html[data-theme] body.mobile-menu-open .menu.show .menu-item.active>span::before,
  html[data-theme] body.mobile-menu-open .menu.show .menu-item.active>span::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  html[data-theme] body.mobile-menu-open .menu.show .menu-item>span{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  html[data-theme] body.mobile-menu-open .menu.show .menu-item>span .menu-chevron{
    display:inline-block!important;
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
    margin-left:auto!important;
    margin-right:3px!important;
    padding:7px!important;
    box-sizing:content-box!important;
    border:1px solid #dec49e!important;
    border-radius:999px!important;
    background:#fffdf9!important;
    color:#8c6a3f!important;
    fill:currentColor!important;
    transform:rotate(0deg)!important;
    transform-origin:center!important;
    transition:transform .28s cubic-bezier(.2,.75,.25,1),color .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease!important;
  }
  html[data-theme] body.mobile-menu-open .menu.show .menu-item.active>span .menu-chevron{
    color:#0f3cc9!important;
    border-color:#b8c8f5!important;
    background:#eef4ff!important;
    box-shadow:0 3px 10px rgba(15,60,201,.12)!important;
    transform:rotate(180deg)!important;
  }
  html[data-theme] body.mobile-menu-open .menu.show .menu-item:last-child>span .menu-chevron{display:none!important}

  html[data-theme] body.mobile-menu-open .menu.show .menu-item{margin-bottom:11px!important}
  html[data-theme] body.mobile-menu-open .menu.show .menu-item.active>span{margin-bottom:8px!important}
  html[data-theme] body.mobile-menu-open .menu.show .menu-item:not(.active)>.dropdown{display:none!important}
  html[data-theme] body.mobile-menu-open .menu.show .menu-item.active>.dropdown{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    margin:0!important;
    padding:0 3px 2px!important;
  }

  html[data-theme] body.mobile-menu-open .menu.show>.mobile-menu-quick-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    margin:3px 0 12px!important;
    padding:0!important;
  }
  .mobile-menu-quick-actions>a{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    font-size:13.5px!important;
    font-weight:800!important;
    text-decoration:none!important;
    line-height:1!important;
    box-shadow:none!important;
  }
  .mobile-menu-quick-actions>a svg{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
    fill:currentColor!important;
  }
  .mobile-menu-quick-actions .mobile-live-chat{
    background:#111!important;
    border:1px solid #111!important;
    color:#fff!important;
  }
  .mobile-menu-quick-actions .mobile-client-area{
    background:#0f3cc9!important;
    border:1px solid #0f3cc9!important;
    color:#fff!important;
  }

  html[data-theme] body.mobile-menu-open .menu.show{
    padding-bottom:34px!important;
    overscroll-behavior:contain!important;
  }
}

/* ============================================================
   v20260820e — dark-mode navigation + transparent homepage portrait
   ============================================================ */

/* The homepage portrait wrapper is a positioning canvas, not a card.
   Keep it transparent in dark mode so the person never appears inside a dark rectangle. */
html[data-theme="dark"] .hero-card{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .hero-card::before,
html[data-theme="dark"] .hero-card::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .hero-person{
  background:transparent!important;
  opacity:1!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Desktop dark navigation: no white hover pill / white dropdown pointer. */
@media(min-width:769px){
  html[data-theme="dark"] .menu{
    background:#101118!important;
    border:1px solid #262833!important;
    border-radius:14px!important;
    padding:4px!important;
    gap:3px!important;
  }
  html[data-theme="dark"] .menu-item{
    padding:0!important;
    color:#C3C9D8!important;
  }
  html[data-theme="dark"] .menu-item>span{
    min-height:38px!important;
    padding:0 11px!important;
    border-radius:10px!important;
    color:#C3C9D8!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html[data-theme="dark"] .menu-item:hover>span,
  html[data-theme="dark"] .menu-item:focus-within>span{
    background:#1B1D26!important;
    color:#7C98FF!important;
    box-shadow:inset 0 0 0 1px #303443!important;
  }
  html[data-theme="dark"] .menu-item>span .menu-chevron{color:#7E879B!important}
  html[data-theme="dark"] .menu-item:hover>span .menu-chevron,
  html[data-theme="dark"] .menu-item:focus-within>span .menu-chevron{color:#7C98FF!important}

  html[data-theme="dark"] .dropdown{
    background:#14151C!important;
    border:1px solid #2A2D39!important;
    box-shadow:0 22px 48px rgba(0,0,0,.42)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-theme="dark"] .dropdown::before{
    background:#14151C!important;
    border-left-color:#2A2D39!important;
    border-top-color:#2A2D39!important;
  }
  html[data-theme="dark"] .dropdown a{
    background:transparent!important;
    border:1px solid transparent!important;
    color:#D8DCE7!important;
  }
  html[data-theme="dark"] .dropdown a:hover,
  html[data-theme="dark"] .dropdown a:focus{
    background:#1B1D26!important;
    border-color:#303443!important;
  }
  html[data-theme="dark"] .dropdown strong{color:#EDEFF5!important}
  html[data-theme="dark"] .dropdown small{color:#8F98AC!important}
}

/* Mobile dark drawer: use a fully dark surface and dark cards instead of the base white menu. */
@media(max-width:768px){
  html[data-theme="dark"] body.mobile-menu-open .menu.show{
    background:#0B0C10!important;
    border-top:1px solid #262833!important;
    box-shadow:none!important;
    color:#EDEFF5!important;
  }
  html[data-theme="dark"] body.mobile-menu-open .menu.show .menu-item,
  html[data-theme="dark"] body.mobile-menu-open .menu.show .menu-item:hover,
  html[data-theme="dark"] body.mobile-menu-open .menu.show .menu-item:focus-within,
  html[data-theme="dark"] body.mobile-menu-open .menu.show .menu-item.active{
    background:transparent!important;
    border:0!important;
  }
  html[data-theme="dark"] body.mobile-menu-open .menu.show .menu-item>span{
    background:#14151C!important;
    border:1px solid #2A2D39!important;
    border-left:4px solid #5A7BFF!important;
    color:#EDEFF5!important;
    box-shadow:none!important;
  }
  html[data-theme="dark"] body.mobile-menu-open .menu.show .menu-item.active>span{
    background:#191B24!important;
    border-color:#343848!important;
    border-left-color:#A05CE6!important;
    color:#FFFFFF!important;
  }
  html[data-theme="dark"] body.mobile-menu-open .menu.show .menu-item>span .menu-chevron{
    background:#0F1117!important;
    border-color:#3A3E4D!important;
    color:#AAB1C2!important;
    box-shadow:none!important;
  }
  html[data-theme="dark"] body.mobile-menu-open .menu.show .menu-item.active>span .menu-chevron{
    background:#232032!important;
    border-color:#6F59A5!important;
    color:#C9A8FF!important;
    box-shadow:0 3px 12px rgba(160,92,230,.16)!important;
  }

  html[data-theme="dark"] body.mobile-menu-open .menu.show .menu-item.active>.dropdown{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html[data-theme="dark"] body.mobile-menu-open .menu.show .dropdown a,
  html[data-theme="dark"] body.mobile-menu-open .menu.show .menu-item.active .dropdown a{
    background:#14151C!important;
    border:1px solid #292C38!important;
    color:#D9DDE8!important;
  }
  html[data-theme="dark"] body.mobile-menu-open .menu.show .dropdown a:hover,
  html[data-theme="dark"] body.mobile-menu-open .menu.show .dropdown a:focus,
  html[data-theme="dark"] body.mobile-menu-open .menu.show .dropdown a:active{
    background:#1B1D26!important;
    border-color:#3A3F50!important;
  }
  html[data-theme="dark"] body.mobile-menu-open .menu.show .dropdown strong{color:#EDEFF5!important}
  html[data-theme="dark"] body.mobile-menu-open .menu.show .dropdown small{color:#8F98AC!important}
  html[data-theme="dark"] body.mobile-menu-open .menu.show .nav-menu-icon{
    background:#101218!important;
    border-color:#303443!important;
  }

  /* Keep the mobile quick actions visually distinct on the dark drawer. */
  html[data-theme="dark"] .mobile-menu-quick-actions .mobile-live-chat{
    background:#17181F!important;
    border-color:#323542!important;
    color:#fff!important;
  }
  html[data-theme="dark"] .mobile-menu-quick-actions .mobile-client-area{
    background:#1745D1!important;
    border-color:#2454E0!important;
    color:#fff!important;
  }
}

/* ============================================================
   2026-08-20 — dark submenu hover parity with light theme
   Keep accent icons outlined/tinted; never flood-fill the tile.
   ============================================================ */
html[data-theme="dark"] .dropdown a:nth-child(5n+1){--codory-menu-dark-soft:#26171a;--codory-menu-dark-border:#5b2a31}
html[data-theme="dark"] .dropdown a:nth-child(5n+2){--codory-menu-dark-soft:#151d31;--codory-menu-dark-border:#29477d}
html[data-theme="dark"] .dropdown a:nth-child(5n+3){--codory-menu-dark-soft:#13251a;--codory-menu-dark-border:#27623d}
html[data-theme="dark"] .dropdown a:nth-child(5n+4){--codory-menu-dark-soft:#211831;--codory-menu-dark-border:#523b7b}
html[data-theme="dark"] .dropdown a:nth-child(5n+5){--codory-menu-dark-soft:#2a2114;--codory-menu-dark-border:#715324}

html[data-theme="dark"] .dropdown a:hover>.nav-menu-icon,
html[data-theme="dark"] .dropdown a:focus>.nav-menu-icon,
html[data-theme="dark"] .dropdown a:focus-visible>.nav-menu-icon{
  color:var(--codory-menu-accent,#60a5fa)!important;
  background:var(--codory-menu-dark-soft,#171b25)!important;
  border-color:var(--codory-menu-dark-border,#39445d)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.015)!important;
}

@media(min-width:769px){
  html[data-theme="dark"] .dropdown a:hover,
  html[data-theme="dark"] .dropdown a:focus,
  html[data-theme="dark"] .dropdown a:focus-visible{
    background:#1B1D26!important;
    border-color:#303443!important;
    box-shadow:none!important;
  }
}

@media(max-width:768px){
  html[data-theme="dark"] body.mobile-menu-open .menu.show .dropdown a:hover>.nav-menu-icon,
  html[data-theme="dark"] body.mobile-menu-open .menu.show .dropdown a:focus>.nav-menu-icon,
  html[data-theme="dark"] body.mobile-menu-open .menu.show .dropdown a:active>.nav-menu-icon{
    color:var(--codory-menu-accent,#60a5fa)!important;
    background:var(--codory-menu-dark-soft,#171b25)!important;
    border-color:var(--codory-menu-dark-border,#39445d)!important;
  }
}


/* 2026-08-21 — warm header action buttons */
header .actions .btn-outline{
  background:#fff8ea!important;
  border:1px solid #d9b36c!important;
  color:#8b5d12!important;
  box-shadow:0 5px 14px rgba(134,91,24,.08)!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
header .actions .btn-outline:hover{
  background:#fff0d5!important;
  border-color:#c99642!important;
  color:#704608!important;
  transform:translateY(-1px)!important;
  box-shadow:0 7px 17px rgba(134,91,24,.12)!important;
}
header .actions .btn-primary{
  background:linear-gradient(135deg,#d6a14a,#bd7f21)!important;
  border:1px solid #bd7f21!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(160,105,26,.18)!important;
  transition:filter .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
header .actions .btn-primary:hover{
  filter:brightness(.97)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 8px 20px rgba(160,105,26,.22)!important;
}
@media(max-width:768px){
  .mobile-menu-quick-actions .mobile-live-chat{
    background:#fff8ea!important;
    border:1px solid #d9b36c!important;
    color:#8b5d12!important;
    box-shadow:0 4px 12px rgba(134,91,24,.08)!important;
  }
  .mobile-menu-quick-actions .mobile-client-area{
    background:linear-gradient(135deg,#d6a14a,#bd7f21)!important;
    border:1px solid #bd7f21!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(160,105,26,.15)!important;
  }
}
html[data-theme="dark"] header .actions .btn-outline{
  background:#211b12!important;
  border-color:#72592f!important;
  color:#f1c879!important;
  box-shadow:none!important;
}
html[data-theme="dark"] header .actions .btn-outline:hover{
  background:#2a2115!important;
  border-color:#9a7435!important;
  color:#ffd995!important;
}
html[data-theme="dark"] header .actions .btn-primary{
  background:linear-gradient(135deg,#b98432,#94601a)!important;
  border-color:#a66d20!important;
  color:#fff!important;
}
@media(max-width:768px){
  html[data-theme="dark"] .mobile-menu-quick-actions .mobile-live-chat{
    background:#211b12!important;
    border-color:#72592f!important;
    color:#f1c879!important;
  }
  html[data-theme="dark"] .mobile-menu-quick-actions .mobile-client-area{
    background:linear-gradient(135deg,#b98432,#94601a)!important;
    border-color:#a66d20!important;
    color:#fff!important;
  }
}


.cx-showcase-head--compact{max-width:860px;margin-inline:auto;text-align:center}
.cx-showcase-head--compact h2{max-width:800px;margin-inline:auto}
.cx-showcase-head--compact p{max-width:760px;margin-inline:auto}
.cx-rich-grid{gap:28px;margin-top:38px;align-items:stretch}
.cx-rich-card{border-radius:28px;min-height:430px;display:flex;flex-direction:column}
.cx-rich-media{height:230px;background:#f4efe6}
.cx-rich-media img{object-position:center center}
.cx-rich-body{padding:26px 28px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.cx-rich-top{display:block;margin-bottom:0}
.cx-rich-label{font-size:.8rem;letter-spacing:.06em}
.cx-rich-label i{width:34px;height:34px;border-radius:11px}
.cx-rich-card h3{font-size:1.52rem;line-height:1.22;margin:0;letter-spacing:-.02em}
.cx-rich-card p{font-size:1rem;line-height:1.75;margin:0 0 2px;color:#6b7280}
.cx-rich-links{gap:10px;margin-top:auto;padding-top:6px}
.cx-rich-links a{font-size:.86rem;padding:9px 13px;background:#f8f7f3;border-color:#ebe5d9;color:#334155}
.cx-rich-note{margin-top:28px}
.cx-rich-card.dev .cx-rich-media{background:linear-gradient(180deg,#f8f9fb 0%,#f2f4f7 100%)}
.cx-rich-card.software .cx-rich-media{background:linear-gradient(180deg,#f7f1ea 0%,#f0e8de 100%)}
.cx-rich-card.messaging .cx-rich-media{background:linear-gradient(180deg,#f7fbfd 0%,#eef6f8 100%)}
.cx-rich-card.ops .cx-rich-media{background:linear-gradient(180deg,#eef3f8 0%,#e6eef6 100%)}
html[data-theme="dark"] .cx-rich-media{background:#10131a}
html[data-theme="dark"] .cx-rich-card p{color:#a5aec3}
html[data-theme="dark"] .cx-rich-links a{background:#101117;border-color:#2a2e3a;color:#c9cfdb}
html[data-theme="dark"] .cx-rich-note{background:#14151c;border-color:#262833}
@media(max-width:640px){.cx-rich-grid{gap:20px}.cx-rich-media{height:205px}.cx-rich-body{padding:22px}.cx-rich-card h3{font-size:1.28rem;line-height:1.28}.cx-rich-card p{font-size:.96rem;line-height:1.68}.cx-rich-links a{font-size:.82rem}}