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;
      }
    }