body{
      margin:0;
      background:#f7f9fc;
      color:var(--mui-text-primary, #0f172a);
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }

    .public-home{
      min-height:100vh;
    }

    .public-header{
      background:#fff;
      border-bottom:1px solid #e6ebf3;
    }

    .public-header__inner{
      max-width:1440px;
      margin:0 auto;
      min-height:88px;
      padding:0 32px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:28px;
    }

    .public-brand{
      display:flex;
      align-items:center;
      gap:12px;
      color:var(--mui-text-primary, #111827);
      text-decoration:none;
    }

    .public-brand__mark{
      width:48px;
      height:48px;
      border-radius:14px;
      background:var(--mui-info-600, #4169e1);
      color:#fff;
      display:grid;
      place-items:center;
      font-size:24px;
      font-weight:800;
    }

    .public-brand__text{
      display:flex;
      flex-direction:column;
      gap:2px;
    }

    .public-brand__text strong{
      font-size:20px;
      line-height:1.2;
    }

    .public-brand__text span{
      font-size:12px;
      color:#7b8497;
    }

    .public-nav{
      display:flex;
      align-items:center;
      gap:34px;
    }

    .public-nav a{
      color:var(--mui-text-primary, #172033);
      text-decoration:none;
      font-size:15px;
      font-weight:600;
    }

    .public-actions{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .public-language-box{
      display:flex;
      align-items:center;
    }

    .public-language-box .muntiji-language-selector{
      margin:0;
    }

    .public-language-box .muntiji-language-selector__form{
      display:flex;
      align-items:center;
      gap:8px;
    }

    .public-language-box .muntiji-language-selector__label{
      white-space:nowrap;
    }

    .public-language-box .muntiji-language-selector__select{
      min-height:42px;
    }

    .public-btn{
      min-height:46px;
      padding:0 22px;
      border-radius:14px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-decoration:none;
      font-weight:700;
      border:1px solid #dce4f2;
      color:var(--mui-text-primary, #172033);
      background:#fff;
    }

    .public-btn--primary{
      background:var(--mui-info-600, #4169e1);
      color:#fff;
      border-color:var(--mui-info-600, #4169e1);
    }

    .hero{
      max-width:1440px;
      margin:0 auto;
      padding:72px 32px 56px;
    }

    .hero__panel{
      overflow:hidden;
      border:1px solid #e2e8f3;
      border-radius:30px;
      background:#fff;
      box-shadow:0 24px 70px rgba(31,52,93,.08);
      display:grid;
      grid-template-columns:1.03fr .97fr;
      min-height:610px;
    }

    .hero__content{
      padding:76px 68px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:flex-start;
    }

    .hero__eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 14px;
      border-radius:999px;
      border:1px solid #dce6ff;
      background:#f5f8ff;
      color:var(--mui-info-700, #315bd5);
      font-size:13px;
      font-weight:700;
      margin-bottom:24px;
    }

    .hero h1{
      margin:0;
      max-width:720px;
      font-size:clamp(42px,5.2vw,72px);
      line-height:1.12;
      letter-spacing:-1.8px;
    }

    .hero__lead{
      max-width:700px;
      margin:24px 0 0;
      color:#687386;
      font-size:19px;
      line-height:1.9;
    }

    .hero__actions{
      margin-top:34px;
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }

    .hero__trust{
      margin-top:40px;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      width:100%;
    }

    .trust-card{
      padding:18px;
      border-radius:18px;
      border:1px solid #e8edf5;
      background:#fbfcfe;
    }

    .trust-card strong{
      display:block;
      margin-bottom:5px;
      font-size:15px;
    }

    .trust-card span{
      color:#7d8798;
      font-size:13px;
      line-height:1.6;
    }

    .hero__visual{
      position:relative;
      padding:58px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),transparent 32%),
        linear-gradient(145deg,var(--mui-info-700, #3159d8) 0%,#426deb 52%,var(--mui-info-700, #315bd5) 100%);
      color:#fff;
    }

    .visual-card{
      width:min(100%,520px);
      border:1px solid rgba(255,255,255,.2);
      border-radius:26px;
      padding:30px;
      background:rgba(255,255,255,.11);
      backdrop-filter:blur(12px);
      box-shadow:0 30px 70px rgba(9,30,91,.26);
    }

    .visual-card__title{
      font-size:30px;
      font-weight:800;
      margin-bottom:12px;
    }

    .visual-card__text{
      line-height:1.9;
      color:rgba(255,255,255,.84);
      margin-bottom:28px;
    }

    .visual-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }

    .visual-feature{
      border:1px solid rgba(255,255,255,.18);
      border-radius:18px;
      padding:18px;
      background:rgba(255,255,255,.08);
    }

    .visual-feature strong{
      display:block;
      margin-bottom:6px;
    }

    .visual-feature span{
      font-size:13px;
      color:rgba(255,255,255,.78);
    }

    .public-footer{
      max-width:1440px;
      margin:0 auto;
      padding:20px 32px 38px;
      display:flex;
      justify-content:space-between;
      gap:20px;
      color:#7c8799;
      font-size:13px;
    }

    .public-footer__links{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
    }

    .public-footer a{
      color:inherit;
      text-decoration:none;
    }

    @media (max-width:1050px){
      .public-nav{
        display:none;
      }

      .hero__panel{
        grid-template-columns:1fr;
      }

      .hero__visual{
        min-height:430px;
      }
    }

    @media (max-width:720px){
      .public-header__inner,
      .hero,
      .public-footer{
        padding-left:18px;
        padding-right:18px;
      }

      .public-header__inner{
        min-height:76px;
      }

      .public-brand__text span{
        display:none;
      }

      .public-actions .public-btn:first-child{
        display:none;
      }

      .hero{
        padding-top:28px;
      }

      .hero__content{
        padding:46px 26px;
      }

      .hero h1{
        font-size:40px;
      }

      .hero__lead{
        font-size:16px;
      }

      .hero__trust{
        grid-template-columns:1fr;
      }

      .hero__visual{
        padding:28px;
      }

      .visual-grid{
        grid-template-columns:1fr;
      }

      .public-footer{
        flex-direction:column;
      }
    }

/* MUNTIJI_PUBLIC_HOME_BRAND_R3 */

.public-brand__mark.public-brand__mark--3d{
  width:64px;
  height:48px;
  flex:0 0 64px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  display:grid;
  place-items:center;
  overflow:visible;
  perspective:700px;
}

.public-brand__logo-3d{
  display:block;
  width:64px;
  height:auto;
  max-width:none;
  object-fit:contain;
  transform-origin:center;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  will-change:transform;
  filter:
    drop-shadow(0 5px 8px rgba(0,75,130,.16))
    drop-shadow(0 1px 2px rgba(0,0,0,.08));
  animation:
    public-brand-float 4.8s ease-in-out infinite,
    public-brand-tilt 7.5s ease-in-out infinite;
  transition:
    transform .3s ease,
    filter .3s ease;
}

.public-brand:hover .public-brand__logo-3d{
  transform:scale(1.07) translateZ(12px);
  filter:
    drop-shadow(0 8px 14px rgba(0,115,190,.24))
    drop-shadow(0 2px 4px rgba(0,0,0,.10));
}

@keyframes public-brand-float{
  0%,100%{
    translate:0 0;
  }

  50%{
    translate:0 -3px;
  }
}

@keyframes public-brand-tilt{
  0%,100%{
    rotate:y 0deg;
  }

  25%{
    rotate:y 8deg;
  }

  50%{
    rotate:y 0deg;
  }

  75%{
    rotate:y -8deg;
  }
}

@media (max-width:720px){
  .public-brand__mark.public-brand__mark--3d{
    width:54px;
    height:42px;
    flex-basis:54px;
  }

  .public-brand__logo-3d{
    width:54px;
  }
}

@media (prefers-reduced-motion:reduce){
  .public-brand__logo-3d{
    animation:none !important;
    transition:none;
  }
}


/* MUNTIJI_PUBLIC_HOME_BRAND_R4_SIZE_TUNING */
.public-brand__mark.public-brand__mark--3d{
  width:76px;
  height:52px;
  flex-basis:76px;
}

.public-brand__logo-3d{
  width:76px;
}

.public-brand{
  gap:10px;
}

@media (max-width:720px){
  .public-brand__mark.public-brand__mark--3d{
    width:62px;
    height:44px;
    flex-basis:62px;
  }

  .public-brand__logo-3d{
    width:62px;
  }
}

/* ==========================================================
   MUNTIJI_PUBLIC_HOME_R5_MOBILE
   Preserve desktop / repair narrow screens
   ========================================================== */

html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.public-home{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

@media (max-width:720px){

  .public-header{
    width:100%;
  }

  .public-header__inner{
    width:100%;
    min-width:0;
    min-height:auto;
    padding:10px 14px;
    gap:10px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "brand language"
      "actions actions";
    align-items:center;
  }

  .public-brand{
    grid-area:brand;
    min-width:0;
    gap:7px;
    justify-self:start;
  }

  .public-brand__mark.public-brand__mark--3d{
    width:52px;
    height:38px;
    flex:0 0 52px;
  }

  .public-brand__logo-3d{
    width:52px;
    max-width:52px;
  }

  .public-brand__text{
    min-width:0;
  }

  .public-brand__text strong{
    font-size:17px;
    white-space:nowrap;
  }

  .public-brand__text span{
    display:none;
  }

  .public-language-box{
    grid-area:language;
    justify-self:end;
    min-width:0;
  }

  .public-language-box .muntiji-language-selector{
    max-width:100%;
  }

  .public-actions{
    grid-area:actions;
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .public-actions .public-language-box{
    display:none;
  }

  .public-actions .public-btn{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    justify-content:center;
    text-align:center;
    white-space:nowrap;
  }

  .public-actions .public-btn:first-of-type{
    display:flex;
  }

  .hero{
    width:100%;
    max-width:100%;
    padding-left:14px;
    padding-right:14px;
    box-sizing:border-box;
  }

  .hero__panel{
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr);
  }

  .hero__content,
  .hero__visual{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  .hero__content{
    padding:34px 20px;
  }

  .hero h1{
    font-size:34px;
    line-height:1.25;
    overflow-wrap:anywhere;
  }

  .hero__lead{
    font-size:15px;
    line-height:1.8;
  }

  .hero__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .hero__actions a{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    text-align:center;
    white-space:nowrap;
  }

  .hero__features{
    grid-template-columns:1fr;
  }

  .hero__visual{
    min-height:360px;
  }
}

@media (max-width:430px){

  .public-header__inner{
    padding-inline:10px;
  }

  .public-brand__mark.public-brand__mark--3d{
    width:46px;
    height:34px;
    flex-basis:46px;
  }

  .public-brand__logo-3d{
    width:46px;
  }

  .public-brand__text strong{
    font-size:16px;
  }

  .hero{
    padding-inline:10px;
  }

  .hero__content{
    padding:30px 16px;
  }

  .hero h1{
    font-size:30px;
  }
}

/* ==========================================================
   MUNTIJI_PUBLIC_HOME_R6_MOBILE_HEADER
   Dedicated mobile language control + two-row header
   Desktop preserved
   ========================================================== */

.public-language-box--mobile{
  display:none;
}

@media (max-width:720px){

  .public-header__inner{
    box-sizing:border-box;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "brand language"
      "actions actions";
    column-gap:10px;
    row-gap:10px;
  }

  .public-brand{
    grid-area:brand;
    width:auto;
    max-width:100%;
    min-width:0;
  }

  .public-language-box--mobile{
    display:flex;
    grid-area:language;
    justify-self:end;
    align-items:center;
    min-width:0;
  }

  .public-actions .public-language-box--desktop{
    display:none;
  }

  .public-actions{
    grid-area:actions;
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
  }

  .public-actions .public-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    width:100%;
    min-height:44px;
    padding:9px 10px;
    box-sizing:border-box;
  }
}

@media (max-width:430px){

  .public-header__inner{
    padding:8px 10px 10px;
    column-gap:6px;
    row-gap:8px;
  }

  .public-brand{
    gap:5px;
  }

  .public-brand__mark.public-brand__mark--3d{
    width:44px;
    height:32px;
    flex:0 0 44px;
  }

  .public-brand__logo-3d{
    width:44px;
    max-width:44px;
  }

  .public-brand__text strong{
    font-size:15px;
  }

  .public-actions{
    gap:7px;
  }

  .public-actions .public-btn{
    min-height:42px;
    padding:8px 6px;
    font-size:14px;
  }
}

@media (max-width:370px){

  .public-header__inner{
    padding-inline:8px;
  }

  .public-brand__mark.public-brand__mark--3d{
    width:40px;
    height:30px;
    flex-basis:40px;
  }

  .public-brand__logo-3d{
    width:40px;
    max-width:40px;
  }

  .public-brand__text strong{
    font-size:14px;
  }

  .public-actions .public-btn{
    font-size:13px;
  }
}