:root{
      --bg:#f6f8fb;
      --card:#ffffff;
      --text:#16324f;
      --muted:#5f6f82;
      --accent:#1d5fa7;
      --accent-dark:#154a82;
      --border:#d9e2ec;
      --soft:#eef4fa;
      --shadow:0 10px 30px rgba(18, 38, 63, 0.08);
      --radius:18px;
      --max:1120px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: Arial, Helvetica, sans-serif;
      background:linear-gradient(180deg, #f8fbff 0%, var(--bg) 100%);
      color:var(--text);
      line-height:1.6;
    }

    a{color:var(--accent); text-decoration:none}
    a:hover{text-decoration:underline}

    .container{
      width:min(calc(100% - 32px), var(--max));
      margin:0 auto;
    }

    .hero-wrap{
      padding:28px 0 40px;
    }

    .top-logos{
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap:16px;
      margin-bottom:24px;
    }

	.logo-box{
	  background:var(--card);
	  /*border:1px dashed var(--border);*/
	  border-radius:14px;
	  min-height:100px;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  text-align:center;
	  padding:16px;
	  color:var(--muted);
	  box-shadow:var(--shadow);
	  font-size:0.95rem;
	  overflow:hidden;
	}
	
	.logo-box a{
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  width:100%;
	  height:100%;
	}

	.logo-box img{
	  display:block;
	  max-width:100%;
	  width:auto;
	  height:auto;
	  max-height:70px;
	  object-fit:contain;
	}

    .hero{
      background:var(--card);
      border:1px solid rgba(217,226,236,.9);
      border-radius:24px;
      box-shadow:var(--shadow);
      overflow:hidden;
    }

    .hero-inner{
      display:grid;
      grid-template-columns: 1.2fr 0.8fr;
      gap:0;
    }

    .hero-content{
      padding:48px;
    }

    .eyebrow{
      display:inline-block;
      background:var(--soft);
      color:var(--accent);
      border:1px solid #d7e6f6;
      border-radius:999px;
      padding:8px 14px;
      font-size:0.9rem;
      margin-bottom:18px;
    }

    h1{
      margin:0 0 14px;
      font-size:clamp(2rem, 4vw, 3.4rem);
      line-height:1.1;
      letter-spacing:-0.02em;
    }

    .lead{
      font-size:1.08rem;
      color:var(--muted);
      max-width:60ch;
      margin:0 0 28px;
    }

    .cta-row{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-bottom:18px;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:0 20px;
      border-radius:12px;
      font-weight:700;
      border:1px solid transparent;
      transition:transform .15s ease, background .15s ease, border-color .15s ease;
    }

    .btn:hover{
      transform:translateY(-1px);
      text-decoration:none;
    }

    .btn-primary{
      background:var(--accent);
      color:#fff;
    }

    .btn-primary:hover{
      background:var(--accent-dark);
    }

    .btn-secondary{
      background:#fff;
      color:var(--accent);
      border-color:var(--border);
    }
	
	.btn-success{
		background:#2e7d32;
		color:#fff;
	}

	.btn-success:hover{
		background:#1b5e20;
	}

    .hero-side{
      background:linear-gradient(180deg, #edf5fd 0%, #e3eef9 100%);
      border-left:1px solid var(--border);
      padding:32px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .info-card{
      width:100%;
      background:rgba(255,255,255,0.88);
      border:1px solid rgba(217,226,236,.95);
      border-radius:18px;
      padding:24px;
      box-shadow:0 8px 24px rgba(29,95,167,.08);
    }

    .info-card h2{
      margin:0 0 12px;
      font-size:1.2rem;
    }

    .mini-list{
      margin:0;
      padding-left:18px;
      color:var(--muted);
    }

    .section-grid{
      display:grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap:20px;
      margin:28px 0 48px;
    }

    .card{
      background:var(--card);
      border:1px solid rgba(217,226,236,.9);
      border-radius:20px;
      padding:28px;
      box-shadow:var(--shadow);
    }

    .card h2{
      margin:0 0 12px;
      font-size:1.35rem;
      line-height:1.25;
    }

    .card p{
      margin:0;
      color:var(--muted);
    }

    .card + .card{}
    .span-2{grid-column:span 2}

    .footer{
      padding:0 0 40px;
      color:var(--muted);
      font-size:0.95rem;
    }

    .footer-card{
      background:var(--card);
      border:1px solid rgba(217,226,236,.9);
      border-radius:18px;
      padding:22px 24px;
      box-shadow:var(--shadow);
    }

    .lang-note{
      margin-top:10px;
      color:var(--muted);
      font-size:0.98rem;
    }

    .placeholder{
      font-style:italic;
    }

    @media (max-width: 900px){
      .hero-inner{
        grid-template-columns:1fr;
      }
      .hero-side{
        border-left:none;
        border-top:1px solid var(--border);
      }
      .section-grid{
        grid-template-columns:1fr;
      }
      .span-2{
        grid-column:span 1;
      }
    }

	@media (max-width: 640px){
	  .top-logos{
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap:8px;
	  }

	  .logo-box{
		min-height:70px;
		padding:8px;
	  }

	  .logo-box img{
		max-height:50px;
	  }
	}