/*
Theme Name: MULO Properties Theme
Theme URI: https://muloproperties.com
Author: MULO Properties
Author URI: https://muloproperties.com
Description: Full multi-page responsive Bootstrap WordPress theme for MULO Properties.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mulo-properties
*/

:root{
  --mulo-deep:#0F3D3E;
  --mulo-teal:#1BA7A0;
  --mulo-green:#7BC88F;
  --mulo-offwhite:#F6F7F8;
  --mulo-navy:#1E293B;
  --mulo-mint:#E9F6EF;
  --mulo-line:rgba(15,61,62,.12);
  --mulo-shadow:0 22px 70px rgba(15,61,62,.10);
}
*{scroll-behavior:smooth}
body{
  font-family:Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--mulo-navy);
  background:linear-gradient(180deg,#fff 0%,var(--mulo-offwhite) 45%,#eef8f3 100%);
  overflow-x:hidden;
}
img{max-width:100%;height:auto}
.navbar{
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(15,61,62,.08);
}

.navbar-nav .nav-link,.navbar-nav .menu-item a{
  font-weight:750;color:#17313b!important;text-decoration:none;display:block;padding:.5rem .75rem;
}
.navbar-nav .nav-link:hover,.navbar-nav .menu-item a:hover,.current-menu-item>a{color:var(--mulo-teal)!important}
.btn-mulo{
  background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal));
  color:#fff!important;border:0;border-radius:999px;font-weight:850;
  box-shadow:0 14px 34px rgba(15,61,62,.22);transition:.25s ease;
}
.btn-mulo:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-outline-mulo{
  border:1.8px solid rgba(15,61,62,.24);color:var(--mulo-deep);
  border-radius:999px;font-weight:850;background:#fff;
}
.btn-outline-mulo:hover{background:var(--mulo-deep);color:#fff}
.hero{
  position:relative;overflow:hidden;padding:145px 0 105px;
  background:
    radial-gradient(circle at 18% 18%, rgba(27,167,160,.16), transparent 28%),
    radial-gradient(circle at 82% 20%, rgba(123,200,143,.18), transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f6fbf8 48%,#eef8f3 100%);
}
.hero h1{font-size:clamp(2.7rem,5.8vw,6rem);letter-spacing:-.065em;line-height:.94;color:#102A32}
.page-header{
  padding:145px 0 82px;
  background:
    radial-gradient(circle at 80% 20%, rgba(123,200,143,.20), transparent 28%),
    radial-gradient(circle at 12% 20%, rgba(27,167,160,.12), transparent 25%),
    linear-gradient(135deg,#ffffff,#f1faf5);
}
.page-header h1{color:#102A32;letter-spacing:-.045em}
.text-gradient{
  background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal),var(--mulo-green));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.kicker{
  display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;
  background:#fff;color:var(--mulo-deep);font-weight:900;border:1px solid var(--mulo-line);
  box-shadow:0 10px 30px rgba(15,61,62,.07);
}
.section{padding:92px 0}
.card-mulo,.flow-card{
  border:1px solid var(--mulo-line);border-radius:30px;background:#fff;
  box-shadow:var(--mulo-shadow);transition:.25s ease;
}
.card-mulo:hover,.flow-card:hover{transform:translateY(-7px);box-shadow:0 30px 90px rgba(15,61,62,.14)}
.icon-bubble{
  width:58px;height:58px;display:grid;place-items:center;border-radius:20px;
  background:linear-gradient(135deg,rgba(27,167,160,.14),rgba(123,200,143,.24));
  color:var(--mulo-deep);font-size:1.45rem;
}
.phone-frame{
  width:min(360px,100%);margin:auto;border:12px solid #092d30;border-radius:42px;
  background:#fff;box-shadow:0 35px 90px rgba(15,61,62,.26);overflow:hidden;
}
.app-top{background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal));color:#fff;padding:22px}
.service-pill{
  border-radius:999px;padding:.6rem .9rem;font-weight:850;font-size:.9rem;
  background:var(--mulo-mint);color:var(--mulo-deep);display:inline-flex;gap:.4rem;align-items:center;
}
.stat-box{
  border-radius:28px;background:#fff;padding:22px;border:1px solid var(--mulo-line);
  box-shadow:0 14px 35px rgba(15,61,62,.08);
}
.stat-box strong{font-size:2rem;color:var(--mulo-deep)}
.pricing-card{height:100%}
.pricing-card.featured{
  background:linear-gradient(145deg,var(--mulo-deep),var(--mulo-teal));
  color:#fff;transform:scale(1.03);
}
.pricing-card.featured .text-muted{color:rgba(255,255,255,.82)!important}
.check-list{list-style:none;padding-left:0;margin:0}
.check-list li{padding:.45rem 0;display:flex;gap:.65rem}
.check-list li:before{content:"✓";color:var(--mulo-teal);font-weight:900}
.featured .check-list li:before{color:#fff}
.mock-map{
  min-height:280px;border-radius:30px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.26) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.26) 1px,transparent 1px),
    linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal));
  background-size:32px 32px,32px 32px,auto;position:relative;overflow:hidden;
}
.pin{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid var(--mulo-green);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.pin.one{left:30%;top:35%}.pin.two{left:55%;top:55%}.pin.three{left:70%;top:28%}
.app-screen-card{border-radius:24px;background:#f8fbf9;border:1px solid var(--mulo-line);padding:14px}
.product-showcase{
  background:
    radial-gradient(circle at 16% 8%, rgba(27,167,160,.14), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(123,200,143,.16), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f6fbf8 100%);
}
.showcase-frame{
  border-radius:34px;background:#fff;border:1px solid var(--mulo-line);
  box-shadow:0 28px 90px rgba(15,61,62,.14);overflow:hidden;padding:14px;
}
.showcase-frame img{width:100%;display:block;border-radius:24px}
.showcase-badge{
  display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;
  background:var(--mulo-mint);color:var(--mulo-deep);font-weight:900;
}
.flow-card{padding:24px;height:100%}
.flow-number{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal));
  color:white;font-weight:900;
}
.brand-strip{
  background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal));
  color:#fff;border-radius:34px;padding:34px;box-shadow:0 28px 80px rgba(15,61,62,.22);
}
.footer{
  background:linear-gradient(135deg,#092d30,#0f3d3e);
  color:#dcefed;padding:65px 0 30px;
}
.footer a{color:#dcefed;text-decoration:none}
.footer a:hover{color:#fff}
.form-control,.form-select{border-radius:16px;border:1px solid var(--mulo-line)}
@media(max-width:991px){
  .hero{padding-top:120px}
  .pricing-card.featured{transform:none}
  .logo-img,.custom-logo{height:44px}
  .section{padding:70px 0}
}


/* MULO SaaS Flow */
.mulo-saas-shell{
  padding-top:130px;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbf8 55%,#eef8f3 100%);
}
.mulo-dashboard-grid{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:24px;
}
.mulo-sidebar{
  background:#fff;
  border:1px solid var(--mulo-line, rgba(15,61,62,.12));
  border-radius:28px;
  box-shadow:var(--mulo-shadow, 0 22px 70px rgba(15,61,62,.10));
  padding:22px;
  height:fit-content;
  position:sticky;
  top:110px;
}
.mulo-sidebar a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  color:var(--mulo-deep,#0F3D3E);
  text-decoration:none;
  font-weight:850;
  margin-bottom:8px;
}
.mulo-sidebar a:hover,
.mulo-sidebar a.active{
  background:linear-gradient(135deg,var(--mulo-deep,#0F3D3E),var(--mulo-teal,#1BA7A0));
  color:#fff!important;
}
.mulo-saas-card{
  background:#fff;
  border:1px solid var(--mulo-line, rgba(15,61,62,.12));
  border-radius:30px;
  box-shadow:var(--mulo-shadow, 0 22px 70px rgba(15,61,62,.10));
  padding:28px;
}
.mulo-mini-stat{
  background:#fff;
  border:1px solid var(--mulo-line, rgba(15,61,62,.12));
  border-radius:24px;
  padding:20px;
  height:100%;
  box-shadow:0 12px 35px rgba(15,61,62,.07);
}
.mulo-mini-stat strong{
  display:block;
  font-size:2rem;
  color:var(--mulo-deep,#0F3D3E);
  line-height:1;
}
.mulo-status{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:.38rem .75rem;
  font-size:.82rem;
  font-weight:900;
}
.mulo-status.paid{background:#e9f8ee;color:#167a34}
.mulo-status.pending{background:#fff4df;color:#a65a00}
.mulo-status.live{background:#e8f7ff;color:#126b91}
.mulo-status.cancelled{background:#ffe9e9;color:#9a2b2b}
.mulo-step{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.mulo-step-num{
  min-width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  background:linear-gradient(135deg,var(--mulo-deep,#0F3D3E),var(--mulo-teal,#1BA7A0));
}
.mulo-payment-option{
  border:1px solid var(--mulo-line, rgba(15,61,62,.12));
  background:#fff;
  border-radius:22px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  cursor:pointer;
  transition:.2s ease;
}
.mulo-payment-option:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(15,61,62,.10);
}
.mulo-provider-card{
  border-radius:24px;
  background:linear-gradient(135deg,#0F3D3E,#1BA7A0);
  color:#fff;
  padding:24px;
}
.mulo-form-card label{font-weight:800;color:#0F3D3E}
.mulo-form-card input,
.mulo-form-card select,
.mulo-form-card textarea{
  border-radius:16px!important;
  border:1px solid var(--mulo-line, rgba(15,61,62,.12))!important;
  padding:12px 14px!important;
}
@media(max-width:991px){
  .mulo-dashboard-grid{grid-template-columns:1fr}
  .mulo-sidebar{position:relative;top:auto}
  .mulo-saas-shell{padding-top:110px}
}





/* Full-page MULO Mobile App Prototype Embed */
.mulo-fullpage-app-preview{
  padding-top:100px;
  padding-bottom:100px;
}
.mulo-live-app-frame{
  width:100%;
  margin:0 auto;
  border-radius:34px;
  overflow:hidden;
  background:#f8fbfb;
  border:1px solid rgba(15,61,62,.12);
  box-shadow:0 30px 90px rgba(15,61,62,.16);
}
.mulo-live-app-frame-full{
  max-width:1400px;
  min-height:1100px;
}
.mulo-live-app-frame iframe{
  width:100%;
  height:1100px !important;
  min-height:1100px;
  border:0;
  display:block;
  background:#f8fbfb;
}
@media(max-width:1199px){
  .mulo-live-app-frame-full{min-height:1050px;}
  .mulo-live-app-frame iframe{
    height:1050px !important;
    min-height:1050px;
  }
}
@media(max-width:991px){
  .mulo-live-app-frame-full{min-height:980px;}
  .mulo-live-app-frame iframe{
    height:980px !important;
    min-height:980px;
  }
}
@media(max-width:640px){
  .mulo-fullpage-app-preview{
    padding-top:70px;
    padding-bottom:70px;
  }
  .mulo-live-app-frame{
    border-radius:22px;
  }
  .mulo-live-app-frame-full{min-height:920px;}
  .mulo-live-app-frame iframe{
    height:920px !important;
    min-height:920px;
  }
}


/* Desktop SaaS Demo Embed Override */
.mulo-live-app-frame-full{
  max-width:1500px !important;
  min-height:1220px !important;
}
.mulo-live-app-frame iframe{
  height:1220px !important;
  min-height:1220px !important;
}
.mulo-live-app-frame{
  padding:0 !important;
  background:#f8fbfb !important;
}
@media(max-width:1180px){
  .mulo-live-app-frame-full{min-height:1500px !important;}
  .mulo-live-app-frame iframe{
    height:1500px !important;
    min-height:1500px !important;
  }
}
@media(max-width:760px){
  .mulo-live-app-frame-full{min-height:1420px !important;}
  .mulo-live-app-frame iframe{
    height:1420px !important;
    min-height:1420px !important;
  }
}


/* MULO Product Video Demo */
.mulo-video-demo-section{
  background:
    radial-gradient(circle at 12% 10%, rgba(27,167,160,.14), transparent 28%),
    radial-gradient(circle at 90% 26%, rgba(123,200,143,.16), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f6fbf8 100%);
}
.mulo-video-frame{
  position:relative;
  border-radius:34px;
  padding:14px;
  background:#fff;
  border:1px solid rgba(15,61,62,.12);
  box-shadow:0 30px 90px rgba(15,61,62,.16);
  overflow:hidden;
}
.mulo-video-frame::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(27,167,160,.10),transparent 36%),
    linear-gradient(315deg,rgba(123,200,143,.16),transparent 32%);
}
.mulo-video-frame video{
  position:relative;
  z-index:1;
  width:100%;
  display:block;
  border-radius:24px;
  background:#0F3D3E;
  aspect-ratio:16/9;
  object-fit:cover;
}
.mulo-video-frame-wide{
  max-width:1180px;
  margin:0 auto;
}
@media(max-width:640px){
  .mulo-video-frame{
    border-radius:24px;
    padding:10px;
  }
  .mulo-video-frame video{
    border-radius:18px;
  }
}


/* Premium landing video background and UX upgrade */
.mulo-landing-video-hero{
  position:relative;
  min-height:92vh;
  overflow:hidden;
  color:#fff;
  background:#0F3D3E;
}
.mulo-landing-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.42;
  filter:saturate(1.08) contrast(1.05);
}
.mulo-video-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(27,167,160,.42), transparent 30%),
    linear-gradient(90deg, rgba(9,45,48,.96) 0%, rgba(15,61,62,.78) 45%, rgba(15,61,62,.38) 100%);
}
.min-vh-landing{
  min-height:92vh;
  padding-top:120px;
  padding-bottom:80px;
}
.mulo-glass-badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.62rem 1rem;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(14px);
  color:#fff;
  font-weight:900;
}
.mulo-video-title{
  font-size:clamp(3rem,6vw,6.5rem);
  line-height:.92;
  letter-spacing:-.07em;
  font-weight:950;
  color:#fff;
}
.mulo-video-subtitle{
  max-width:760px;
  color:rgba(255,255,255,.84);
  font-size:1.25rem;
  line-height:1.65;
}
.mulo-hero-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.mulo-hero-metrics div{
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 60px rgba(0,0,0,.16);
}
.mulo-hero-metrics strong{
  display:block;
  font-size:2rem;
  line-height:1;
  color:#fff;
  font-weight:950;
}
.mulo-hero-metrics span{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.78);
  font-weight:750;
}
.mulo-experience-story{
  background:
    radial-gradient(circle at 12% 10%, rgba(27,167,160,.12), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f6fbf8 100%);
}
.mulo-ux-card{
  height:100%;
  padding:22px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,61,62,.12);
  box-shadow:0 14px 40px rgba(15,61,62,.07);
}
.mulo-ux-card i{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:16px;
  margin-bottom:14px;
  color:#0F3D3E;
  background:linear-gradient(135deg,rgba(27,167,160,.14),rgba(123,200,143,.22));
  font-size:1.3rem;
}
.mulo-ux-card h5{
  font-weight:900;
  color:#0F3D3E;
}
.mulo-ux-card p{
  margin:0;
  color:#64748b;
}
.mulo-feature-video-card{
  padding:14px;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(15,61,62,.12);
  box-shadow:0 30px 90px rgba(15,61,62,.14);
}
.mulo-feature-video-card video{
  width:100%;
  display:block;
  border-radius:24px;
  background:#0F3D3E;
  aspect-ratio:16/9;
  object-fit:cover;
}
.mulo-screen-gallery{
  display:grid;
  grid-template-columns:repeat(6, minmax(190px, 1fr));
  gap:18px;
  overflow-x:auto;
  padding:10px 6px 24px;
  scroll-snap-type:x mandatory;
}
.mulo-screen-gallery img{
  width:100%;
  min-width:190px;
  border-radius:28px;
  scroll-snap-align:start;
  box-shadow:0 22px 60px rgba(15,61,62,.14);
  border:1px solid rgba(15,61,62,.08);
  background:#fff;
}
@media(max-width:991px){
  .mulo-video-overlay{
    background:linear-gradient(180deg, rgba(9,45,48,.94), rgba(15,61,62,.76));
  }
  .mulo-hero-metrics{
    grid-template-columns:1fr 1fr;
  }
  .min-vh-landing{
    padding-top:110px;
  }
}
@media(max-width:640px){
  .mulo-video-title{
    font-size:3.15rem;
  }
  .mulo-video-subtitle{
    font-size:1rem;
  }
  .mulo-hero-metrics{
    grid-template-columns:1fr;
  }
  .mulo-screen-gallery{
    grid-template-columns:repeat(6, 170px);
  }
}


/* App Experience Desktop SaaS Demo — full no-scroll display */
.mulo-live-app-preview-section.mulo-fullpage-app-preview{
  padding-top:110px;
  padding-bottom:120px;
  overflow:visible;
}
.mulo-live-app-frame-full{
  width:100% !important;
  max-width:1680px !important;
  min-height:1780px !important;
  height:1780px !important;
  overflow:visible !important;
  border-radius:36px;
}
.mulo-live-app-frame iframe{
  width:100% !important;
  height:1780px !important;
  min-height:1780px !important;
  overflow:hidden !important;
  border:0 !important;
  display:block;
}
@media(max-width:1180px){
  .mulo-live-app-frame-full{
    min-height:2300px !important;
    height:2300px !important;
  }
  .mulo-live-app-frame iframe{
    height:2300px !important;
    min-height:2300px !important;
  }
}
@media(max-width:760px){
  .mulo-live-app-frame-full{
    min-height:2600px !important;
    height:2600px !important;
    border-radius:24px;
  }
  .mulo-live-app-frame iframe{
    height:2600px !important;
    min-height:2600px !important;
  }
}


/* Demo linkage cleanup */
.mulo-demo-card-cta{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  padding:18px 0 4px;
}
.mulo-screen-gallery{
  cursor:pointer;
}
.mulo-screen-gallery img{
  transition:transform .22s ease, box-shadow .22s ease;
}
.mulo-screen-gallery:hover img{
  transform:translateY(-4px);
  box-shadow:0 28px 80px rgba(15,61,62,.18);
}
.mulo-screen-gallery-section .btn-mulo{
  box-shadow:0 14px 34px rgba(15,61,62,.18);
}


/* Profile Builder shortcode integration */
.mulo-shortcode-box{
  padding:24px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(15,61,62,.12);
  box-shadow:0 18px 50px rgba(15,61,62,.08);
}
.mulo-shortcode-box form{
  max-width:100%;
}
.mulo-shortcode-box input,
.mulo-shortcode-box select,
.mulo-shortcode-box textarea{
  border-radius:14px!important;
  border:1px solid rgba(15,61,62,.16)!important;
  padding:12px 14px!important;
}
.mulo-shortcode-box input[type="submit"],
.mulo-shortcode-box button[type="submit"]{
  background:linear-gradient(135deg,#0F3D3E,#1BA7A0)!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  padding:14px 24px!important;
  font-weight:900!important;
}
.mulo-auth-links a{
  color:#0F3D3E;
  font-weight:900;
}
.mulo-account-actions .btn{
  white-space:nowrap;
}
@media(max-width:991px){
  .mulo-account-actions{
    width:100%;
  }
  .mulo-account-actions .btn{
    flex:1;
  }
}


/* =========================================================
   MULO TRUE RESPONSIVE PATCH — DESKTOP VIDEO / MOBILE STATIC
   Target: desktop, iPad/tablets, Android tablets, iPhone, Android, small mobile.
   ========================================================= */

/* Global containment */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  width: 100%;
  overflow-x: hidden !important;
}
body {
  width: 100%;
  min-width: 0 !important;
  overflow-x: hidden !important;
}
*, *::before, *::after {
  box-sizing: border-box;
}
img, svg, video, canvas, iframe {
  max-width: 100% !important;
}
a, p, span, li, h1, h2, h3, h4, h5, h6, strong, small, button {
  overflow-wrap: break-word;
}
.container, .container-fluid {
  max-width: 100% !important;
}
.row {
  min-width: 0;
}
[class*="col-"] {
  min-width: 0;
}

/* Keep desktop video, disable background video on tablet/mobile */
@media (max-width: 1024px) {
  .mulo-landing-video-hero {
    min-height: auto !important;
    background:
      radial-gradient(circle at 12% 12%, rgba(27,167,160,.25), transparent 28%),
      radial-gradient(circle at 90% 20%, rgba(123,200,143,.22), transparent 28%),
      linear-gradient(135deg, #0F3D3E 0%, #145653 55%, #1BA7A0 100%) !important;
  }

  .mulo-landing-bg-video {
    display: none !important;
  }

  .mulo-video-overlay {
    display: none !important;
  }

  .min-vh-landing {
    min-height: auto !important;
    padding-top: 112px !important;
    padding-bottom: 64px !important;
  }

  .mulo-video-title,
  .mulo-landing-video-hero h1 {
    color: #fff !important;
  }

  .mulo-video-subtitle,
  .mulo-landing-video-hero p {
    color: rgba(255,255,255,.86) !important;
  }
}

/* Navigation */
@media (max-width: 991.98px) {
  .navbar {
    padding: 10px 0 !important;
  }
  .navbar > .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .navbar-brand {
    max-width: 68vw !important;
    min-width: 0 !important;
  }
  .logo-img,
  .custom-logo {
    height: auto !important;
    max-height: 44px !important;
    max-width: 155px !important;
  }
  .navbar-toggler {
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }
  .navbar-collapse {
    margin-top: 12px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(15,61,62,.12) !important;
    box-shadow: 0 20px 60px rgba(15,61,62,.14) !important;
    max-height: calc(100dvh - 82px) !important;
    overflow-y: auto !important;
  }
  .navbar-nav {
    width: 100% !important;
    align-items: stretch !important;
    gap: 4px !important;
  }
  .navbar-nav .nav-item,
  .navbar-nav .menu-item {
    width: 100% !important;
  }
  .navbar-nav .nav-link,
  .navbar-nav .menu-item a {
    display: block !important;
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }
  .mulo-account-actions,
  .lang-switcher,
  .mulo-language-switcher {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 12px !important;
  }
  .mulo-account-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  .mulo-account-actions .btn,
  .lang-switcher a {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* Universal type scale */
@media (max-width: 1024px) {
  .mulo-video-title,
  .hero h1 {
    font-size: clamp(2.8rem, 8vw, 5rem) !important;
    line-height: .95 !important;
    letter-spacing: -.055em !important;
  }
  .display-4 {
    font-size: clamp(2.35rem, 6vw, 4rem) !important;
  }
  .display-5 {
    font-size: clamp(2.05rem, 5vw, 3.2rem) !important;
  }
}

@media (max-width: 767.98px) {
  .section {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .hero,
  .page-header {
    padding-top: 104px !important;
    padding-bottom: 54px !important;
  }
  .mulo-video-title,
  .hero h1,
  .page-header h1 {
    font-size: clamp(2.1rem, 11vw, 3.35rem) !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
  }
  .display-4 {
    font-size: clamp(2rem, 10vw, 3rem) !important;
  }
  .display-5 {
    font-size: clamp(1.85rem, 8.8vw, 2.55rem) !important;
  }
  .lead {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }
}

/* Landing hero layout */
@media (max-width: 1024px) {
  .mulo-landing-video-hero .row,
  .min-vh-landing {
    align-items: flex-start !important;
  }
  .mulo-glass-badge {
    max-width: 100% !important;
    font-size: .88rem !important;
  }
  .mulo-video-subtitle {
    max-width: 100% !important;
    font-size: 1.05rem !important;
    line-height: 1.62 !important;
  }
  .mulo-hero-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .mulo-hero-metrics div {
    border-radius: 22px !important;
    padding: 18px !important;
  }
  .mulo-hero-metrics strong {
    font-size: 1.65rem !important;
  }
}
@media (max-width: 575.98px) {
  .min-vh-landing {
    padding-top: 96px !important;
    padding-bottom: 48px !important;
  }
  .mulo-hero-metrics {
    grid-template-columns: 1fr !important;
  }
  .mulo-glass-badge {
    padding: .48rem .72rem !important;
  }
}

/* Buttons stack on phones */
@media (max-width: 575.98px) {
  .btn,
  .btn-lg,
  .btn-mulo,
  .btn-outline-mulo,
  .btn-outline-light {
    width: 100% !important;
    min-height: 48px !important;
    white-space: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: .85rem 1rem !important;
    font-size: 1rem !important;
  }
  .d-flex.flex-sm-row,
  .d-flex.flex-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* Cards and sections */
@media (max-width: 767.98px) {
  .card-mulo,
  .flow-card,
  .mulo-saas-card,
  .mulo-ux-card,
  .mulo-feature-video-card,
  .mulo-video-frame,
  .showcase-frame,
  .pricing-card,
  .stat-box,
  .mulo-lead-form-card,
  .mulo-contact-form {
    border-radius: 20px !important;
    padding: 18px !important;
  }
  .icon-bubble {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
  }
}

/* Feature videos and content videos */
.mulo-feature-video-card video,
.mulo-video-frame video {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}
@media (max-width: 575.98px) {
  .mulo-feature-video-card,
  .mulo-video-frame {
    padding: 8px !important;
  }
  .mulo-feature-video-card video,
  .mulo-video-frame video {
    border-radius: 16px !important;
  }
}

/* Gallery becomes horizontal touch carousel */
@media (max-width: 767.98px) {
  .mulo-screen-gallery {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 14px !important;
    padding: 6px 18px 20px 4px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .mulo-screen-gallery img {
    flex: 0 0 74vw !important;
    min-width: 74vw !important;
    max-width: 74vw !important;
    height: auto !important;
    border-radius: 22px !important;
    scroll-snap-align: start !important;
  }
}

/* Pricing */
@media (max-width: 991.98px) {
  .pricing-card.featured {
    transform: none !important;
  }
}

/* Forms */
@media (max-width: 767.98px) {
  input,
  select,
  textarea {
    width: 100% !important;
  }
  .mulo-shortcode-box,
  .mulo-lead-form-card,
  .mulo-contact-form {
    padding: 18px !important;
  }
  .mulo-form-row,
  .mulo-checkbox-grid,
  .mulo-lead-grid,
  .mulo-lead-personas {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

/* Dashboard */
@media (max-width: 991.98px) {
  .mulo-dashboard-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .mulo-sidebar {
    position: relative !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 14px !important;
  }
  .mulo-sidebar a {
    margin: 0 !important;
    padding: 10px !important;
    font-size: .9rem !important;
  }
}
@media (max-width: 575.98px) {
  .mulo-sidebar {
    grid-template-columns: 1fr !important;
  }
}

/* Native app demo: tablet/phone strategy */
#full-app-demo,
#full-app-demo .container-fluid,
#mulo-native-app-demo {
  max-width: 100% !important;
  overflow-x: hidden !important;
}
#mulo-native-app-demo .shell,
#mulo-native-app-demo .desktop-shell,
.shell.desktop-shell {
  width: 100% !important;
  max-width: 1680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px) !important;
  gap: 24px !important;
  padding: 24px !important;
}
#mulo-native-app-demo .phone,
#mulo-native-app-demo .phone.desktop-app,
#mulo-native-app-demo .side-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* tablets: stack controls on top and app below */
@media (max-width: 1180px) {
  #mulo-native-app-demo .shell,
  #mulo-native-app-demo .desktop-shell,
  .shell.desktop-shell {
    grid-template-columns: 1fr !important;
    padding: 18px !important;
    gap: 18px !important;
  }
  #mulo-native-app-demo .side-panel {
    order: -1 !important;
  }
}

/* phones: allow content to breathe, no giant fixed widths */
@media (max-width: 767.98px) {
  #full-app-demo {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #full-app-demo .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #mulo-native-app-demo .shell,
  #mulo-native-app-demo .desktop-shell,
  .shell.desktop-shell {
    padding: 10px !important;
    gap: 14px !important;
  }
  #mulo-native-app-demo .phone,
  #mulo-native-app-demo .phone.desktop-app {
    height: auto !important;
    min-height: 0 !important;
    border-radius: 18px !important;
    overflow: visible !important;
  }
  #mulo-native-app-demo .screen,
  #mulo-native-app-demo .view {
    height: auto !important;
    min-height: 760px !important;
    overflow: visible !important;
  }
  #mulo-native-app-demo .scroll {
    height: auto !important;
    overflow: visible !important;
    padding: 18px 16px 96px !important;
  }
  #mulo-native-app-demo .top-hero,
  #mulo-native-app-demo .header {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #mulo-native-app-demo .title {
    font-size: clamp(1.7rem, 9vw, 2.35rem) !important;
    line-height: 1.05 !important;
  }
  #mulo-native-app-demo .category-grid,
  #mulo-native-app-demo .role-grid,
  #mulo-native-app-demo .service-list,
  #mulo-native-app-demo .demo-tabs,
  #mulo-native-app-demo .api-actions,
  #mulo-native-app-demo .flow-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  #mulo-native-app-demo .booking-card {
    grid-template-columns: 44px 1fr !important;
  }
  #mulo-native-app-demo .booking-card > *:last-child {
    grid-column: 1 / -1 !important;
  }
  #mulo-native-app-demo .side-panel {
    border-radius: 18px !important;
    padding: 14px !important;
  }
  #mulo-native-app-demo .tabbar {
    position: sticky !important;
    bottom: 0 !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px 18px 0 0 !important;
  }
}

/* Tables */
.table-responsive {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
@media (max-width: 767.98px) {
  table {
    min-width: 620px;
  }
}

/* Footer */
@media (max-width: 767.98px) {
  .footer {
    padding: 42px 0 24px !important;
  }
}


/* WooCommerce */
.mulo-woo-shop .woocommerce-notices-wrapper,
.mulo-woo-single .woocommerce-notices-wrapper{margin-bottom:1.5rem}
.mulo-woo-shop .woocommerce-result-count,
.mulo-woo-shop .woocommerce-ordering{display:none}
.mulo-shop-card .woocommerce-loop-product__link{text-decoration:none;color:inherit;display:block}
.mulo-shop-card .price,
.mulo-woo-single .price{color:var(--mulo-deep)!important;font-weight:900;font-size:1.8rem}
.mulo-shop-card .woocommerce-loop-product__title{font-size:1.7rem;font-weight:850;color:#102A32;margin-bottom:.5rem}
.mulo-shop-card .button,
.mulo-woo-single .single_add_to_cart_button,
.mulo-woo-single .add_to_cart_button,
.mulo-contact-sales{
  display:inline-flex!important;align-items:center;justify-content:center;
  border-radius:999px!important;padding:.9rem 1.4rem!important;
  background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal))!important;
  color:#fff!important;border:0!important;font-weight:850!important;
  box-shadow:0 14px 34px rgba(15,61,62,.22);text-decoration:none!important;
}
.mulo-shop-card .button:hover,
.mulo-woo-single .single_add_to_cart_button:hover,
.mulo-contact-sales:hover{filter:brightness(1.05);transform:translateY(-2px)}
.mulo-shop-card .product_type_simple,
.mulo-shop-card .product_type_external{width:100%}
.mulo-woo-single div.product{
  border:1px solid var(--mulo-line);border-radius:30px;background:#fff;
  box-shadow:var(--mulo-shadow);padding:2rem;
}
.mulo-woo-single .woocommerce-product-gallery,
.mulo-woo-single .summary{margin-bottom:1rem}
.mulo-woo-badge{
  display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;
  background:#fff;color:var(--mulo-deep);font-weight:900;border:1px solid var(--mulo-line);
  box-shadow:0 10px 30px rgba(15,61,62,.07);margin-bottom:1rem;
}
.mulo-woo-single .product_meta{padding-top:1rem;border-top:1px solid var(--mulo-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding-left:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border-radius:999px 999px 0 0;
}
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border-radius:18px;border:none;box-shadow:var(--mulo-shadow)
}


/* Production Woo + legal pages */
.mulo-price-note{display:block;font-size:.95rem;font-weight:700;color:#58707a;margin-top:.35rem}
.mulo-generic-page > :last-child,
.mulo-legal-page > :last-child{margin-bottom:0}
.mulo-legal-page h2{font-size:1.35rem;margin-top:1.75rem;color:var(--mulo-deep)}
.mulo-legal-page p,.mulo-legal-page li{font-size:1rem;line-height:1.75;color:#31434b}
.mulo-legal-page ul{padding-left:1.2rem}
.woocommerce-cart .mulo-generic-page,
.woocommerce-checkout .mulo-generic-page,
.woocommerce-account .mulo-generic-page{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}
.woocommerce-cart-form,
.woocommerce-checkout-review-order,
.woocommerce-account .woocommerce,
.woocommerce form.checkout,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content{
  border:1px solid var(--mulo-line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--mulo-shadow);
}
.woocommerce-cart-form,
.woocommerce form.checkout,
.woocommerce-account .woocommerce{padding:1.5rem}
.woocommerce-checkout-review-order{padding:1.25rem}
.woocommerce-cart table.cart img{border-radius:18px}
.woocommerce table.shop_table{
  border-radius:22px!important;
  overflow:hidden;
  border-color:var(--mulo-line)!important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{padding:1rem!important}
.woocommerce .cart_totals,
.woocommerce .woocommerce-checkout-review-order-table{
  border:1px solid var(--mulo-line);
  border-radius:24px;
  padding:1rem;
  background:#fff;
}
.woocommerce .checkout_coupon,
.woocommerce .login,
.woocommerce .register{
  border:1px solid var(--mulo-line)!important;
  border-radius:24px!important;
  background:#fff!important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single{
  min-height:52px;
  border-radius:16px!important;
  border:1px solid rgba(15,61,62,.14)!important;
  background:#fff!important;
}
.select2-container--default .select2-selection--single{padding:.55rem .85rem;height:auto!important}
.woocommerce #payment{
  background:#f8fbfb!important;
  border-radius:22px!important;
}
.woocommerce #payment div.payment_box{
  background:#fff!important;
  border-radius:18px!important;
}
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.alt{
  background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal))!important;
  color:#fff!important;
  border-radius:999px!important;
  font-weight:850!important;
}
.woocommerce-account .woocommerce{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:1.5rem;
}
.woocommerce-MyAccount-navigation{padding:1rem}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation li+li{margin-top:.45rem}
.woocommerce-MyAccount-navigation a{
  display:block;
  padding:.9rem 1rem;
  border-radius:16px;
  text-decoration:none;
  color:var(--mulo-deep);
  font-weight:700;
}
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a:hover{
  background:linear-gradient(135deg,rgba(27,167,160,.12),rgba(123,200,143,.2));
}
.woocommerce-MyAccount-content{padding:1.5rem}
.mulo-checkout-legal-notice{margin-bottom:1rem!important}
.mulo-product-copy ul{list-style:none;padding-left:0;margin:1rem 0}
.mulo-product-copy li{position:relative;padding:.45rem 0 .45rem 1.4rem}
.mulo-product-copy li:before{content:"✓";position:absolute;left:0;top:.45rem;color:var(--mulo-teal);font-weight:900}
@media (max-width: 991.98px){
  .woocommerce-account .woocommerce{grid-template-columns:1fr}
}


.logo-img,.custom-logo{
  height:52px;
  width:auto;
  max-width:190px;
  object-fit:contain;
}

.site-mark{
  height:58px;
  max-width:58px;
}

.footer-mark{
  height:64px;
  width:auto;
  max-width:64px;
  object-fit:contain;
  display:block;
}

@media (max-width: 991.98px){
  .site-mark{height:50px;max-width:50px}
}

@media (max-width: 576px){
  .site-mark{height:44px;max-width:44px}
  .footer-mark{height:56px;max-width:56px}
}

/* MULO contact conversion upgrade */
.fw-black{font-weight:900!important}.text-white-75{color:rgba(255,255,255,.78)!important}.contact-hero{position:relative;overflow:hidden;padding:8rem 0 5.5rem;background:linear-gradient(135deg,#06292b 0%,#0d5d5e 55%,#1ba7a0 100%)}.contact-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.20),transparent 28%),radial-gradient(circle at 80% 10%,rgba(123,200,143,.35),transparent 32%);opacity:.9}.contact-hero-bg{position:absolute;inset:auto -10% -35% -10%;height:60%;background:rgba(255,255,255,.08);filter:blur(40px);transform:rotate(-4deg)}.contact-hero-card,.contact-form-card,.contact-info-card{border-radius:32px;background:rgba(255,255,255,.96);box-shadow:0 30px 90px rgba(3,31,33,.18);border:1px solid rgba(255,255,255,.5);padding:2rem}.contact-pulse{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mulo-teal),var(--mulo-lime));color:#fff;font-size:1.5rem;box-shadow:0 0 0 10px rgba(27,167,160,.14)}.mini-stat{border-radius:22px;background:#f5fbfb;padding:1rem;min-height:106px;border:1px solid rgba(15,61,62,.08)}.mini-stat strong{display:block;font-size:1.45rem;color:var(--mulo-deep);font-weight:900}.mini-stat span{font-size:.86rem;color:#607071}.contact-action-card{height:100%;display:block;text-decoration:none;color:var(--mulo-deep);background:#fff;border-radius:28px;padding:2rem;box-shadow:0 18px 55px rgba(5,43,45,.09);border:1px solid rgba(15,61,62,.08);transition:transform .2s ease,box-shadow .2s ease}.contact-action-card:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(5,43,45,.14);color:var(--mulo-deep)}.contact-action-card i{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(27,167,160,.12),rgba(123,200,143,.25));color:var(--mulo-teal);font-size:1.55rem;margin-bottom:1.2rem}.contact-action-card h3{font-weight:900;font-size:1.25rem}.contact-action-card p{color:#617273}.contact-action-card span{font-weight:850;color:var(--mulo-teal)}.mulo-contact-form label{font-weight:850;color:var(--mulo-deep);margin-bottom:.45rem}.mulo-contact-form input,.mulo-contact-form select,.mulo-contact-form textarea{width:100%;border:1px solid rgba(15,61,62,.14);border-radius:18px;padding:1rem 1.05rem;background:#f8fbfb;outline:none;transition:border .2s ease,box-shadow .2s ease}.mulo-contact-form input:focus,.mulo-contact-form select:focus,.mulo-contact-form textarea:focus{border-color:var(--mulo-teal);box-shadow:0 0 0 4px rgba(27,167,160,.14);background:#fff}.contact-info-card{background:linear-gradient(180deg,#fff 0%,#f5fbfb 100%)}.contact-line{display:flex;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(15,61,62,.08)}.contact-line p{margin:0;color:#617273}.contact-trust-box{background:#fff;border-radius:24px;padding:1.25rem;border:1px solid rgba(15,61,62,.08)}.contact-trust-box ul{list-style:none;padding:0;margin:.8rem 0 0}.contact-trust-box li{position:relative;padding:.45rem 0 .45rem 1.5rem;color:#526364}.contact-trust-box li:before{content:"✓";position:absolute;left:0;color:var(--mulo-teal);font-weight:900}.contact-final-cta{padding:0 0 5rem}.contact-final-box{border-radius:34px;background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal));padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:0 25px 70px rgba(5,43,45,.16)}.footer-logo-img{height:68px;width:auto;max-width:230px;object-fit:contain;display:block}@media(max-width:991.98px){.contact-hero{padding:6.5rem 0 4rem}.contact-final-box{flex-direction:column;align-items:flex-start}.footer-logo-img{height:60px;max-width:210px}}@media(max-width:575.98px){.contact-hero-card,.contact-form-card,.contact-info-card{padding:1.35rem;border-radius:24px}.contact-action-card{padding:1.45rem}.footer-logo-img{height:54px;max-width:190px}}

/* MULO Book Service Conversion Funnel */
.fw-black{font-weight:900!important}
.mulo-booking-funnel{background:linear-gradient(180deg,#fff 0%,#f7fbfb 52%,#eef8f3 100%);overflow:hidden}
.booking-hero-funnel{position:relative;padding:145px 0 70px;background:radial-gradient(circle at 12% 18%,rgba(27,167,160,.16),transparent 28%),radial-gradient(circle at 90% 10%,rgba(123,200,143,.25),transparent 30%),linear-gradient(135deg,#fff 0%,#f5fbfb 60%,#eef8f3 100%)}
.booking-hero-funnel:after{content:"";position:absolute;right:-12%;bottom:-32%;width:520px;height:520px;background:rgba(27,167,160,.12);border-radius:50%;filter:blur(25px)}
.booking-kicker{background:#fff}
.booking-summary-card{position:relative;z-index:1;background:#fff;border:1px solid rgba(15,61,62,.10);border-radius:34px;padding:2rem;box-shadow:0 30px 80px rgba(15,61,62,.14)}
.booking-card-top{display:flex;gap:1rem;align-items:center;padding-bottom:1.2rem;margin-bottom:.7rem;border-bottom:1px solid rgba(15,61,62,.09)}
.booking-card-top i,.booking-form-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal));color:#fff;font-size:1.45rem;box-shadow:0 18px 38px rgba(15,61,62,.18)}
.booking-card-top strong{display:block;font-size:1.15rem;color:var(--mulo-deep)}
.booking-card-top span{display:block;color:#647374}
.booking-fee-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(15,61,62,.08)}
.booking-fee-row strong{color:var(--mulo-deep)}
.booking-steps-section{padding:34px 0 20px;margin-top:-30px;position:relative;z-index:2}
.booking-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.booking-step{background:#fff;border:1px solid rgba(15,61,62,.09);border-radius:26px;padding:1.45rem;box-shadow:0 16px 45px rgba(15,61,62,.08);min-height:172px}
.booking-step span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;font-weight:900;background:#eef8f3;color:var(--mulo-deep);margin-bottom:1rem}
.booking-step.active span{background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal));color:#fff}
.booking-step h3{font-size:1.05rem;font-weight:900;color:var(--mulo-deep)}
.booking-step p{margin:0;color:#647374;font-size:.95rem}
.booking-form-section{padding:55px 0 90px}
.booking-form-card,.booking-side-panel,.booking-trust-box{background:#fff;border:1px solid rgba(15,61,62,.10);border-radius:32px;padding:2rem;box-shadow:0 22px 70px rgba(15,61,62,.10)}
.mulo-cf7-booking-wrap .wpcf7{margin-top:.5rem}
.mulo-cf7-booking-wrap label{font-weight:850;color:var(--mulo-deep);display:block;margin-bottom:.55rem}
.mulo-cf7-booking-wrap input,.mulo-cf7-booking-wrap select,.mulo-cf7-booking-wrap textarea{width:100%;border:1px solid rgba(15,61,62,.15);border-radius:18px;background:#f8fbfb;padding:1rem 1.05rem;outline:none;margin-top:.35rem;margin-bottom:1rem;transition:border .2s ease,box-shadow .2s ease,background .2s ease}
.mulo-cf7-booking-wrap input:focus,.mulo-cf7-booking-wrap select:focus,.mulo-cf7-booking-wrap textarea:focus{border-color:var(--mulo-teal);box-shadow:0 0 0 4px rgba(27,167,160,.13);background:#fff}
.mulo-cf7-booking-wrap input[type="submit"],.mulo-cf7-booking-wrap .wpcf7-submit{background:linear-gradient(135deg,var(--mulo-deep),var(--mulo-teal))!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:900!important;padding:1rem 1.4rem!important;box-shadow:0 16px 36px rgba(15,61,62,.20);width:100%;cursor:pointer}
.mulo-cf7-booking-wrap .wpcf7-response-output{border-radius:18px!important;padding:1rem!important;margin:1rem 0 0!important}
.side-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(15,61,62,.08)}
.side-item:last-child{border-bottom:0}
.side-item i{width:42px;height:42px;min-width:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(27,167,160,.12),rgba(123,200,143,.24));color:var(--mulo-teal);font-size:1.15rem}
.side-item strong{display:block;color:var(--mulo-deep);font-weight:900}
.side-item span{display:block;color:#647374;font-size:.94rem}
.booking-trust-box{background:linear-gradient(180deg,#fff 0%,#f5fbfb 100%)}
@media(max-width:991.98px){.booking-hero-funnel{padding:120px 0 55px}.booking-steps-grid{grid-template-columns:repeat(2,1fr)}.booking-form-card,.booking-side-panel,.booking-trust-box{border-radius:26px;padding:1.5rem}}
@media(max-width:575.98px){.booking-steps-grid{grid-template-columns:1fr}.booking-hero-funnel{padding:105px 0 45px}.booking-summary-card{border-radius:26px;padding:1.45rem}.booking-form-card,.booking-side-panel,.booking-trust-box{padding:1.25rem}.booking-form-card .d-flex{align-items:flex-start!important}.booking-form-icon{width:48px;height:48px;min-width:48px;border-radius:16px}.mulo-cf7-booking-wrap input,.mulo-cf7-booking-wrap select,.mulo-cf7-booking-wrap textarea{border-radius:15px}}

/* Restored non-fullscreen mobile simulator on App Experience page */
.mulo-mobile-simulator-section{
  background:
    radial-gradient(circle at 16% 22%, rgba(27,167,160,.16), transparent 28%),
    radial-gradient(circle at 86% 20%, rgba(123,200,143,.18), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f3faf8 100%);
  overflow:hidden;
}
.mulo-simulator-points{
  display:grid;
  gap:12px;
}
.mulo-simulator-points div{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  color:#102A32;
}
.mulo-simulator-points i{color:var(--mulo-teal);}
.mulo-phone-demo-wrap{
  position:relative;
  width:min(100%, 520px);
  margin:0 auto;
  padding:18px;
  border-radius:46px;
  background:linear-gradient(145deg, rgba(0,63,66,.95), rgba(0,121,100,.86));
  box-shadow:0 40px 120px rgba(15,61,62,.26);
  border:1px solid rgba(255,255,255,.28);
}
.mulo-phone-demo-wrap:before{
  content:"";
  position:absolute;
  top:12px;
  left:50%;
  transform:translateX(-50%);
  width:94px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  z-index:2;
}
.mulo-phone-glow{
  position:absolute;
  inset:-38px;
  background:radial-gradient(circle, rgba(27,167,160,.30), transparent 62%);
  filter:blur(6px);
  z-index:0;
  pointer-events:none;
}
.mulo-mobile-demo-iframe{
  position:relative;
  z-index:1;
  width:100%;
  height:850px;
  display:block;
  border:0;
  border-radius:34px;
  background:transparent;
}
@media(max-width:991.98px){
  .mulo-phone-demo-wrap{margin-top:12px;}
}
@media(max-width:575.98px){
  .mulo-phone-demo-wrap{
    width:100%;
    padding:10px;
    border-radius:30px;
  }
  .mulo-mobile-demo-iframe{
    height:800px;
    border-radius:24px;
  }
}

/* MULO Book Service: Contact Form 7 booking funnel polish */
.mulo-booking-funnel .booking-form-card {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.10);
  border-radius: 28px;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  overflow: hidden;
}

.mulo-cf7-booking-wrap {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  padding: clamp(1rem, 2vw, 1.75rem);
}

.mulo-cf7-booking-wrap .wpcf7 form {
  margin: 0;
}

.mulo-cf7-booking-wrap .wpcf7 p {
  margin: 0 0 1rem;
}

.mulo-cf7-booking-wrap label {
  color: #0f172a;
  font-weight: 800;
  display: block;
  margin-bottom: 0.45rem;
}

.mulo-cf7-booking-wrap .wpcf7-form-control-wrap {
  display: block;
}

.mulo-cf7-booking-wrap input[type="text"],
.mulo-cf7-booking-wrap input[type="email"],
.mulo-cf7-booking-wrap input[type="tel"],
.mulo-cf7-booking-wrap input[type="number"],
.mulo-cf7-booking-wrap input[type="date"],
.mulo-cf7-booking-wrap input[type="time"],
.mulo-cf7-booking-wrap select,
.mulo-cf7-booking-wrap textarea {
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 16px;
  background: #ffffff;
  color: #0f172a;
  padding: 0.9rem 1rem;
  font-size: 1rem;
  outline: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.mulo-cf7-booking-wrap textarea {
  min-height: 130px;
  resize: vertical;
}

.mulo-cf7-booking-wrap input:focus,
.mulo-cf7-booking-wrap select:focus,
.mulo-cf7-booking-wrap textarea:focus {
  border-color: #16a34a;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.14);
}

.mulo-cf7-booking-wrap input[type="submit"],
.mulo-cf7-booking-wrap .wpcf7-submit {
  width: 100%;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(135deg, #16a34a, #0f766e);
  color: #ffffff;
  font-weight: 900;
  padding: 1rem 1.25rem;
  min-height: 56px;
  cursor: pointer;
  box-shadow: 0 18px 36px rgba(15, 118, 110, 0.25);
}

.mulo-cf7-booking-wrap input[type="submit"]:hover,
.mulo-cf7-booking-wrap .wpcf7-submit:hover {
  transform: translateY(-1px);
}

.mulo-cf7-booking-wrap .wpcf7-spinner {
  display: block;
  margin: 0.75rem auto 0;
}

.mulo-cf7-booking-wrap .wpcf7-not-valid-tip {
  color: #b91c1c;
  font-size: 0.9rem;
  margin-top: 0.35rem;
}

.mulo-cf7-booking-wrap .wpcf7-response-output,
.mulo-form-missing {
  border-radius: 16px !important;
  margin: 1rem 0 0 !important;
  padding: 1rem !important;
  background: #fff7ed;
  border: 1px solid #fed7aa !important;
  color: #7c2d12;
}

@media (max-width: 767px) {
  .mulo-cf7-booking-wrap { padding: 1rem; border-radius: 18px; }
  .mulo-booking-funnel .booking-form-card { border-radius: 22px; }
}


/* MULO Book Service: Forminator booking form polish */
.mulo-forminator-booking-wrap,
.mulo-cf7-booking-wrap {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  padding: clamp(1rem, 2vw, 1.75rem);
}

.mulo-forminator-booking-wrap .forminator-ui,
.mulo-forminator-booking-wrap .forminator-custom-form {
  margin: 0 !important;
}

.mulo-forminator-booking-wrap .forminator-row {
  margin-bottom: 1rem !important;
}

.mulo-forminator-booking-wrap .forminator-label,
.mulo-forminator-booking-wrap label {
  color: #0f172a !important;
  font-weight: 850 !important;
  margin-bottom: .45rem !important;
}

.mulo-forminator-booking-wrap input,
.mulo-forminator-booking-wrap select,
.mulo-forminator-booking-wrap textarea,
.mulo-forminator-booking-wrap .forminator-input,
.mulo-forminator-booking-wrap .forminator-select2,
.mulo-forminator-booking-wrap .forminator-textarea {
  width: 100% !important;
  min-height: 52px !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  padding: .9rem 1rem !important;
  font-size: 1rem !important;
  outline: none !important;
  box-shadow: none !important;
}

.mulo-forminator-booking-wrap textarea,
.mulo-forminator-booking-wrap .forminator-textarea {
  min-height: 130px !important;
  resize: vertical !important;
}

.mulo-forminator-booking-wrap input:focus,
.mulo-forminator-booking-wrap select:focus,
.mulo-forminator-booking-wrap textarea:focus,
.mulo-forminator-booking-wrap .forminator-input:focus,
.mulo-forminator-booking-wrap .forminator-textarea:focus {
  border-color: #16a34a !important;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, .14) !important;
}

.mulo-forminator-booking-wrap .forminator-button-submit,
.mulo-forminator-booking-wrap button[type="submit"],
.mulo-forminator-booking-wrap input[type="submit"] {
  width: 100% !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #16a34a, #0f766e) !important;
  color: #ffffff !important;
  font-weight: 950 !important;
  padding: 1rem 1.25rem !important;
  cursor: pointer !important;
  box-shadow: 0 18px 36px rgba(15, 118, 110, .25) !important;
}

.mulo-forminator-booking-wrap .forminator-button-submit:hover,
.mulo-forminator-booking-wrap button[type="submit"]:hover,
.mulo-forminator-booking-wrap input[type="submit"]:hover {
  transform: translateY(-1px);
}

.mulo-forminator-booking-wrap .forminator-error-message,
.mulo-forminator-booking-wrap .forminator-response-message,
.mulo-form-missing {
  border-radius: 16px !important;
  margin: 1rem 0 0 !important;
  padding: 1rem !important;
}

.mulo-forminator-booking-wrap .forminator-error-message {
  background: #fef2f2 !important;
  color: #991b1b !important;
}

@media (max-width: 767px) {
  .mulo-forminator-booking-wrap,
  .mulo-cf7-booking-wrap {
    padding: 1rem;
    border-radius: 18px;
  }
}

/* MULO bookings UX polish + service-to-form connector */
.mulo-service-picker {
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  border: 1px solid rgba(15, 23, 42, .09);
  border-radius: 28px;
  padding: 1.25rem;
  margin-bottom: 1.4rem;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .07);
}
.mulo-picker-head h3 {
  font-weight: 950;
  color: #0f172a;
  margin: .35rem 0 .3rem;
}
.mulo-picker-head p {
  color: #64748b;
  margin: 0 0 1rem;
}
.mulo-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}
.mulo-service-tile {
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 22px;
  background: #ffffff;
  color: #0f172a;
  padding: 1rem .85rem;
  text-align: left;
  min-height: 124px;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.mulo-service-tile span {
  display: block;
  font-size: 1.65rem;
  line-height: 1;
  margin-bottom: .65rem;
}
.mulo-service-tile strong {
  display: block;
  font-size: .98rem;
  font-weight: 950;
}
.mulo-service-tile small {
  display: block;
  color: #64748b;
  margin-top: .25rem;
  line-height: 1.25;
}
.mulo-service-tile:hover,
.mulo-service-tile.is-selected {
  transform: translateY(-2px);
  border-color: rgba(22, 163, 74, .45);
  box-shadow: 0 18px 42px rgba(15, 118, 110, .16);
  background: linear-gradient(135deg, rgba(22, 163, 74, .10), rgba(15, 118, 110, .08));
}
.mulo-service-tile.is-selected::after {
  content: 'Selected';
  display: inline-block;
  margin-top: .55rem;
  padding: .2rem .55rem;
  border-radius: 999px;
  background: #16a34a;
  color: #fff;
  font-size: .72rem;
  font-weight: 900;
}
.mulo-selected-service {
  margin-top: 1rem;
  border-radius: 18px;
  background: #ecfdf5;
  color: #065f46;
  padding: .85rem 1rem;
  font-weight: 850;
}
.mulo-selected-service strong { color: #022c22; }
.booking-form-card {
  overflow: visible;
}
@media (max-width: 991px) {
  .mulo-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .mulo-service-picker { padding: 1rem; border-radius: 22px; }
  .mulo-service-grid { grid-template-columns: 1fr; }
  .mulo-service-tile { min-height: auto; }
}


/* Premium MULO booking process flow */
.mulo-premium-process {
  padding: 56px 0 34px;
  margin-top: -34px;
  position: relative;
  z-index: 3;
}
.mulo-premium-process .process-header {
  max-width: 780px;
  margin: 0 auto 1.6rem;
}
.mulo-premium-process .process-header h2 {
  font-size: clamp(1.75rem, 3vw, 2.75rem);
  line-height: 1.05;
  font-weight: 950;
  color: #0f172a;
  margin: .65rem 0 .55rem;
}
.mulo-premium-process .process-header p {
  color: #64748b;
  font-size: 1.05rem;
  margin: 0;
}
.premium-steps-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.15rem;
}
.premium-steps-grid::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 80px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(13,148,136,.35), rgba(20,184,166,.55), rgba(13,148,136,.35), transparent);
  z-index: 0;
}
.premium-step {
  position: relative;
  z-index: 1;
  min-height: 240px;
  padding: 1.35rem;
  border-radius: 30px;
  border: 1px solid rgba(15, 23, 42, .08);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  box-shadow: 0 22px 65px rgba(15, 61, 62, .11);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.premium-step::after {
  content: "";
  position: absolute;
  inset: auto -28px -44px auto;
  width: 120px;
  height: 120px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(20,184,166,.16), transparent 70%);
}
.premium-step:hover {
  transform: translateY(-6px);
  border-color: rgba(20, 184, 166, .32);
  box-shadow: 0 30px 80px rgba(15, 61, 62, .16);
}
.premium-step .step-number {
  position: absolute;
  right: 1.1rem;
  top: 1rem;
  width: auto;
  height: auto;
  display: block;
  margin: 0;
  background: transparent;
  color: rgba(15, 23, 42, .16);
  font-size: 1.5rem;
  font-weight: 950;
  letter-spacing: -.04em;
}
.premium-step.active .step-number { color: rgba(15, 118, 110, .24); background: transparent; }
.premium-step .step-icon {
  width: 64px;
  height: 64px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #0f766e, #14b8a6);
  color: #fff;
  font-size: 1.55rem;
  box-shadow: 0 18px 42px rgba(15, 118, 110, .23);
  margin-bottom: 1.25rem;
}
.premium-step h3 {
  font-size: 1.22rem;
  font-weight: 950;
  color: #0f172a;
  margin-bottom: .55rem;
}
.premium-step p {
  color: #64748b;
  line-height: 1.55;
  font-size: .98rem;
  margin: 0;
}
@media (max-width: 991.98px) {
  .premium-steps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .premium-steps-grid::before { display: none; }
}
@media (max-width: 575.98px) {
  .mulo-premium-process { padding-top: 42px; }
  .premium-steps-grid { grid-template-columns: 1fr; }
  .premium-step { min-height: auto; border-radius: 24px; }
}

/* ==========================================================
   MULO Edge/WooCommerce Header Fix
   Prevents Microsoft Edge from stretching the shop navigation
   and covering WooCommerce product pages.
   ========================================================== */
@supports (-ms-ime-align:auto) or (-webkit-hyphens:none) {
  body.woocommerce-page .navbar,
  body.post-type-archive-product .navbar,
  body.single-product .navbar,
  body.woocommerce-cart .navbar,
  body.woocommerce-checkout .navbar,
  body.woocommerce-account .navbar {
    min-height: 82px !important;
    max-height: 92px !important;
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    overflow: visible !important;
  }
}

body.woocommerce-page .navbar,
body.post-type-archive-product .navbar,
body.single-product .navbar,
body.woocommerce-cart .navbar,
body.woocommerce-checkout .navbar,
body.woocommerce-account .navbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  z-index: 1030 !important;
}

body.woocommerce-page .navbar > .container,
body.post-type-archive-product .navbar > .container,
body.single-product .navbar > .container,
body.woocommerce-cart .navbar > .container,
body.woocommerce-checkout .navbar > .container,
body.woocommerce-account .navbar > .container {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  min-height: 62px !important;
  max-height: 72px !important;
}

body.woocommerce-page .navbar-brand,
body.post-type-archive-product .navbar-brand,
body.single-product .navbar-brand,
body.woocommerce-cart .navbar-brand,
body.woocommerce-checkout .navbar-brand,
body.woocommerce-account .navbar-brand {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 90px !important;
  margin-right: 1rem !important;
}

body.woocommerce-page .navbar-brand img,
body.post-type-archive-product .navbar-brand img,
body.single-product .navbar-brand img,
body.woocommerce-cart .navbar-brand img,
body.woocommerce-checkout .navbar-brand img,
body.woocommerce-account .navbar-brand img,
body.woocommerce-page .logo-img,
body.post-type-archive-product .logo-img,
body.single-product .logo-img {
  display: block !important;
  width: auto !important;
  height: 42px !important;
  max-height: 42px !important;
  max-width: 58px !important;
  object-fit: contain !important;
}

body.woocommerce-page .navbar-collapse,
body.post-type-archive-product .navbar-collapse,
body.single-product .navbar-collapse,
body.woocommerce-cart .navbar-collapse,
body.woocommerce-checkout .navbar-collapse,
body.woocommerce-account .navbar-collapse {
  flex-basis: auto !important;
  flex-grow: 1 !important;
  align-items: center !important;
  min-width: 0 !important;
}

body.woocommerce-page .navbar-nav,
body.post-type-archive-product .navbar-nav,
body.single-product .navbar-nav,
body.woocommerce-cart .navbar-nav,
body.woocommerce-checkout .navbar-nav,
body.woocommerce-account .navbar-nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .35rem !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

body.woocommerce-page .navbar-nav .menu-item a,
body.post-type-archive-product .navbar-nav .menu-item a,
body.single-product .navbar-nav .menu-item a,
body.woocommerce-cart .navbar-nav .menu-item a,
body.woocommerce-checkout .navbar-nav .menu-item a,
body.woocommerce-account .navbar-nav .menu-item a {
  padding: .45rem .62rem !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

body.woocommerce-page .mulo-account-actions,
body.post-type-archive-product .mulo-account-actions,
body.single-product .mulo-account-actions,
body.woocommerce-cart .mulo-account-actions,
body.woocommerce-checkout .mulo-account-actions,
body.woocommerce-account .mulo-account-actions {
  flex: 0 0 auto !important;
  align-items: center !important;
  white-space: nowrap !important;
}

body.woocommerce-page .mulo-account-actions .btn,
body.post-type-archive-product .mulo-account-actions .btn,
body.single-product .mulo-account-actions .btn,
body.woocommerce-cart .mulo-account-actions .btn,
body.woocommerce-checkout .mulo-account-actions .btn,
body.woocommerce-account .mulo-account-actions .btn {
  padding: .7rem 1.35rem !important;
  line-height: 1.1 !important;
}

/* Give fixed header enough room on shop/product pages without letting the header cover products. */
body.woocommerce-page,
body.post-type-archive-product,
body.single-product,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
  padding-top: 0 !important;
}

body.woocommerce-page main,
body.post-type-archive-product main,
body.single-product main,
body.woocommerce-cart main,
body.woocommerce-checkout main,
body.woocommerce-account main,
body.woocommerce-page .site-main,
body.post-type-archive-product .site-main,
body.single-product .site-main {
  padding-top: 96px !important;
}

@media (max-width: 1199.98px) and (min-width: 992px) {
  body.woocommerce-page .navbar-nav .menu-item a,
  body.post-type-archive-product .navbar-nav .menu-item a,
  body.single-product .navbar-nav .menu-item a {
    padding-left: .45rem !important;
    padding-right: .45rem !important;
    font-size: .95rem !important;
  }
  body.woocommerce-page .mulo-account-actions .btn,
  body.post-type-archive-product .mulo-account-actions .btn,
  body.single-product .mulo-account-actions .btn {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (max-width: 991.98px) {
  body.woocommerce-page .navbar,
  body.post-type-archive-product .navbar,
  body.single-product .navbar,
  body.woocommerce-cart .navbar,
  body.woocommerce-checkout .navbar,
  body.woocommerce-account .navbar {
    max-height: none !important;
  }
  body.woocommerce-page .navbar > .container,
  body.post-type-archive-product .navbar > .container,
  body.single-product .navbar > .container,
  body.woocommerce-cart .navbar > .container,
  body.woocommerce-checkout .navbar > .container,
  body.woocommerce-account .navbar > .container {
    flex-wrap: wrap !important;
    max-height: none !important;
  }
  body.woocommerce-page .navbar-collapse,
  body.post-type-archive-product .navbar-collapse,
  body.single-product .navbar-collapse,
  body.woocommerce-cart .navbar-collapse,
  body.woocommerce-checkout .navbar-collapse,
  body.woocommerce-account .navbar-collapse {
    flex-basis: 100% !important;
  }
  body.woocommerce-page .navbar-nav,
  body.post-type-archive-product .navbar-nav,
  body.single-product .navbar-nav,
  body.woocommerce-cart .navbar-nav,
  body.woocommerce-checkout .navbar-nav,
  body.woocommerce-account .navbar-nav {
    flex-direction: column !important;
    align-items: stretch !important;
    white-space: normal !important;
  }
}

/* Immersive Desktop SaaS Demo Modal */
.mulo-demo-lock{overflow:hidden!important;}
.mulo-immersive-demo{
  position:fixed;
  inset:0;
  z-index:999999;
  padding:18px;
  background:rgba(3,20,22,.82);
  backdrop-filter:blur(12px);
  display:none;
  align-items:center;
  justify-content:center;
}
.mulo-immersive-demo.is-open{display:flex;}
.mulo-immersive-demo-shell{
  width:min(1480px,98vw);
  height:min(920px,94vh);
  background:#071f21;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  box-shadow:0 34px 110px rgba(0,0,0,.42);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.mulo-immersive-demo-topbar{
  min-height:72px;
  padding:14px 18px;
  background:linear-gradient(135deg,#092d30,#0F3D3E 58%,#1BA7A0);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.mulo-immersive-demo-topbar strong{display:block;font-size:1.05rem;line-height:1.2;margin-top:4px;}
.mulo-demo-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.mulo-immersive-demo-actions{display:flex;align-items:center;gap:10px;}
.mulo-demo-open-new{
  color:#fff!important;
  text-decoration:none;
  font-weight:900;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  padding:10px 14px;
  background:rgba(255,255,255,.1);
}
.mulo-immersive-demo-close{
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#0F3D3E;
  font-size:30px;
  line-height:1;
  font-weight:800;
  cursor:pointer;
}
#muloImmersiveDemoFrame{
  flex:1;
  width:100%;
  height:100%;
  border:0;
  background:#f6faf9;
}
@media(max-width:768px){
  .mulo-immersive-demo{padding:8px;}
  .mulo-immersive-demo-shell{height:96vh;border-radius:18px;}
  .mulo-immersive-demo-topbar{min-height:64px;padding:10px;}
  .mulo-immersive-demo-topbar strong{font-size:.88rem;}
  .mulo-demo-open-new{display:none;}
}


/* App Experience live desktop demo iframe fix */
.mulo-live-app-iframe-wrap{
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
  border-radius:32px !important;
  overflow:hidden !important;
  background:#eef4f8 !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 28px 80px rgba(15,23,42,.10) !important;
}
.mulo-live-desktop-demo-iframe{
  display:block !important;
  width:100% !important;
  min-height:1720px !important;
  height:1720px;
  border:0 !important;
  background:#eef4f8 !important;
}
@media (max-width:1180px){
  .mulo-live-desktop-demo-iframe{
    min-height:2240px !important;
    height:2240px;
  }
}
@media (max-width:760px){
  .mulo-live-app-iframe-wrap{
    border-radius:22px !important;
  }
  .mulo-live-desktop-demo-iframe{
    min-height:2540px !important;
    height:2540px;
  }
}

/* Edge / Internet Explorer safe iframe rendering for App Experience */
.mulo-fullpage-app-preview,
.mulo-fullpage-app-preview .container-fluid{
  max-width:100% !important;
  overflow-x:hidden !important;
}
.mulo-live-app-iframe-wrap{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  -ms-overflow-style:auto !important;
}
.mulo-live-desktop-demo-iframe{
  display:block !important;
  width:1px !important;
  min-width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:auto !important;
  -ms-overflow-style:auto !important;
}
/* Legacy Microsoft browser fallback */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .mulo-live-app-iframe-wrap{
    height:1720px !important;
    min-height:1720px !important;
    border-radius:18px !important;
  }
  .mulo-live-desktop-demo-iframe{
    height:1720px !important;
    min-height:1720px !important;
  }
}
@supports (-ms-ime-align:auto) {
  .mulo-live-app-iframe-wrap{
    height:1720px !important;
    min-height:1720px !important;
  }
  .mulo-live-desktop-demo-iframe{
    height:1720px !important;
    min-height:1720px !important;
  }
}
@media (max-width:1180px){
  .mulo-live-app-iframe-wrap{
    min-height:2240px !important;
  }
}
@media (max-width:760px){
  .mulo-live-app-iframe-wrap{
    min-height:2540px !important;
  }
}


/* MULO four-step service flow */
.mulo-service-steps-section{
  background: radial-gradient(circle at top left, rgba(24,185,134,.14), transparent 34%), linear-gradient(135deg,#ffffff 0%,#f4fbf8 100%);
  position: relative;
  overflow: hidden;
}
.mulo-service-steps-section:before{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(24,185,134,.10);
  filter:blur(2px);
}
.mulo-steps-hero{position:relative;z-index:1;}
.mulo-flow-card{
  position:relative;
  z-index:1;
  background:#fff;
  border:1px solid rgba(11,45,39,.08);
  border-radius:26px;
  padding:28px;
  box-shadow:0 18px 45px rgba(11,45,39,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}
.mulo-flow-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(11,45,39,.12);}
.mulo-flow-number{
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:16px;
  background:linear-gradient(135deg,#18b986,#0b5f4a);
  color:#fff;
  font-weight:900;
  margin-bottom:18px;
  box-shadow:0 12px 24px rgba(24,185,134,.25);
}
.mulo-flow-card h4{font-weight:900;margin-bottom:10px;color:#0b2d27;}
.mulo-flow-card p{color:#5d6f69;margin-bottom:0;}
@media (max-width:767px){.mulo-flow-card{padding:22px;border-radius:20px;}}

/* MULO final polish: two-plan pricing + app preview responsiveness */
.mulo-pricing-table th{font-weight:900;color:#09231f;background:#f4fbf8;white-space:nowrap;}
.mulo-pricing-table td,.mulo-pricing-table th{padding:1rem 1.1rem;border-color:rgba(11,45,39,.08);}
.mulo-pricing-table td:first-child{font-weight:800;color:#0b2d27;}
@media (max-width:720px){.mulo-pricing-table{font-size:.88rem}.mulo-pricing-table td,.mulo-pricing-table th{padding:.8rem .7rem}.pricing-card{border-radius:22px!important}}
.mulo-live-app-preview-section{background:linear-gradient(135deg,#f7fffb 0%,#eef8f2 54%,#ffffff 100%);}
.mulo-live-app-iframe-wrap{aspect-ratio:16/10;min-height:720px!important;max-height:calc(100vh - 40px);}
.mulo-live-desktop-demo-iframe{height:100%!important;min-height:720px!important;border-radius:inherit;}
.mulo-mobile-demo-iframe{width:100%;max-width:430px;min-height:760px;border:0;border-radius:32px;box-shadow:0 28px 80px rgba(11,45,39,.18);background:#fff;}
@media (max-width:1180px){.mulo-live-app-iframe-wrap{aspect-ratio:auto;min-height:820px!important;max-height:none}.mulo-live-desktop-demo-iframe{min-height:820px!important}}
@media (max-width:760px){.mulo-live-app-iframe-wrap{min-height:760px!important;border-radius:20px!important}.mulo-live-desktop-demo-iframe{min-height:760px!important}.mulo-mobile-demo-iframe{min-height:700px;border-radius:24px}.showcase-badge{font-size:.78rem}.btn-lg{padding:.75rem 1rem!important;font-size:.95rem}}

/* Newsletter signup CTA */
.mulo-newsletter-signup-section { background: radial-gradient(circle at 12% 18%, rgba(25, 178, 117, 0.12), transparent 30%), linear-gradient(135deg, #f7fff9 0%, #ffffff 58%, #f0faf5 100%); }
.mulo-newsletter-card { position: relative; overflow: hidden; border: 1px solid rgba(12, 121, 73, 0.14); border-radius: 32px; padding: clamp(1.35rem, 3vw, 2.5rem); background: rgba(255,255,255,0.88); box-shadow: 0 24px 70px rgba(15, 80, 50, 0.10); }
.mulo-newsletter-card:before { content: ''; position: absolute; inset: auto -90px -120px auto; width: 260px; height: 260px; border-radius: 50%; background: rgba(15, 166, 95, 0.12); }
.mulo-newsletter-form-wrap { position: relative; border-radius: 24px; padding: 1rem; background: #ffffff; border: 1px solid rgba(0,0,0,0.06); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8); }
@media (max-width: 767px) { .mulo-newsletter-card { border-radius: 24px; } .mulo-newsletter-form-wrap { padding: .75rem; } }

/* MULO upgraded service flow + service cards */
.mulo-upgraded-flow{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fbff 0%,#ffffff 45%,#effdf6 100%)}
.mulo-upgraded-flow:before{content:"";position:absolute;inset:28px auto auto -80px;width:220px;height:220px;border-radius:48% 52% 44% 56%;background:linear-gradient(135deg,rgba(30,196,122,.18),rgba(6,99,255,.12));filter:blur(2px);transform:rotate(-12deg)}
.mulo-steps-shell{position:relative;display:grid;grid-template-columns:.85fr 1.35fr;gap:28px;align-items:center;background:rgba(255,255,255,.78);border:1px solid rgba(13,42,74,.08);border-radius:32px;padding:30px;box-shadow:0 24px 70px rgba(8,33,60,.10);backdrop-filter:blur(14px)}
.mulo-steps-copy .lead{max-width:520px}.mulo-mini-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mulo-mini-trust-row span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#f0f7ff;color:#0d2a4a;font-weight:800;font-size:.9rem}.mulo-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mulo-upgraded-flow .mulo-flow-card{position:relative;border:1px solid rgba(13,42,74,.08);background:#fff;border-radius:24px;padding:22px;box-shadow:0 14px 38px rgba(8,33,60,.08);transition:transform .22s ease,box-shadow .22s ease}.mulo-upgraded-flow .mulo-flow-card:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(8,33,60,.13)}.mulo-upgraded-flow .mulo-flow-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#0f7cff,#1ec47a);color:#fff;font-weight:900;margin-bottom:12px}.mulo-upgraded-flow .mulo-flow-card h4{font-weight:900;margin-bottom:8px}.mulo-upgraded-flow .mulo-flow-card p{color:#5c6978;margin-bottom:0;font-size:.96rem}.mulo-services-modern-section{background:#fff}.mulo-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mulo-service-tile{position:relative;display:flex;gap:16px;min-height:170px;padding:22px;border-radius:26px;border:1px solid rgba(13,42,74,.08);background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 14px 42px rgba(8,33,60,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.mulo-service-tile:hover{transform:translateY(-5px);box-shadow:0 20px 58px rgba(8,33,60,.12);border-color:rgba(30,196,122,.35)}.mulo-service-tile h5{font-weight:900;margin:0 0 8px}.mulo-service-tile p{color:#5c6978;margin:0 0 28px}.mulo-service-chip{position:absolute;left:22px;bottom:18px;font-size:.78rem;font-weight:900;color:#0b7a4d;background:#eafaf2;border-radius:999px;padding:7px 10px}.mulo-quality-card{border-radius:30px;background:linear-gradient(135deg,#0d2a4a,#0f7cff);color:#fff;padding:28px;box-shadow:0 22px 60px rgba(8,33,60,.18)}.mulo-quality-card h4{font-weight:900;margin-bottom:18px}.mulo-quality-row{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px 0;border-top:1px solid rgba(255,255,255,.18)}.mulo-quality-row span{color:rgba(255,255,255,.82)}
@media (max-width:1199px){.mulo-steps-shell{grid-template-columns:1fr}.mulo-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mulo-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.mulo-steps-shell{padding:20px;border-radius:24px}.mulo-flow-grid,.mulo-services-grid{grid-template-columns:1fr}.mulo-quality-row{grid-template-columns:1fr;gap:4px}.mulo-service-tile{min-height:auto}.mulo-mini-trust-row span{width:100%;justify-content:center}}


/* MULO mobile money brand logos */
.mulo-money-logos{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}
.mulo-money-logo-card{display:flex;align-items:center;justify-content:center;min-height:72px;padding:12px 16px;border:1px solid rgba(15,61,62,.10);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,61,62,.07);transition:transform .2s ease, box-shadow .2s ease;}
.mulo-money-logo-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(15,61,62,.12)}
.mulo-money-logo-card img{max-height:44px;max-width:130px;width:auto;height:auto;object-fit:contain;display:block;}
.mulo-payment-option .mulo-payment-brand{display:flex;align-items:center;gap:14px;min-width:0}
.mulo-payment-option .mulo-payment-brand img{width:62px;height:42px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(15,61,62,.08);padding:5px;}
.mulo-payment-highlight{border-radius:28px;background:linear-gradient(135deg,#f5fffb,#ffffff 45%,#fff8e7);border:1px solid rgba(15,61,62,.10);padding:28px;box-shadow:0 24px 60px rgba(15,61,62,.08)}
@media(max-width:575px){.mulo-money-logo-card{flex:1 1 calc(50% - 8px);min-height:64px}.mulo-money-logo-card img{max-width:110px;max-height:36px}.mulo-payment-option{align-items:flex-start}.mulo-payment-option .mulo-payment-brand img{width:52px;height:38px}}


/* Responsive showcase images and payment logos update */
.mulo-responsive-showcase{width:100%;height:auto;display:block;object-fit:contain;border-radius:24px;}
.showcase-frame{max-width:100%;}
.mulo-money-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;align-items:stretch;width:100%;}
.mulo-money-logo-card{min-width:0;overflow:hidden;}
.mulo-money-logo-card img{width:100%;max-width:136px;height:46px;object-fit:contain;}
.mulo-payment-option{gap:12px;}
.mulo-payment-option .mulo-payment-brand img{flex:0 0 auto;object-fit:contain;}
@media(max-width:991.98px){.showcase-frame{padding:10px;border-radius:26px}.mulo-responsive-showcase{border-radius:18px}.mulo-money-logos{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:575.98px){.showcase-frame{padding:7px;border-radius:20px}.mulo-responsive-showcase{border-radius:14px}.mulo-money-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mulo-money-logo-card{min-height:66px;padding:10px}.mulo-money-logo-card img{max-width:118px;height:38px}.mulo-payment-option .mulo-payment-brand{gap:10px}.mulo-payment-option .mulo-payment-brand img{width:54px;height:40px;padding:4px}}


/* Final responsive media and payment logo polish */
.mulo-responsive-showcase{max-width:100%;height:auto;aspect-ratio:auto;display:block;}
.showcase-frame{overflow:hidden;}
.mulo-money-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:clamp(10px,2vw,16px);align-items:stretch;}
.mulo-money-logo-card{display:flex;align-items:center;justify-content:center;min-width:0;min-height:76px;padding:12px;background:#fff;border:1px solid rgba(15,61,62,.10);border-radius:18px;}
.mulo-money-logo-card img{display:block;width:100%;max-width:150px;height:50px;object-fit:contain;object-position:center;}
.mulo-payment-option .mulo-payment-brand{min-width:0;}
.mulo-payment-option .mulo-payment-brand img{display:block;object-fit:contain;object-position:center;background:#fff;}
@media(max-width:991.98px){.mulo-money-logos{grid-template-columns:repeat(4,minmax(0,1fr));}.mulo-money-logo-card{min-height:70px;padding:10px}.mulo-money-logo-card img{max-width:132px;height:44px}}
@media(max-width:575.98px){.mulo-money-logos{grid-template-columns:repeat(2,minmax(0,1fr));}.mulo-money-logo-card{min-height:68px}.mulo-money-logo-card img{max-width:122px;height:42px}.mulo-payment-option{flex-wrap:wrap}.mulo-status{margin-left:auto}}
@media(max-width:380px){.mulo-money-logo-card img{max-width:104px;height:36px}.mulo-payment-option .mulo-payment-brand img{width:48px;height:36px}}

/* Final responsive media/logo polish */
.mulo-responsive-showcase{
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.mulo-money-logos{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  align-items:center;
  gap:clamp(10px,2vw,18px);
}
.mulo-money-logo-card{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(10px,2vw,18px);
  min-height:clamp(70px,9vw,110px);
  overflow:hidden;
}
.mulo-money-logo-card img,
.mulo-payment-brand img,
.pay-logo{
  display:block;
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.mulo-money-logo-card img{
  max-height:64px;
  width:min(160px,100%);
}
.mulo-payment-brand img{
  width:64px;
  height:46px;
  flex:0 0 auto;
}
@media (max-width: 575.98px){
  .mulo-money-logos{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mulo-money-logo-card{min-height:64px;padding:10px;}
  .mulo-money-logo-card img{max-height:44px;width:min(122px,100%);}
  .mulo-payment-brand img{width:52px;height:38px;}
}

/* Coded onboarding flow: replaces static poster image with responsive HTML UI blocks */
.mulo-coded-showcase-frame{padding:clamp(14px,2vw,24px);background:linear-gradient(180deg,#fff,#f7fbfa);border:1px solid rgba(15,61,62,.10);border-radius:30px;box-shadow:0 24px 70px rgba(15,61,62,.08);overflow:visible;}
.mulo-flow-coded{width:100%;container-type:inline-size;}
.mulo-coded-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:clamp(14px,1.7vw,24px);align-items:start;margin-bottom:clamp(20px,3vw,34px);}
.mulo-coded-group-title{grid-column:1/-1;justify-self:start;margin:0 0 -2px;padding:8px 18px;border-radius:9px;background:#00765f;color:#fff;font-size:clamp(.82rem,1.2vw,1rem);font-weight:900;letter-spacing:.03em;line-height:1;box-shadow:0 10px 24px rgba(0,118,95,.20);}
.mulo-coded-item{min-width:0;text-align:center;}
.mulo-coded-item>h4{font-size:clamp(.82rem,1.2vw,1rem);font-weight:900;margin:0 0 10px;color:#071c24;}
.coded-phone{position:relative;isolation:isolate;width:100%;max-width:235px;min-height:390px;margin:0 auto;border:1px solid rgba(15,61,62,.14);border-radius:25px;background:#fff;box-shadow:0 18px 42px rgba(15,61,62,.10);overflow:hidden;text-align:left;}
.phone-status{height:34px;padding:10px 16px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;color:#061820;}
.phone-content{padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px;min-height:356px;}
.phone-content h3{font-size:clamp(1rem,1.4vw,1.32rem);font-weight:900;line-height:1.12;margin:0;color:#061820;}
.phone-content h3 em{font-style:normal;color:#00765f;display:block}.phone-content p,.phone-content small,.phone-content label{font-size:clamp(.68rem,.9vw,.78rem);line-height:1.45;color:#38515b;margin:0}.phone-content label{font-weight:800;color:#16313a}.phone-content button{border:0;border-radius:10px;background:#00765f;color:#fff;font-weight:900;padding:11px 14px;font-size:.78rem;box-shadow:0 10px 22px rgba(0,118,95,.20)}
.coded-splash{background:radial-gradient(circle at 50% 22%,#0b6e63,#003e43 68%,#00353b);color:#fff}.coded-splash .phone-status,.coded-splash .phone-content *{color:#fff}.coded-brand-mark{width:76px;height:76px;border:6px solid #fff;border-radius:18px;display:grid;place-items:center;margin:44px auto 0;font-size:2rem;font-weight:900;transform:rotate(45deg)}.coded-splash h3{text-align:center;font-size:2.1rem;letter-spacing:.04em}.coded-splash span{text-align:center;letter-spacing:.38em;font-size:.8rem}.coded-splash p{text-align:center!important;font-weight:800!important;color:#fff!important}.coded-splash:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(0deg,rgba(0,70,70,.9),rgba(0,70,70,0)),linear-gradient(135deg,transparent 20%,rgba(255,255,255,.08) 21% 34%,transparent 35%)}
.coded-house{height:100px;display:grid;place-items:center;font-size:3rem;background:linear-gradient(180deg,#f4fbf8,#fff);border-radius:16px}.coded-input,.textarea{border:1px solid rgba(15,61,62,.14);border-radius:12px;padding:11px 12px;background:#fff;font-size:.78rem;color:#071c24}.textarea{min-height:74px}.search{color:#75878d}.otp-row,.property-types,.toggle-row,.actions,.meta,.upload-row{display:flex;gap:8px;align-items:center}.otp-row span{flex:1;text-align:center;border:1px solid rgba(15,61,62,.12);border-radius:10px;padding:11px 0;font-weight:900}.keypad{margin:8px -18px -20px;padding:14px 16px 20px;background:#d9d9db;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad span{background:#fff;border-radius:8px;text-align:center;padding:10px 0;font-weight:900}.property-types span,.toggle-row span{flex:1;border:1px solid rgba(15,61,62,.12);border-radius:12px;padding:10px 6px;text-align:center;font-size:.72rem}.property-types b{display:block}.toggle-row .active{border-color:#00765f;color:#00765f;background:#f2fffb;font-weight:900}.service-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-icons span{font-size:1.35rem;text-align:center}.service-icons b{display:block;font-size:.62rem;margin-top:3px}.booking-card,.expert-card,.receipt,.notice{border:1px solid rgba(15,61,62,.12);border-radius:14px;background:#fff;padding:12px}.booking-card small,.expert-card small{display:block;color:#60747b}.coded-list ul,.payment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.coded-list li,.payment-list li{display:grid;grid-template-columns:32px 1fr 16px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(15,61,62,.08);font-size:.78rem}.coded-list li:after,.payment-list li:after{content:'›';font-weight:900;color:#63777d}.coded-list li small,.payment-list li small{grid-column:2/3;display:block}.payment-list img{width:34px;height:24px;object-fit:contain}.card-icon{width:28px;height:24px;border-radius:7px;background:#123a7a;color:#fff;display:grid;place-items:center;font-size:.75rem}.upload-row div{width:54px;height:54px;border-radius:12px;background:#eef2f3;display:grid;place-items:center}.coded-summary dl,.coded-quote dl{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:.76rem;margin:0}.coded-summary dt,.coded-quote dt{font-weight:800;color:#071c24}.coded-summary dd,.coded-quote dd{margin:0;color:#38515b;text-align:right}.total{margin-top:auto;display:flex;justify-content:space-between;font-weight:900;color:#00765f}.pay-btn{background:#ef1717!important}.mini-logo{text-align:center}.mini-logo img{max-width:95px;max-height:42px;object-fit:contain}.coded-processing{background:radial-gradient(circle at 50% 30%,#075d5f,#003b42);color:#fff;text-align:center}.coded-processing .phone-status,.coded-processing .phone-content *{color:#fff}.phone-outline{width:72px;height:120px;margin:22px auto 10px;border:2px solid #2fb58e;border-radius:16px;display:grid;place-items:center}.phone-outline img{max-width:54px;max-height:48px;object-fit:contain}.dots{display:flex;justify-content:center;gap:7px}.dots span{width:8px;height:8px;background:#19c69b;border-radius:50%}.check{width:72px;height:72px;margin:16px auto 8px;border-radius:50%;display:grid;place-items:center;background:#2f9e44;color:#fff!important;font-size:2.6rem;font-weight:900}.confetti{text-align:center;color:#f59f00!important;letter-spacing:.7em}.radar-circle{width:180px;height:180px;margin:20px auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#098f69 0 16%,rgba(9,143,105,.25) 17% 40%,rgba(9,143,105,.10) 41% 68%,rgba(9,143,105,.04) 69%);box-shadow:inset 0 0 0 1px rgba(0,118,95,.10)}.radar-circle span{width:52px;height:52px;border-radius:50%;background:#008767;color:#fff;display:grid;place-items:center;font-size:1.7rem}.progress{height:5px;border-radius:999px;background:#e6eded;overflow:hidden}.progress i{display:block;width:62%;height:100%;background:#00765f}.avatar{width:72px;height:72px;border-radius:18px;background:#0a685d;color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.2rem}.expert-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.actions button{flex:1;background:#fff;color:#00765f;border:1px solid rgba(0,118,95,.25);box-shadow:none}.map-box{height:160px;border-radius:18px;background:linear-gradient(135deg,#eef4f2,#fff);overflow:hidden}.map-box svg{width:100%;height:100%}.map-box path{fill:none;stroke:#00765f;stroke-width:5;stroke-linecap:round}.map-box circle{fill:#00765f}.expert-strip{padding:8px;border:1px solid rgba(15,61,62,.12);border-radius:12px;font-size:.75rem}.expert-strip span{float:right;color:#00765f;font-weight:900}.mulo-coded-money-band{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(4,minmax(110px,1fr));gap:clamp(12px,2vw,28px);align-items:center;margin-top:8px;padding:22px clamp(18px,3vw,34px);border-radius:20px;background:#eef8f5;border:1px solid rgba(15,61,62,.08)}.mulo-coded-money-band strong{display:block;color:#00765f;font-size:clamp(1rem,1.8vw,1.55rem);line-height:1.05}.mulo-coded-money-band span{color:#00765f;font-weight:800}.mulo-coded-money-band img{width:100%;max-width:158px;max-height:64px;object-fit:contain;justify-self:center}.mulo-coded-compact{font-size:.88em}.mulo-coded-compact .mulo-coded-group{grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:12px}.mulo-coded-compact .coded-phone{max-width:170px;min-height:300px;border-radius:20px}.mulo-coded-compact .phone-content{padding:12px;min-height:266px;gap:8px}.mulo-coded-compact .phone-status{height:26px;padding:8px 12px 0}.mulo-coded-compact .coded-phone:nth-of-type(n+6){display:none}.mulo-coded-compact .mulo-coded-group:nth-of-type(n+3){display:none}.mulo-coded-compact .mulo-coded-money-band{grid-template-columns:repeat(4,1fr);padding:14px}.mulo-coded-compact .mulo-coded-money-band div{grid-column:1/-1}.mulo-coded-compact .mulo-coded-money-band img{max-height:44px}.mulo-coded-compact .keypad,.mulo-coded-compact .radar-circle,.mulo-coded-compact .map-box{transform:scale(.82);transform-origin:top center;margin-bottom:-20px}
@media(max-width:991.98px){.mulo-coded-money-band{grid-template-columns:repeat(4,minmax(0,1fr));}.mulo-coded-money-band div{grid-column:1/-1;text-align:center}.coded-phone{max-width:220px}}
@media(max-width:575.98px){.mulo-coded-showcase-frame{padding:12px;border-radius:22px}.mulo-coded-group{grid-template-columns:1fr;gap:16px}.mulo-coded-item>h4{text-align:left}.coded-phone{max-width:100%;min-height:auto}.phone-content{min-height:auto}.mulo-coded-money-band{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:16px}.mulo-coded-money-band img{max-width:120px;max-height:46px}.mulo-coded-compact .coded-phone:nth-of-type(n+6),.mulo-coded-compact .mulo-coded-group:nth-of-type(n+3){display:block}.mulo-coded-compact .coded-phone{max-width:100%;min-height:auto}}

/* App Experience coded onboarding flow: no image frame/container */
.mulo-coded-app-experience-full{width:100%;max-width:none;margin:0 auto;}
.mulo-coded-app-experience-full .mulo-flow-coded{width:100%;}


/* Upload-safe optimization patch: replaces bundled videos with lightweight static sections. */
.mulo-optimized-hero{background:radial-gradient(circle at 20% 20%,rgba(0,121,100,.5),transparent 32%),linear-gradient(135deg,#003f42,#006b5a 58%,#012f33);overflow:hidden;}
.mulo-feature-static-card{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#f6fbfa,#fff);}
.mulo-static-preview{width:min(280px,80%);margin:28px auto 18px;border-radius:28px;box-shadow:0 24px 60px rgba(13,35,48,.16);overflow:hidden;background:#fff;}
.mulo-static-preview img{display:block;width:100%;height:auto;}
.mulo-demo-lite-section{background:linear-gradient(180deg,#fff,#f4fbf9);}

/* Final responsive coded flow layout: 8 cards per row on desktop and no poster-style frame */
.mulo-coded-flow-wide,
.mulo-coded-app-experience-full{
  width:min(100%, 1740px);
  max-width:100%;
  margin-inline:auto;
  padding-inline:clamp(12px,2.2vw,38px);
}
.mulo-landing-coded-flow-section .container{max-width:1320px;}
.mulo-landing-coded-flow-section .mulo-coded-flow-wide{margin-top:clamp(18px,3vw,36px);}
.mulo-flow-coded .mulo-coded-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:clamp(12px,1.15vw,18px);
  align-items:start;
}
.mulo-coded-step-group{
  display:inline-flex;
  max-width:100%;
  align-items:center;
  justify-content:center;
  margin:0 auto 6px;
  padding:5px 8px;
  border-radius:999px;
  background:#00765f;
  color:#fff;
  font-size:clamp(.52rem,.58vw,.68rem);
  font-weight:900;
  line-height:1.05;
  letter-spacing:.02em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mulo-flow-coded .mulo-coded-item>h4{
  min-height:2.2em;
  font-size:clamp(.62rem,.72vw,.84rem);
  line-height:1.14;
  margin-bottom:7px;
}
.mulo-flow-coded .coded-phone{
  max-width:154px;
  min-height:288px;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(15,61,62,.08);
}
.mulo-flow-coded .phone-status{
  height:24px;
  padding:7px 10px 0;
  font-size:7px;
}
.mulo-flow-coded .phone-content{
  min-height:264px;
  padding:10px 10px 12px;
  gap:7px;
}
.mulo-flow-coded .phone-content h3{font-size:clamp(.72rem,.85vw,.95rem);}
.mulo-flow-coded .phone-content p,
.mulo-flow-coded .phone-content small,
.mulo-flow-coded .phone-content label{
  font-size:clamp(.48rem,.58vw,.62rem);
  line-height:1.35;
}
.mulo-flow-coded .phone-content button{padding:7px 9px;border-radius:8px;font-size:.55rem;}
.mulo-flow-coded .coded-input,
.mulo-flow-coded .textarea{padding:7px 8px;border-radius:8px;font-size:.55rem;}
.mulo-flow-coded .textarea{min-height:52px;}
.mulo-flow-coded .coded-brand-mark{width:48px;height:48px;border-width:4px;border-radius:12px;margin-top:28px;font-size:1.15rem;}
.mulo-flow-coded .coded-splash h3{font-size:1.35rem;}
.mulo-flow-coded .coded-splash span{font-size:.48rem;letter-spacing:.28em;}
.mulo-flow-coded .coded-house{height:66px;font-size:2rem;border-radius:12px;}
.mulo-flow-coded .otp-row span{padding:7px 0;border-radius:7px;}
.mulo-flow-coded .keypad{margin:5px -10px -12px;padding:9px 10px 12px;gap:5px;}
.mulo-flow-coded .keypad span{padding:6px 0;border-radius:6px;}
.mulo-flow-coded .property-types span,
.mulo-flow-coded .toggle-row span{padding:6px 4px;border-radius:8px;font-size:.48rem;}
.mulo-flow-coded .service-icons{gap:6px;}
.mulo-flow-coded .service-icons span{font-size:1rem;}
.mulo-flow-coded .service-icons b{font-size:.45rem;}
.mulo-flow-coded .booking-card,
.mulo-flow-coded .expert-card,
.mulo-flow-coded .receipt,
.mulo-flow-coded .notice{padding:8px;border-radius:10px;}
.mulo-flow-coded .coded-list li,
.mulo-flow-coded .payment-list li{grid-template-columns:24px 1fr 10px;gap:6px;padding:5px 0;font-size:.55rem;}
.mulo-flow-coded .payment-list img{width:25px;height:18px;}
.mulo-flow-coded .card-icon{width:22px;height:18px;font-size:.52rem;}
.mulo-flow-coded .upload-row div{width:38px;height:38px;border-radius:9px;}
.mulo-flow-coded .coded-summary dl,
.mulo-flow-coded .coded-quote dl{gap:6px;font-size:.54rem;}
.mulo-flow-coded .mini-logo img{max-width:70px;max-height:30px;}
.mulo-flow-coded .phone-outline{width:50px;height:82px;margin:13px auto 8px;border-radius:12px;}
.mulo-flow-coded .phone-outline img{max-width:38px;max-height:34px;}
.mulo-flow-coded .dots span{width:6px;height:6px;}
.mulo-flow-coded .check{width:48px;height:48px;font-size:1.7rem;margin-top:10px;}
.mulo-flow-coded .confetti{letter-spacing:.35em;}
.mulo-flow-coded .radar-circle{width:112px;height:112px;margin:12px auto;}
.mulo-flow-coded .radar-circle span{width:36px;height:36px;font-size:1.1rem;}
.mulo-flow-coded .avatar{width:48px;height:48px;border-radius:12px;font-size:.8rem;}
.mulo-flow-coded .map-box{height:102px;border-radius:12px;}
.mulo-flow-coded .expert-strip{padding:6px;border-radius:8px;font-size:.52rem;}
.mulo-flow-coded .meta{gap:5px;}
.mulo-flow-coded .mulo-coded-money-band{margin-top:clamp(16px,2vw,26px);}

@media (max-width:1399.98px){
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media (max-width:991.98px){
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .mulo-flow-coded .coded-phone{max-width:210px;min-height:360px;}
  .mulo-flow-coded .phone-content{min-height:326px;padding:14px;gap:10px;}
  .mulo-flow-coded .phone-status{height:30px;padding:9px 14px 0;font-size:9px;}
}
@media (max-width:575.98px){
  .mulo-coded-flow-wide,
  .mulo-coded-app-experience-full{padding-inline:14px;}
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:1fr;}
  .mulo-coded-step-group{margin-left:0;margin-right:0;}
  .mulo-flow-coded .mulo-coded-item>h4{text-align:left;min-height:0;}
  .mulo-flow-coded .coded-phone{max-width:100%;min-height:auto;border-radius:22px;}
  .mulo-flow-coded .phone-content{min-height:auto;}
}

/* Global mobile-money logo polish: clearer, consistent and responsive across all pages */
.mulo-money-logos,
.mulo-coded-money-band{
  --logo-card-bg: rgba(255,255,255,.82);
}
.mulo-money-logo-card{
  min-height:86px !important;
  padding:14px 18px !important;
  border-radius:22px !important;
  background:var(--logo-card-bg) !important;
  border:1px solid rgba(0,118,95,.12) !important;
  box-shadow:0 14px 34px rgba(15,61,62,.08) !important;
  overflow:hidden !important;
}
.mulo-money-logo-card img,
.mulo-payment-brand img,
.mulo-coded-money-band img,
.payment-list img,
.mini-logo img{
  display:block;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  image-rendering:auto;
}
.mulo-money-logo-card img{width:100% !important;max-width:170px !important;height:58px !important;max-height:58px !important;}
.mulo-money-logo-card img[src*="halopesa"]{max-width:210px !important;height:50px !important;}
.mulo-money-logo-card img[src*="airtel"]{max-width:145px !important;height:66px !important;}
.mulo-money-logo-card img[src*="mixx"]{max-width:150px !important;height:58px !important;border-radius:8px;}
.mulo-money-logo-card img[src*="mpesa"]{max-width:142px !important;height:64px !important;}

.mulo-payment-option .mulo-payment-brand img{
  width:72px !important;
  height:52px !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  flex:0 0 72px !important;
}
.mulo-payment-option .mulo-payment-brand img[src*="halopesa"]{width:94px !important;flex-basis:94px !important;}
.mulo-payment-option .mulo-payment-brand img[src*="airtel"]{height:58px !important;}
.mulo-payment-option .mulo-payment-brand img[src*="mixx"]{border-radius:6px;}

.payment-list img{width:46px !important;height:34px !important;}
.payment-list img[src*="halopesa"]{width:60px !important;height:30px !important;}
.payment-list img[src*="airtel"]{height:42px !important;}
.payment-list img[src*="mixx"]{border-radius:4px;}

.mini-logo img{max-width:112px !important;max-height:52px !important;margin-inline:auto;}
.phone-outline img{max-width:68px !important;max-height:60px !important;}
.mulo-coded-money-band{
  align-items:center !important;
  background:linear-gradient(135deg,#eef9f5,#f7fcfa) !important;
  border-color:rgba(0,118,95,.13) !important;
}
.mulo-coded-money-band img{width:100% !important;max-width:178px !important;max-height:72px !important;justify-self:center;}
.mulo-coded-money-band img[src*="halopesa"]{max-width:220px !important;max-height:56px !important;}
.mulo-coded-money-band img[src*="airtel"]{max-width:160px !important;max-height:78px !important;}
.mulo-coded-money-band img[src*="mixx"]{max-width:168px !important;border-radius:8px;}
.mulo-coded-money-band img[src*="mpesa"]{max-width:142px !important;max-height:74px !important;}

@media(max-width:991.98px){
  .mulo-money-logo-card{min-height:78px !important;padding:12px !important;}
  .mulo-money-logo-card img{height:50px !important;max-height:50px !important;}
  .mulo-coded-money-band img{max-height:58px !important;}
}
@media(max-width:575.98px){
  .mulo-money-logo-card{min-height:72px !important;padding:10px !important;border-radius:18px !important;}
  .mulo-money-logo-card img{max-width:132px !important;height:46px !important;max-height:46px !important;}
  .mulo-money-logo-card img[src*="halopesa"]{max-width:150px !important;height:38px !important;}
  .mulo-money-logo-card img[src*="airtel"]{height:52px !important;}
  .mulo-payment-option .mulo-payment-brand img{width:58px !important;height:44px !important;flex-basis:58px !important;}
  .mulo-payment-option .mulo-payment-brand img[src*="halopesa"]{width:76px !important;flex-basis:76px !important;}
  .mulo-coded-money-band img{max-width:126px !important;max-height:50px !important;}
  .mulo-coded-money-band img[src*="halopesa"]{max-width:148px !important;max-height:42px !important;}
}

/* Refinement: app experience coded flow - balanced 6 cards per row */
.mulo-flow-coded .mulo-coded-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:clamp(18px,1.6vw,28px) !important;
  align-items:start !important;
  justify-items:center !important;
}
.mulo-flow-coded .mulo-coded-item{
  width:100% !important;
  max-width:205px !important;
  margin:0 auto !important;
  text-align:center !important;
}
.mulo-flow-coded .mulo-coded-item>h4{
  min-height:2.35em !important;
  font-size:clamp(.75rem,.82vw,1rem) !important;
  line-height:1.15 !important;
  margin:0 0 10px !important;
  color:#071c24 !important;
}
.mulo-coded-step-group{
  margin-bottom:8px !important;
  padding:6px 10px !important;
  font-size:clamp(.56rem,.62vw,.72rem) !important;
  max-width:100% !important;
}
.mulo-flow-coded .coded-phone{
  width:100% !important;
  max-width:205px !important;
  min-height:345px !important;
  border-radius:22px !important;
  box-shadow:0 18px 46px rgba(15,61,62,.10) !important;
}
.mulo-flow-coded .phone-status{
  height:28px !important;
  padding:8px 12px 0 !important;
  font-size:8px !important;
}
.mulo-flow-coded .phone-content{
  min-height:312px !important;
  padding:13px 13px 15px !important;
  gap:9px !important;
}
.mulo-flow-coded .phone-content h3{font-size:clamp(.85rem,.95vw,1.08rem) !important;}
.mulo-flow-coded .phone-content p,
.mulo-flow-coded .phone-content small,
.mulo-flow-coded .phone-content label{
  font-size:clamp(.56rem,.62vw,.72rem) !important;
}
.mulo-flow-coded .phone-content button{font-size:.62rem !important;padding:8px 10px !important;}
.mulo-flow-coded .coded-input,
.mulo-flow-coded .textarea{font-size:.62rem !important;padding:8px 9px !important;}
.mulo-flow-coded .coded-list li,
.mulo-flow-coded .payment-list li{font-size:.62rem !important;grid-template-columns:28px 1fr 12px !important;}
.mulo-flow-coded .payment-list img{width:30px !important;height:22px !important;}
.mulo-flow-coded .mini-logo img{max-width:82px !important;max-height:36px !important;}
.mulo-flow-coded .mulo-coded-money-band{
  max-width:1420px !important;
  margin:clamp(28px,3vw,46px) auto 0 !important;
}
@media (max-width:1399.98px){
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media (max-width:991.98px){
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .mulo-flow-coded .mulo-coded-item{max-width:230px !important;}
  .mulo-flow-coded .coded-phone{max-width:230px !important;min-height:370px !important;}
}
@media (max-width:575.98px){
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:1fr !important;}
  .mulo-flow-coded .mulo-coded-item{max-width:320px !important;}
  .mulo-flow-coded .coded-phone{max-width:320px !important;min-height:auto !important;}
  .mulo-flow-coded .phone-content{min-height:auto !important;}
}

/* Sitewide coded app-flow presentation polish v3 */
:root{--mulo-flow-max:1720px;--mulo-flow-gap:clamp(16px,1.35vw,26px);}
.mulo-landing-coded-flow-section,
.page-template-page-app-experience .product-showcase:first-of-type{
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 0%, rgba(0,118,95,.08), transparent 34%),
    linear-gradient(180deg,#fbfffd 0%,#f5fbf9 100%);
}
.mulo-coded-flow-wide,
.mulo-coded-app-experience-full{
  width:min(var(--mulo-flow-max), calc(100vw - 32px)) !important;
  max-width:var(--mulo-flow-max) !important;
  margin:clamp(18px,2vw,32px) auto 0 !important;
  padding:clamp(12px,1.4vw,24px) !important;
  border-radius:30px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(0,118,95,.08);
  box-shadow:0 26px 80px rgba(7,28,36,.06);
}
.mulo-coded-app-experience-full{
  background:transparent;
  border:0;
  box-shadow:none;
  padding-inline:clamp(14px,2vw,34px) !important;
}
.mulo-flow-coded{width:100% !important;}
.mulo-flow-coded .mulo-coded-grid{
  display:grid !important;
  grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
  gap:clamp(22px,2vw,34px) var(--mulo-flow-gap) !important;
  align-items:start !important;
  justify-items:center !important;
}
.mulo-flow-coded .mulo-coded-item{
  width:100% !important;
  max-width:236px !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
.mulo-flow-coded .mulo-coded-step-group{
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:24px !important;
  max-width:100% !important;
  padding:6px 12px !important;
  margin:0 auto 7px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#00765f,#009b7d) !important;
  color:#fff !important;
  font-size:clamp(.52rem,.58vw,.68rem) !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:0 10px 22px rgba(0,118,95,.18) !important;
}
.mulo-flow-coded .mulo-coded-step-group-empty{
  opacity:0 !important;
  visibility:hidden !important;
}
.mulo-flow-coded .mulo-coded-item>h4{
  min-height:34px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  text-align:center !important;
  margin:0 0 12px !important;
  font-size:clamp(.78rem,.78vw,.96rem) !important;
  line-height:1.18 !important;
  letter-spacing:-.02em !important;
}
.mulo-flow-coded .coded-phone{
  width:100% !important;
  max-width:236px !important;
  min-height:374px !important;
  border-radius:24px !important;
  background:#fff !important;
  border:1px solid rgba(7,28,36,.10) !important;
  box-shadow:0 18px 50px rgba(7,28,36,.095) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}
.mulo-flow-coded .coded-phone:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(7,28,36,.14) !important;}
.mulo-flow-coded .phone-status{height:30px !important;padding:9px 13px 0 !important;font-size:8px !important;}
.mulo-flow-coded .phone-content{min-height:338px !important;padding:14px !important;gap:9px !important;}
.mulo-flow-coded .phone-content h3{font-size:clamp(.93rem,.88vw,1.12rem) !important;line-height:1.08 !important;}
.mulo-flow-coded .phone-content p,
.mulo-flow-coded .phone-content small,
.mulo-flow-coded .phone-content label{font-size:clamp(.58rem,.58vw,.7rem) !important;line-height:1.34 !important;}
.mulo-flow-coded .phone-content button{font-size:.62rem !important;padding:8px 10px !important;border-radius:9px !important;}
.mulo-flow-coded .coded-input,
.mulo-flow-coded .textarea{font-size:.62rem !important;padding:8px 9px !important;border-radius:10px !important;}
.mulo-flow-coded .textarea{min-height:58px !important;}
.mulo-flow-coded .coded-list li,
.mulo-flow-coded .payment-list li{font-size:.6rem !important;grid-template-columns:30px 1fr 10px !important;gap:7px !important;padding:6px 0 !important;}
.mulo-flow-coded .payment-list img{width:32px !important;height:24px !important;object-fit:contain !important;background:transparent !important;}
.mulo-flow-coded .service-icons{gap:7px !important;}
.mulo-flow-coded .service-icons span{font-size:1.08rem !important;}
.mulo-flow-coded .service-icons b{font-size:.48rem !important;}
.mulo-flow-coded .coded-brand-mark{width:54px !important;height:54px !important;margin-top:30px !important;}
.mulo-flow-coded .coded-splash h3{font-size:1.55rem !important;}
.mulo-flow-coded .coded-house{height:72px !important;font-size:2rem !important;}
.mulo-flow-coded .keypad{margin:6px -14px -15px !important;padding:10px 12px 14px !important;gap:6px !important;}
.mulo-flow-coded .keypad span{padding:7px 0 !important;}
.mulo-flow-coded .radar-circle{width:120px !important;height:120px !important;margin:12px auto !important;}
.mulo-flow-coded .map-box{height:112px !important;}
.mulo-flow-coded .check{width:54px !important;height:54px !important;font-size:1.9rem !important;}
.mulo-flow-coded .avatar{width:54px !important;height:54px !important;}
.mulo-flow-coded .mini-logo img{max-width:92px !important;max-height:40px !important;}
.mulo-flow-coded .phone-outline{width:58px !important;height:92px !important;margin:16px auto 8px !important;}
.mulo-flow-coded .phone-outline img{max-width:46px !important;max-height:42px !important;}
.mulo-flow-coded .mulo-coded-money-band{
  grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(120px,1fr)) !important;
  gap:clamp(18px,2.2vw,38px) !important;
  max-width:100% !important;
  margin:clamp(30px,3.2vw,54px) auto 0 !important;
  padding:clamp(18px,2vw,30px) !important;
  border-radius:26px !important;
  background:linear-gradient(135deg,#eaf8f4,#f7fcfb) !important;
  border:1px solid rgba(0,118,95,.12) !important;
  box-shadow:0 18px 48px rgba(7,28,36,.06) !important;
}
.mulo-flow-coded .mulo-coded-money-band strong{font-size:clamp(1.1rem,1.55vw,1.65rem) !important;}
.mulo-flow-coded .mulo-coded-money-band img{max-height:64px !important;object-fit:contain !important;background:transparent !important;}
.mulo-money-logos{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important;align-items:center !important;}
.mulo-money-logo-card{display:grid !important;place-items:center !important;min-height:78px !important;background:rgba(255,255,255,.88) !important;}
.mulo-money-logo-card img{display:block !important;object-fit:contain !important;background:transparent !important;}
@media (max-width:1599.98px){
  .mulo-coded-flow-wide,.mulo-coded-app-experience-full{width:min(1500px,calc(100vw - 28px)) !important;}
  .mulo-flow-coded .mulo-coded-item,.mulo-flow-coded .coded-phone{max-width:215px !important;}
  .mulo-flow-coded .coded-phone{min-height:350px !important;}
  .mulo-flow-coded .phone-content{min-height:316px !important;}
}
@media (max-width:1199.98px){
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .mulo-flow-coded .mulo-coded-item,.mulo-flow-coded .coded-phone{max-width:250px !important;}
  .mulo-flow-coded .coded-phone{min-height:380px !important;}
  .mulo-flow-coded .phone-content{min-height:344px !important;}
  .mulo-flow-coded .mulo-coded-money-band{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .mulo-flow-coded .mulo-coded-money-band>div{grid-column:1/-1;text-align:center;}
}
@media (max-width:767.98px){
  .mulo-coded-flow-wide,.mulo-coded-app-experience-full{width:calc(100vw - 20px) !important;padding:12px !important;border-radius:22px !important;}
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px 12px !important;}
  .mulo-flow-coded .mulo-coded-item,.mulo-flow-coded .coded-phone{max-width:100% !important;}
  .mulo-flow-coded .coded-phone{min-height:340px !important;}
  .mulo-flow-coded .phone-content{min-height:306px !important;padding:12px !important;}
  .mulo-flow-coded .mulo-coded-step-group{font-size:.48rem !important;padding:5px 8px !important;}
  .mulo-flow-coded .mulo-coded-item>h4{font-size:.72rem !important;min-height:30px !important;}
  .mulo-flow-coded .mulo-coded-money-band{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;padding:16px !important;}
  .mulo-flow-coded .mulo-coded-money-band img{max-width:132px !important;max-height:52px !important;}
  .mulo-money-logos{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:479.98px){
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:1fr !important;}
  .mulo-flow-coded .mulo-coded-item{max-width:330px !important;}
  .mulo-flow-coded .coded-phone{max-width:330px !important;min-height:auto !important;}
  .mulo-flow-coded .phone-content{min-height:auto !important;}
  .mulo-flow-coded .mulo-coded-item>h4{justify-content:flex-start !important;text-align:left !important;}
  .mulo-flow-coded .mulo-coded-step-group{align-self:flex-start !important;}
}


/* Restored video background from earlier theme, keeping the polished layout. */
.mulo-restored-video-hero{
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 20% 20%,rgba(0,121,100,.45),transparent 32%),linear-gradient(135deg,#003f42,#006b5a 58%,#012f33);
}
.mulo-restored-video-hero .mulo-landing-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  opacity:.72;
  filter:saturate(1.05) contrast(1.04);
}
.mulo-restored-video-hero .mulo-video-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(0,44,48,.86),rgba(0,88,75,.62),rgba(0,44,48,.50));
}
.mulo-restored-video-hero .container{position:relative;z-index:2;}
@media (max-width: 991.98px){
  .mulo-restored-video-hero .mulo-landing-bg-video{display:none;}
  .mulo-restored-video-hero{background:radial-gradient(circle at top left,rgba(0,121,100,.42),transparent 35%),linear-gradient(135deg,#003f42,#006b5a 62%,#012f33);}
}
@media (prefers-reduced-motion: reduce){
  .mulo-restored-video-hero .mulo-landing-bg-video{display:none;}
}

/* Splash screen visibility fix for coded onboarding flow */
.mulo-flow-coded .coded-splash{
  background:
    radial-gradient(circle at 50% 22%, rgba(12,126,113,.95), rgba(0,70,73,.98) 62%, #00383e 100%) !important;
  color:#fff !important;
}
.mulo-flow-coded .coded-splash .phone-status,
.mulo-flow-coded .coded-splash .phone-content,
.mulo-flow-coded .coded-splash .phone-content *{
  color:#fff !important;
}
.mulo-flow-coded .coded-splash .phone-content{
  position:relative !important;
  z-index:2 !important;
  min-height:calc(100% - 24px) !important;
  justify-content:center !important;
  text-align:center !important;
  padding-top:18px !important;
  padding-bottom:30px !important;
}
.mulo-flow-coded .coded-splash-inner{
  position:relative;
  z-index:3;
  display:flex;
  min-height:210px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
}
.mulo-flow-coded .coded-splash-mark{
  display:block !important;
  width:clamp(54px, 42%, 88px) !important;
  height:auto !important;
  max-height:88px !important;
  object-fit:contain !important;
  margin:0 auto 4px !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));
}
.mulo-flow-coded .coded-splash h3{
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(1.45rem, 1.7vw, 2.05rem) !important;
  line-height:.95 !important;
  letter-spacing:.04em !important;
  text-align:center !important;
}
.mulo-flow-coded .coded-splash span{
  display:block !important;
  color:#fff !important;
  font-size:clamp(.45rem,.62vw,.72rem) !important;
  letter-spacing:.34em !important;
  text-align:center !important;
  margin-bottom:8px !important;
}
.mulo-flow-coded .coded-splash p{
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  text-align:center !important;
}
.mulo-flow-coded .coded-splash:after{
  z-index:1 !important;
  pointer-events:none !important;
  height:34% !important;
  background:
    linear-gradient(0deg,rgba(0,55,58,.92),rgba(0,70,70,0)),
    linear-gradient(135deg,transparent 16%,rgba(255,255,255,.08) 17% 32%,transparent 33%),
    linear-gradient(45deg,transparent 34%,rgba(255,255,255,.06) 35% 52%,transparent 53%) !important;
}
@media (max-width:991.98px){
  .mulo-flow-coded .coded-splash .phone-content{min-height:326px !important;}
  .mulo-flow-coded .coded-splash-mark{width:78px !important;max-height:78px !important;}
}
@media (max-width:575.98px){
  .mulo-flow-coded .coded-splash .phone-content{min-height:360px !important;}
  .mulo-flow-coded .coded-splash-inner{min-height:280px;}
}

/* Sitewide splash-card final polish: applies to landing, App Experience, and any coded flow instance */
.mulo-flow-coded .coded-splash{
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(12,132,119,.98) 0 24%, rgba(0,86,88,.98) 58%, #003a40 100%) !important;
  color:#fff !important;
}
.mulo-flow-coded .coded-splash::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.10), transparent 26%),
    linear-gradient(135deg, transparent 0 58%, rgba(255,255,255,.055) 59% 66%, transparent 67%),
    linear-gradient(45deg, transparent 0 66%, rgba(255,255,255,.05) 67% 76%, transparent 77%);
  pointer-events:none;
}
.mulo-flow-coded .coded-splash::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:1 !important;
  height:32% !important;
  background:
    linear-gradient(0deg, rgba(0,44,48,.95), rgba(0,82,78,.06)),
    linear-gradient(135deg, transparent 15%, rgba(255,255,255,.09) 16% 31%, transparent 32%),
    linear-gradient(45deg, transparent 33%, rgba(255,255,255,.07) 34% 53%, transparent 54%) !important;
  pointer-events:none !important;
}
.mulo-flow-coded .coded-splash .phone-status{
  position:relative !important;
  z-index:3 !important;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.28em !important;
}
.mulo-flow-coded .coded-splash .phone-content{
  position:relative !important;
  z-index:2 !important;
  min-height:calc(100% - 30px) !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:22px 16px 42px !important;
  color:#fff !important;
}
.mulo-flow-coded .coded-splash-inner{
  position:relative !important;
  z-index:4 !important;
  width:100% !important;
  min-height:265px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}
.mulo-flow-coded .coded-splash-logo-lockup{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:#fff !important;
}
.mulo-flow-coded .coded-splash-mark-svg{
  width:clamp(62px, 45%, 96px) !important;
  max-width:96px !important;
  height:auto !important;
  display:block !important;
  overflow:visible !important;
  margin:0 auto 4px !important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.20));
}
.mulo-flow-coded .coded-splash-mark-svg path{
  fill:none !important;
  stroke:#fff !important;
  stroke-width:7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.mulo-flow-coded .coded-splash h3{
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(1.75rem, 1.9vw, 2.35rem) !important;
  font-weight:950 !important;
  line-height:.92 !important;
  letter-spacing:.035em !important;
  text-align:center !important;
  text-shadow:0 5px 14px rgba(0,0,0,.16) !important;
}
.mulo-flow-coded .coded-splash span{
  display:block !important;
  color:#fff !important;
  font-size:clamp(.54rem,.68vw,.82rem) !important;
  font-weight:850 !important;
  letter-spacing:.36em !important;
  line-height:1.1 !important;
  text-align:center !important;
  margin:0 !important;
}
.mulo-flow-coded .coded-splash p{
  display:block !important;
  margin:8px 0 0 !important;
  color:#fff !important;
  font-size:clamp(.72rem,.72vw,.9rem) !important;
  font-weight:900 !important;
  line-height:1.28 !important;
  text-align:center !important;
  text-shadow:0 5px 14px rgba(0,0,0,.12) !important;
}
/* Keep the 6-per-row presentation balanced everywhere the coded flow appears. */
.mulo-flow-coded .mulo-coded-grid{
  grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
  align-items:start !important;
  justify-items:center !important;
}
@media (max-width:1199.98px){
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
}
@media (max-width:767.98px){
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
  .mulo-flow-coded .coded-splash-inner{min-height:250px !important;}
}
@media (max-width:479.98px){
  .mulo-flow-coded .mulo-coded-grid{grid-template-columns:1fr !important;}
  .mulo-flow-coded .coded-splash .phone-content{min-height:360px !important;}
}


/* Sitewide fixed landing video background */
.mulo-landing-video-hero{
  isolation:isolate;
  background:#0F3D3E url('assets/video/mulo-app-demo-poster.png') center/cover no-repeat !important;
}
.mulo-landing-bg-video,
.mulo-video-fallback,
.mulo-video-overlay{
  position:absolute;
  inset:0;
}
.mulo-landing-bg-video{
  z-index:0;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:.58 !important;
  filter:saturate(1.08) contrast(1.08) brightness(.82);
  pointer-events:none;
}
.mulo-video-fallback{
  z-index:-1;
  background:url('assets/video/mulo-app-demo-poster.png') center/cover no-repeat;
}
.mulo-video-overlay{
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 18%, rgba(27,167,160,.38), transparent 32%),
    linear-gradient(90deg, rgba(9,45,48,.92) 0%, rgba(15,61,62,.70) 48%, rgba(15,61,62,.30) 100%) !important;
}
.mulo-landing-video-hero > .container{
  position:relative;
  z-index:2;
}
@media (max-width: 768px){
  .mulo-landing-video-hero{min-height:82vh;}
  .min-vh-landing{min-height:82vh;padding-top:88px;padding-bottom:56px;}
  .mulo-landing-bg-video{opacity:.45 !important;}
}

/* ==========================================================
   MULO hype navigation refresh - sitewide
   ========================================================== */
.mulo-hype-navbar{
  --nav-h:72px;
  top:0!important;
  min-height:var(--nav-h)!important;
  padding:10px 0!important;
  background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(238,250,246,.78))!important;
  border-bottom:1px solid rgba(0,129,107,.12)!important;
  box-shadow:0 18px 55px rgba(8,68,62,.10)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
  backdrop-filter:blur(22px) saturate(1.25);
}
.mulo-hype-navbar::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 12% 50%,rgba(27,167,160,.20),transparent 24%),
    radial-gradient(circle at 82% 0%,rgba(123,200,143,.18),transparent 26%);
  opacity:.9;
}
.mulo-hype-navbar>.container,
.mulo-hype-navbar>.container-fluid{position:relative;z-index:2;min-height:52px;}
.mulo-hype-brand{
  position:relative;
  padding:7px 12px 7px 8px!important;
  border-radius:999px;
  color:#063f3d!important;
  text-decoration:none!important;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.mulo-hype-brand:hover{transform:translateY(-2px);background:rgba(255,255,255,.68);box-shadow:0 14px 38px rgba(15,61,62,.12);}
.mulo-brand-orb{
  width:44px;height:44px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,#fff,rgba(224,249,242,.95));
  border:1px solid rgba(0,132,112,.14);
  box-shadow:0 12px 28px rgba(0,130,108,.14), inset 0 1px 0 rgba(255,255,255,.85);
  overflow:hidden;
}
.mulo-brand-orb img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;object-fit:contain!important;display:block!important;}
.mulo-brand-name{font-weight:950;letter-spacing:-.05em;font-size:1.08rem;color:#063f3d;text-transform:uppercase;}
.mulo-brand-sub{font-weight:900;font-size:.66rem;letter-spacing:.24em;color:#0a8a7d;text-transform:uppercase;margin-top:2px;}
.mulo-hype-menu{
  padding:6px!important;
  border-radius:999px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(15,61,62,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80), 0 14px 38px rgba(8,68,62,.07);
}
.mulo-hype-menu .menu-item,
.mulo-hype-menu .nav-item{position:relative;}
.mulo-hype-menu .menu-item a,
.mulo-hype-menu .nav-link{
  position:relative!important;
  padding:.72rem 1rem!important;
  border-radius:999px!important;
  color:#102a32!important;
  font-weight:900!important;
  letter-spacing:-.018em;
  line-height:1!important;
  transition:color .22s ease, transform .22s ease, background .22s ease, box-shadow .22s ease!important;
  overflow:hidden;
}
.mulo-hype-menu .menu-item a::before,
.mulo-hype-menu .nav-link::before{
  content:"";position:absolute;inset:4px;border-radius:999px;
  background:linear-gradient(135deg,rgba(0,128,105,.10),rgba(27,167,160,.18));
  opacity:0;transform:scale(.78);transition:.22s ease;z-index:-1;
}
.mulo-hype-menu .menu-item a::after,
.mulo-hype-menu .nav-link::after{
  content:"";position:absolute;left:1rem;right:1rem;bottom:.34rem;height:3px;border-radius:10px;
  background:linear-gradient(90deg,#00775f,#19b6aa,#86d995);
  transform:scaleX(0);transform-origin:center;transition:transform .22s ease;
}
.mulo-hype-menu .menu-item a:hover,
.mulo-hype-menu .nav-link:hover{
  color:#006b5a!important;transform:translateY(-2px);background:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 24px rgba(15,61,62,.10);
}
.mulo-hype-menu .menu-item a:hover::before,
.mulo-hype-menu .nav-link:hover::before{opacity:1;transform:scale(1);}
.mulo-hype-menu .menu-item a:hover::after,
.mulo-hype-menu .nav-link:hover::after{transform:scaleX(1);}
.mulo-hype-menu .current-menu-item>a,
.mulo-hype-menu .current_page_item>a,
.mulo-hype-menu .active>.nav-link{
  color:#fff!important;
  background:linear-gradient(135deg,#006b5a,#008f7c,#19b6aa)!important;
  box-shadow:0 14px 30px rgba(0,128,105,.24), inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.mulo-hype-menu .current-menu-item>a::after,
.mulo-hype-menu .current_page_item>a::after{background:rgba(255,255,255,.92);transform:scaleX(.55);}
.mulo-account-actions .btn{
  position:relative;min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px!important;font-weight:950!important;letter-spacing:-.015em;overflow:hidden;
}
.mulo-account-actions .btn-outline-mulo{background:rgba(255,255,255,.74)!important;border-color:rgba(0,117,96,.20)!important;box-shadow:0 10px 30px rgba(15,61,62,.08);}
.mulo-account-actions .btn-mulo{background:linear-gradient(135deg,#006b5a,#00977f 55%,#21b7a8)!important;box-shadow:0 16px 34px rgba(0,126,104,.25)!important;}
.mulo-account-actions .btn-mulo::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.35) 45%,transparent 62%);transform:translateX(-140%);transition:transform .65s ease;}
.mulo-account-actions .btn-mulo:hover::before{transform:translateX(140%);}
.mulo-hype-toggler{
  width:48px;height:48px;border:0!important;border-radius:17px!important;
  background:linear-gradient(135deg,#006b5a,#19b6aa)!important;
  box-shadow:0 14px 30px rgba(0,128,105,.24)!important;
  display:none;place-items:center;padding:0!important;
}
.mulo-hype-toggler:focus{box-shadow:0 0 0 .22rem rgba(27,167,160,.22),0 14px 30px rgba(0,128,105,.24)!important;}
.mulo-hype-toggler span{display:block;width:22px;height:2px;border-radius:5px;background:#fff;margin:3px auto;transition:.22s ease;}
.mulo-hype-toggler[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg);}
.mulo-hype-toggler[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(0);}
.mulo-hype-toggler[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
@media (min-width: 992px){
  .admin-bar .mulo-hype-navbar{top:32px!important;}
  .mulo-hype-navbar .navbar-collapse{display:flex!important;}
}
@media (max-width: 1199.98px) and (min-width: 992px){
  .mulo-hype-menu .menu-item a,.mulo-hype-menu .nav-link{padding:.68rem .72rem!important;font-size:.94rem;}
  .mulo-account-actions .btn{padding:.66rem 1rem!important;}
}
@media (max-width: 991.98px){
  .mulo-hype-navbar{min-height:66px!important;padding:8px 0!important;}
  .admin-bar .mulo-hype-navbar{top:46px!important;}
  .mulo-hype-toggler{display:grid!important;}
  .mulo-brand-orb{width:42px;height:42px;border-radius:15px;}
  .mulo-hype-navbar .navbar-collapse{
    margin-top:12px!important;padding:14px!important;border-radius:28px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,252,248,.96))!important;
    border:1px solid rgba(0,128,105,.13)!important;
    box-shadow:0 26px 70px rgba(8,68,62,.18)!important;
  }
  .mulo-hype-menu{border-radius:22px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
  .mulo-hype-menu .menu-item a,.mulo-hype-menu .nav-link{padding:14px 16px!important;border-radius:18px!important;font-size:1rem;}
  .mulo-hype-menu .menu-item a::after,.mulo-hype-menu .nav-link::after{left:16px;right:auto;width:34px;transform:scaleX(0);transform-origin:left;}
  .mulo-hype-menu .menu-item a:hover::after,.mulo-hype-menu .nav-link:hover::after{transform:scaleX(1);}
  .mulo-account-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .mulo-account-actions .btn{width:100%!important;min-height:48px;}
}
@media (max-width: 600px){
  .admin-bar .mulo-hype-navbar{top:0!important;}
  .mulo-brand-name{font-size:1rem;}.mulo-brand-sub{font-size:.58rem;}
  .mulo-account-actions{grid-template-columns:1fr!important;}
}

/* Mobile hero video fix: keep video from fighting text on small screens */
.mulo-mobile-video-frame{
  display:none;
}
.mulo-landing-video-hero > .container{
  position:relative;
  z-index:3;
}
.mulo-landing-bg-video,
.mulo-video-overlay,
.mulo-video-fallback{
  z-index:0;
}
@media (max-width: 767.98px){
  .mulo-landing-video-hero,
  .mulo-landing-video-hero.mulo-optimized-hero,
  .mulo-landing-video-hero.mulo-restored-video-hero{
    min-height:auto !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(27,167,160,.34), transparent 34%),
      radial-gradient(circle at 90% 12%, rgba(123,200,143,.28), transparent 32%),
      linear-gradient(180deg,#0b3436 0%,#0F3D3E 46%,#eaf7f2 46%,#ffffff 100%) !important;
  }
  .mulo-landing-video-hero .mulo-landing-bg-video,
  .mulo-landing-video-hero .mulo-video-overlay,
  .mulo-landing-video-hero .mulo-video-fallback{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }
  .mulo-landing-video-hero .min-vh-landing{
    min-height:auto !important;
    padding-top:96px !important;
    padding-bottom:34px !important;
    row-gap:24px !important;
  }
  .mulo-landing-video-hero .col-lg-7,
  .mulo-landing-video-hero .col-lg-5{
    position:relative !important;
    z-index:4 !important;
  }
  .mulo-glass-badge{
    background:rgba(255,255,255,.18) !important;
    border-color:rgba(255,255,255,.28) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
  }
  .mulo-video-title,
  .mulo-landing-video-hero h1{
    font-size:clamp(2.55rem,14vw,3.55rem) !important;
    line-height:.94 !important;
    letter-spacing:-.055em !important;
    color:#fff !important;
    text-shadow:0 3px 18px rgba(0,0,0,.28) !important;
    max-width:100% !important;
  }
  .mulo-video-subtitle,
  .mulo-landing-video-hero p{
    color:rgba(255,255,255,.93) !important;
    text-shadow:0 2px 12px rgba(0,0,0,.18) !important;
    font-size:1rem !important;
    line-height:1.55 !important;
  }
  .mulo-hero-actions .btn{
    width:100% !important;
    justify-content:center !important;
    box-shadow:0 14px 36px rgba(0,0,0,.14) !important;
  }
  .mulo-mobile-video-frame{
    display:block !important;
    margin:22px 0 0 !important;
    padding:10px !important;
    border-radius:28px !important;
    background:rgba(255,255,255,.95) !important;
    border:1px solid rgba(15,61,62,.14) !important;
    box-shadow:0 22px 60px rgba(0,0,0,.2) !important;
  }
  .mulo-mobile-video-frame video{
    width:100% !important;
    display:block !important;
    aspect-ratio:16/9 !important;
    object-fit:cover !important;
    border-radius:20px !important;
    background:#0F3D3E !important;
  }
  .mulo-hero-metrics{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:4px !important;
  }
  .mulo-hero-metrics div{
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(15,61,62,.12) !important;
    color:#0F3D3E !important;
    padding:18px !important;
    box-shadow:0 16px 40px rgba(15,61,62,.12) !important;
  }
  .mulo-hero-metrics strong{
    color:#0F3D3E !important;
    font-size:1.55rem !important;
  }
  .mulo-hero-metrics span{
    color:#425466 !important;
  }
}
@media (min-width: 768px){
  .mulo-mobile-video-frame{display:none !important;}
}


/* Landing background video restored from mulo-properties-theme-mobile-money-upgraded (1). */
.mulo-landing-video-hero.mulo-upgraded-video-source{
  position:relative !important;
  overflow:hidden !important;
  min-height:92vh !important;
  background:#063f3d !important;
}
.mulo-landing-video-hero.mulo-upgraded-video-source .mulo-landing-bg-video{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:.74 !important;
  filter:saturate(1.08) contrast(1.04) brightness(.78) !important;
  z-index:0 !important;
  pointer-events:none !important;
}
.mulo-landing-video-hero.mulo-upgraded-video-source .mulo-video-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(5,38,40,.88) 0%,rgba(5,64,61,.66) 48%,rgba(5,64,61,.32) 100%) !important;
}
.mulo-landing-video-hero.mulo-upgraded-video-source > .container{
  position:relative !important;
  z-index:2 !important;
}
@media (max-width:767.98px){
  .mulo-landing-video-hero.mulo-upgraded-video-source{
    min-height:auto !important;
    background:linear-gradient(135deg,#003f42,#006b5a 62%,#012f33) !important;
  }
  .mulo-landing-video-hero.mulo-upgraded-video-source .mulo-landing-bg-video{
    display:none !important;
  }
}


/* MULO WebApp embedded access page */
.mulo-webapp-page-header {
  background: linear-gradient(135deg, rgba(0, 121, 100, 0.10), rgba(245, 166, 35, 0.10)), #f8fcfb;
}
.mulo-webapp-embed-section {
  background: #f3faf7;
}
.mulo-webapp-frame-shell {
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(0, 121, 100, 0.16);
  background: #061f25;
  box-shadow: 0 28px 80px rgba(6, 31, 37, 0.18);
}
.mulo-webapp-frame-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  color: #fff;
  background: linear-gradient(135deg, #073f42, #007964);
}
.mulo-webapp-frame-toolbar strong,
.mulo-webapp-frame-toolbar span {
  display: block;
}
.mulo-webapp-frame-toolbar span {
  color: rgba(255,255,255,.72);
  font-size: 13px;
}
.mulo-webapp-frame-toolbar a {
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 999px;
  padding: 8px 14px;
}
.mulo-webapp-frame {
  display: block;
  width: 100%;
  height: min(920px, calc(100vh - 80px));
  min-height: 760px;
  border: 0;
  background: #f5faf8;
}
@media (max-width: 767px) {
  .mulo-webapp-frame-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
  .mulo-webapp-frame {
    min-height: 720px;
  }
}


/* MULO WebApp Preview V2 - patched cleaner embed section */
.mulo-webapp-preview-v2 {
  background: linear-gradient(180deg,#f7fcfb 0%,#ffffff 100%);
  padding: 72px 0;
}
.mulo-webapp-preview-card-v2 {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid rgba(15,61,62,.12);
  border-radius: 30px;
  box-shadow: 0 28px 80px rgba(15,61,62,.10);
  padding: 28px;
  overflow: hidden;
}
.mulo-webapp-preview-header-v2 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
  margin-bottom:24px;
}
.mulo-webapp-preview-kicker-v2 {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(0,121,100,.10);
  color:#0f3d3e;
  font-weight:900;
  font-size:13px;
}
.mulo-webapp-preview-header-v2 h2 {
  margin:0 0 8px;
  color:#102A32;
  font-weight:900;
  font-size:clamp(2rem,4vw,3.35rem);
  line-height:1.04;
  letter-spacing:-.045em;
}
.mulo-webapp-preview-header-v2 p {
  margin:0;
  max-width:650px;
  color:#65757a;
  font-size:1.06rem;
  line-height:1.65;
}
.mulo-webapp-preview-actions-v2 {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.mulo-webapp-preview-btn-v2 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  line-height:1;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.mulo-webapp-preview-btn-v2.primary {
  background:linear-gradient(135deg,#0f3d3e,#007964);
  color:#fff;
  box-shadow:0 14px 30px rgba(0,121,100,.20);
}
.mulo-webapp-preview-btn-v2.secondary {
  background:#f5faf8;
  color:#102A32;
  border:1px solid rgba(15,61,62,.14);
}
.mulo-webapp-preview-btn-v2:hover {
  transform:translateY(-2px);
}
.mulo-webapp-browser-frame-v2 {
  width:100%;
  min-width:0;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(15,61,62,.12);
  background:#f6fbf9;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.mulo-webapp-browser-bar-v2 {
  display:flex;
  align-items:center;
  gap:8px;
  padding:13px 16px;
  background:linear-gradient(135deg,#06282e,#0f3d3e);
  color:rgba(255,255,255,.78);
}
.mulo-webapp-browser-bar-v2 span {
  width:11px;
  height:11px;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  flex:0 0 auto;
}
.mulo-webapp-browser-bar-v2 strong {
  margin-left:8px;
  font-size:13px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
iframe.mulo-webapp-frame-v2 {
  display:block;
  width:100%;
  max-width:none;
  height:min(900px,calc(100vh - 96px));
  min-height:720px;
  border:0;
  background:#f6fbf9;
}
@media (max-width:767.98px){
  .mulo-webapp-preview-v2{padding:42px 0;}
  .mulo-webapp-preview-card-v2{padding:18px;border-radius:22px;}
  .mulo-webapp-preview-actions-v2{width:100%;}
  .mulo-webapp-preview-btn-v2{width:100%;}
  iframe.mulo-webapp-frame-v2{min-height:690px;}
}

/* Top-right WebApp access button */
.mulo-account-actions .mulo-top-webapp-link {
  border-color: rgba(12, 112, 103, .22);
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 26px rgba(9, 74, 70, .08);
}
.mulo-account-actions .mulo-top-webapp-link:hover {
  background: linear-gradient(135deg, #0a6f67, #12b39b);
  color: #fff;
  border-color: transparent;
}