:root {
      --bg: #05080c;
      --panel: #0b1016;
      --panel-2: #111821;
      --line: rgba(212,175,55,.28);
      --gold: #d4af37;
      --gold-2: #f2d77b;
      --text: #f4f4f4;
      --muted: #b8bcc2;
      --shadow: 0 18px 50px rgba(0,0,0,.45);
      --radius: 24px;
      --max: 1240px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Inter, Arial, Helvetica, sans-serif;
      color: var(--text);
      background:
        radial-gradient(circle at top right, rgba(212,175,55,.08), transparent 22%),
        radial-gradient(circle at left center, rgba(212,175,55,.05), transparent 18%),
        linear-gradient(180deg, #030507 0%, #06090d 100%);
    }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    .container { width: min(calc(100% - 32px), var(--max)); margin: 0 auto; }
    .nav {
      position: sticky; top: 0; z-index: 50;
      backdrop-filter: blur(14px);
      background: rgba(5,8,12,.78);
      border-bottom: 1px solid rgba(212,175,55,.14);
    }
    .nav-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 0; }
    .brand { display:flex; align-items:center; gap:14px; }
    .brand-mark {
      width:46px; height:46px; border-radius:14px;
      display:grid; place-items:center; font-weight:900; letter-spacing:1px;
      background: linear-gradient(135deg, rgba(212,175,55,.18), rgba(212,175,55,.04));
      border: 1px solid rgba(212,175,55,.28);
      color: var(--gold-2);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
    }
    .brand-copy small { color: var(--muted); display:block; font-size:12px; letter-spacing:.18em; text-transform:uppercase; }
    .brand-copy strong { display:block; font-size:18px; letter-spacing:.05em; }
    .nav-links { display:flex; align-items:center; gap:18px; flex-wrap:wrap; justify-content:flex-end; }
    .nav-links a { color:#e8e8e8; font-size:14px; }
    .nav-links a:hover { color: var(--gold-2); }
    .cta-small {
      padding:10px 16px; border-radius:999px; border:1px solid rgba(212,175,55,.3);
      background: linear-gradient(135deg, rgba(212,175,55,.16), rgba(212,175,55,.05));
      color: var(--gold-2);
      font-weight:700;
    }
    .hero { padding: 56px 0 34px; }
    .hero-grid { display:grid; grid-template-columns: 1.1fr .9fr; gap:26px; align-items:stretch; }
    .hero-copy, .hero-visual {
      background: linear-gradient(180deg, rgba(17,24,33,.98), rgba(10,15,21,.98));
      border:1px solid var(--line); border-radius: 30px; overflow:hidden; box-shadow: var(--shadow);
    }
    .hero-copy { padding: 40px; position:relative; }
    .eyebrow { color: var(--gold-2); text-transform: uppercase; letter-spacing: .22em; font-size: 12px; }
    h1 { font-size: clamp(34px, 5vw, 62px); line-height: 1.02; margin: 14px 0 16px; }
    .lead { color: var(--muted); font-size: 18px; line-height: 1.65; max-width: 62ch; }
    .hero-tags { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 30px; }
    .tag {
      padding: 12px 16px; border-radius: 999px; border: 1px solid rgba(212,175,55,.22);
      background: rgba(255,255,255,.02); color: #f7f7f7; font-size: 13px;
    }
    .hero-actions { display:flex; flex-wrap:wrap; gap:14px; }
    .btn {
      border:none; cursor:pointer; padding: 15px 22px; border-radius: 999px; font-weight:800;
      font-size:14px; letter-spacing:.02em; transition: .25s ease;
    }
    .btn-primary {
      color:#101010;
      background: linear-gradient(135deg, #f0d98a, #d4af37 62%, #b78d19);
      box-shadow: 0 12px 30px rgba(212,175,55,.22);
    }
    .btn-secondary { background: transparent; color: #fff; border:1px solid rgba(255,255,255,.14); }
    .btn:hover { transform: translateY(-1px); }
    .hero-metrics { display:grid; grid-template-columns: repeat(3,1fr); gap:14px; margin-top:32px; }
    .metric { background: rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.05); border-radius: 20px; padding:18px; }
    .metric strong { display:block; color: var(--gold-2); font-size: 22px; margin-bottom:6px; }
    .metric span { color: var(--muted); font-size: 13px; line-height:1.45; }
    .hero-visual { position:relative; min-height: 100%; }
    .hero-visual > img { width:100%; height:100%; object-fit:cover; filter: brightness(.88) saturate(.95); }
    .hero-overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(5,8,12,.12), rgba(5,8,12,.82)); }
    .hero-card-float {
      position:absolute; left:24px; right:24px; bottom:24px; display:grid; grid-template-columns:1fr 1fr; gap:14px;
    }
    .float-box { background: rgba(5,8,12,.72); border:1px solid rgba(212,175,55,.18); border-radius:22px; padding:18px; backdrop-filter: blur(12px); }
    .float-box b { display:block; margin-bottom:8px; color: var(--gold-2); }
    .float-box p { margin:0; color:#d2d7de; font-size:14px; line-height:1.55; }
    section { padding: 34px 0; }
    .section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }
    .section-head h2 { font-size: clamp(28px, 3vw, 42px); margin: 8px 0 0; }
    .section-head p { max-width: 680px; color: var(--muted); line-height: 1.65; margin: 0; }
    .glass { background: linear-gradient(180deg, rgba(17,24,33,.92), rgba(11,16,22,.96)); border:1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); }
    .institutional { display:grid; grid-template-columns: .95fr 1.05fr; gap:26px; padding: 0; overflow: hidden; }
    .institutional .image-wrap { min-height: 460px; }
    .institutional .image-wrap img { width:100%; height:100%; object-fit:cover; }
    .institutional .content { padding: 34px; }
    .bullet-list { display:grid; gap:14px; margin-top:18px; }
    .bullet { display:flex; gap:12px; align-items:flex-start; }
    .bullet i { width:30px; height:30px; flex:0 0 30px; border-radius:50%; display:grid; place-items:center; background:rgba(212,175,55,.14); border:1px solid rgba(212,175,55,.24); color:var(--gold-2); font-style:normal; font-weight:700; }
    .bullet div { color:#dadde2; line-height:1.55; }
    .services-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
    .service-card { padding: 24px; position:relative; overflow:hidden; min-height: 270px; }
    .service-card::before { content:''; position:absolute; inset:0; background: linear-gradient(180deg, transparent, rgba(0,0,0,.15)); pointer-events:none; }
    .service-card .num { color: var(--gold-2); font-size: 13px; letter-spacing: .18em; text-transform: uppercase; }
    .service-card h3 { margin: 12px 0 12px; font-size: 24px; }
    .service-card p { color: var(--muted); line-height:1.65; margin: 0 0 18px; }
    .service-card ul { padding-left: 18px; margin: 0; color:#e6e6e6; line-height:1.7; }
    .band { padding: 24px; display:grid; grid-template-columns: 1.1fr .9fr; gap:20px; align-items:center; }
    .mini-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:12px; }
    .mini-item { padding:16px; border-radius:18px; border:1px solid rgba(212,175,55,.16); background: rgba(255,255,255,.02); text-align:center; }
    .mini-item b { color: var(--gold-2); display:block; margin-bottom:6px; }
    .compliance { display:grid; grid-template-columns: .9fr 1.1fr; gap:18px; }
    .image-panel { position:relative; overflow:hidden; min-height: 100%; border-radius: 28px; }
    .image-panel img { width:100%; height:100%; object-fit:cover; }
    .image-panel::after { content:''; position:absolute; inset:0; background: linear-gradient(180deg, rgba(5,8,12,.12), rgba(5,8,12,.56)); }
    .content-panel { padding: 30px; }
    .pillars { display:grid; grid-template-columns: repeat(3,1fr); gap:12px; margin-top:18px; }
    .pillar { padding:18px; border-radius:18px; background: rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.05); text-align:center; }
    .pillar strong { color: var(--gold-2); display:block; margin-bottom:8px; }
    .reg-grid, .value-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:18px; }
    .feature-card { padding:24px; }
    .feature-card h3 { margin:0 0 10px; }
    .feature-card p { margin:0; color: var(--muted); line-height:1.65; }
    .value-list { display:grid; gap:14px; }
    .value-item { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.06); }
    .value-item:last-child { border-bottom: none; }
    .value-item span { width:36px; height:36px; border-radius:14px; display:grid; place-items:center; background:rgba(212,175,55,.12); border:1px solid rgba(212,175,55,.22); color:var(--gold-2); font-weight:800; }
    .value-item div { color:#dfe3e8; line-height:1.55; }
    .quote-wrap { display:grid; grid-template-columns: .92fr 1.08fr; gap:22px; }
    .quote-copy { padding: 30px; }
    .tabs { display:flex; flex-wrap:wrap; gap:10px; margin: 18px 0 22px; }
    .tab-btn {
      padding: 12px 16px; border-radius: 999px; border: 1px solid rgba(212,175,55,.24); cursor:pointer;
      background: rgba(255,255,255,.02); color:#f3f3f3; font-weight:700;
    }
    .tab-btn.active { background: linear-gradient(135deg, rgba(212,175,55,.22), rgba(212,175,55,.08)); color: var(--gold-2); }
    .quote-panel { display:none; }
    .quote-panel.active { display:block; }
    .form-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:14px; }
    .field { display:flex; flex-direction:column; gap:8px; }
    .field label { color:#d8dce2; font-size:14px; }
    .field input, .field textarea, .field select {
      width:100%; border-radius:16px; border:1px solid rgba(255,255,255,.08);
      background:#0a0f15; color:#fff; padding: 14px 16px; outline:none;
    }
    .field textarea { min-height: 130px; resize: vertical; }
    .field.full { grid-column: 1 / -1; }
    .helper { color: var(--muted); font-size: 13px; }
    .submit-row { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px; margin-top:18px; }
    .contact-card { padding: 30px; position:relative; overflow:hidden; }
    .contact-top { display:grid; grid-template-columns: 1fr auto; gap:16px; align-items:start; }
    .contact-list { display:grid; gap:14px; margin-top:24px; }
    .contact-item { padding:18px; border-radius:18px; border:1px solid rgba(212,175,55,.16); background: rgba(255,255,255,.02); }
    .contact-item strong { display:block; color: var(--gold-2); margin-bottom:7px; }
    .qr { width: 150px; padding:14px; border-radius:22px; border:1px solid rgba(212,175,55,.16); background: rgba(255,255,255,.03); }
    footer { padding: 24px 0 40px; color: #adb4bc; text-align:center; font-size:13px; }

    @media (max-width: 1100px) {
      .hero-grid, .institutional, .band, .compliance, .quote-wrap { grid-template-columns: 1fr; }
      .services-grid, .reg-grid, .value-grid { grid-template-columns: repeat(2,1fr); }
    }
    @media (max-width: 760px) {
      .nav-inner { flex-direction:column; align-items:flex-start; }
      .nav-links { gap:12px; }
      .hero-copy { padding: 28px; }
      .hero-metrics, .mini-grid, .pillars, .services-grid, .reg-grid, .value-grid, .form-grid { grid-template-columns: 1fr; }
      .hero-card-float { grid-template-columns: 1fr; position:static; padding:20px; }
      .hero-visual { min-height: 380px; }
      .contact-top { grid-template-columns:1fr; }
    }