/* JAD GROUP — extracted inline styles. Auto-generated: one class per unique style. */
.x1 { position:sticky;top:0;z-index:50;transition:.25s;background:rgba(10,22,29,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--ink-450); }
.x2 { max-width:1240px;margin:0 auto;padding:15px 32px;display:flex;align-items:center;gap:22px; }
.x3 { cursor:pointer; }
.x4 { display:flex;align-items:center;gap:12px; }
.x5 { height:38px;width:auto;display:block; }
.x6 { display:flex;gap:0;margin-inline-start:auto; }
.x7 { position:relative; }
.x8 { background:none;border:0;cursor:pointer;color:var(--fg);font-family:var(--font-sans);font-weight:500;font-size:14.5px;padding:10px 12px;display:flex;align-items:center;gap:5px;opacity:0.85;white-space:nowrap; }
.x9 { display:inline-flex;line-height:0; }
.x10 { position:absolute;top:100%;inset-inline-end:0;margin-top:4px;min-width:240px;background:var(--ink-700);border:1px solid var(--ink-450);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:8px;display:grid;gap:2px; }
.x11 { display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);color:var(--fg-muted);font-size:13.5px;cursor:pointer;text-align:start;background:none;border:0;font-family:var(--font-sans); }
.x12 { width:5px;height:5px;border-radius:50%;background:var(--gold-500);flex:none; }
.x13 { background:none;border:0;cursor:pointer;color:var(--gold-400);font-family:var(--font-sans);font-weight:700;font-size:14.5px;padding:10px 12px;display:flex;align-items:center;gap:5px;opacity:1;white-space:nowrap; }
.x14 { display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:var(--font-sans);font-weight:700;font-size:14px;border:0;border-radius:var(--r-pill);padding:10px 18px;transition:.18s ease;white-space:nowrap;background:var(--gold-500);color:var(--accent-ink);box-shadow:var(--shadow-gold); }
.x15 { position:relative;overflow:hidden;border-bottom:1px solid var(--ink-450); }
.x16 { position:absolute;inset:0;background:radial-gradient(70% 120% at 85% 0%, var(--gold-glow), transparent 55%);opacity:0.5; }
.x17 { position:relative;max-width:1240px;margin:0 auto;padding:72px 32px 56px; }
.x18 { display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--fg-faint);font-size:13px;font-family:var(--font-mono); }
.x19 { color:var(--gold-400); }
.x20 { margin-bottom:14px; }
.x21 { margin:0;color:var(--fg);max-width:760px; }
.x22 { margin-top:16px;color:var(--fg-muted);max-width:680px; }
.x23 { background:var(--ink-800); }
.x24 { max-width:1240px;margin:0 auto;padding:96px 32px; }
.x25 { display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center; }
.x26 { border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-lg); }
.x27 { /* width: 100%; */ height: 100%; /* object-fit: cover; */ text-align: center; margin: 0 auto; display: block; }
.x28 { display:grid;gap:22px; }
.x29 { background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-lg);padding:24px;border-inline-start:3px solid var(--gold-500); }
.x30 { color:var(--gold-400);font-weight:800;font-size:17px;margin-bottom:8px; }
.x31 { margin:0;color:var(--fg-muted);font-size:15px;line-height:1.7; }
.x32 { background:var(--ink-900);border-block:1px solid var(--ink-450); }
.x33 { max-width:1240px;margin:0 auto;padding:48px 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px; }
.x34 { text-align:center; }
.x35 { color:var(--gold-500); }
.x36 { color:var(--fg-muted);font-size:14px;margin-top:6px; }
.x37 { max-width:720px;text-align:center;margin-inline:auto;margin-bottom:48px; }
.x38 { margin:0;color:var(--fg); }
.x39 { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.x40 { background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-lg);padding:24px; }
.x41 { font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--gold-500);opacity:0.9; }
.x42 { color:var(--fg);font-weight:700;font-size:17px;margin:8px 0 4px; }
.x43 { margin:0;color:var(--fg-muted);font-size:14px;line-height:1.6; }
.x44 { background:var(--ink-900);position:relative;overflow:hidden;border-top:1px solid var(--ink-450); }
.x45 { position:absolute;inset:0;background:radial-gradient(50% 130% at 50% 0%, var(--gold-glow), transparent 60%); }
.x46 { position:relative;max-width:760px;margin:0 auto;padding:72px 32px;text-align:center; }
.x47 { margin:0;color:#fff; }
.x48 { margin-top:14px;color:rgba(255,255,255,.72); }
.x49 { display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap; }
.x50 { display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:var(--font-sans);font-weight:700;font-size:15px;border:0;border-radius:var(--r-md);padding:14px 24px;transition:.18s ease;white-space:nowrap;background:var(--gold-500);color:var(--accent-ink);box-shadow:var(--shadow-gold); }
.x51 { display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:var(--font-sans);font-weight:700;font-size:15px;border:0;border-radius:var(--r-md);padding:14px 24px;transition:.18s ease;white-space:nowrap;background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--ink-400); }
.x52 { background:var(--ink-900);border-top:1px solid var(--ink-450); }
.x53 { max-width:1240px;margin:0 auto;padding:64px 32px 28px; }
.x54 { display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px; }
.x55 { margin-top:18px;color:var(--fg-muted);font-size:14px;line-height:1.7;max-width:280px; }
.x56 { display:flex;gap:10px;margin-top:18px; }
.x57 { width:38px;height:38px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--ink-600);color:var(--fg-muted);border:1px solid var(--ink-450);cursor:pointer; }
.x58 { color:var(--fg);font-weight:700;font-size:14px;margin-bottom:16px; }
.x59 { display:grid;gap:11px; }
.x60 { color:var(--fg-muted);font-size:14px;text-decoration:none;cursor:pointer; }
.x61 { margin-top:48px;padding-top:22px;border-top:1px solid var(--ink-450);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--fg-faint);font-size:13px; }
.x62 { font-family:var(--font-mono); }
.x63 { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.x64 { border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--ink-450);background:var(--ink-600);cursor:pointer;transition:.2s; }
.x65 { height:150px;background:linear-gradient(135deg,#0e2a30,#0e1c27);position:relative;display:flex;align-items:flex-start;padding:14px; }
.x66 { font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-300);background:rgba(7,18,26,.6);padding:5px 10px;border-radius:var(--r-xs); }
.x67 { padding:18px 20px 22px; }
.x68 { margin:0 0 12px;font-size:17px;font-weight:700;color:var(--fg);line-height:1.4; }
.x69 { display:flex;justify-content:space-between;align-items:center; }
.x70 { color:var(--fg-faint);font-size:12px;font-family:var(--font-mono); }
.x71 { display:inline-flex;align-items:center;gap:6px;color:var(--gold-400);font-size:13px;font-weight:600; }
.x72 { height:150px;background:linear-gradient(135deg,#33240e,#0e1c27);position:relative;display:flex;align-items:flex-start;padding:14px; }
.x73 { height:150px;background:linear-gradient(135deg,#10233a,#0e1c27);position:relative;display:flex;align-items:flex-start;padding:14px; }
.x74 { height:150px;background:linear-gradient(135deg,#2a1330,#0e1c27);position:relative;display:flex;align-items:flex-start;padding:14px; }
.x75 { height:150px;background:linear-gradient(135deg,#122c22,#0e1c27);position:relative;display:flex;align-items:flex-start;padding:14px; }
.x76 { height:150px;background:linear-gradient(135deg,#3a2a12,#0e1c27);position:relative;display:flex;align-items:flex-start;padding:14px; }
.x77 { display:grid;gap:20px; }
.x78 { display:grid;grid-template-columns:210px 1fr;gap:28px;background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-lg);padding:28px;align-items:center; }
.x79 { border-inline-end:1px solid var(--ink-450);padding-inline-end:28px; }
.x80 { color:var(--gold-400);font-weight:800;font-size:20px;font-family:var(--font-display); }
.x81 { margin-top:10px;display:inline-flex;align-items:center;gap:7px;color:var(--success);font-size:13px;font-family:var(--font-mono);background:rgba(47,179,122,.12);padding:6px 11px;border-radius:var(--r-pill); }
.x82 { width:6px;height:6px;border-radius:50%;background:var(--success); }
.x83 { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.x84 { color:var(--fg-faint);font-size:11px;margin-bottom:6px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase; }
.x85 { display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px; }
.x86 { border:0;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:700;padding:9px 16px;border-radius:var(--r-pill);transition:.15s;background:var(--gold-500);color:var(--accent-ink);box-shadow:none; }
.x87 { border:0;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:500;padding:9px 16px;border-radius:var(--r-pill);transition:.15s;background:var(--ink-600);color:var(--fg-muted);box-shadow:inset 0 0 0 1px var(--ink-450); }
.x88 { display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }
.x89 { background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-md);padding:22px 18px;text-align:center;transition:.2s;cursor:pointer; }
.x90 { font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--fg); }
.x91 { color:var(--fg-faint);font-size:12px;margin-top:4px; }
.x92 { max-width:1240px;margin:0 auto;padding:64px 32px; }
.x93 { display:flex;flex-wrap:wrap;gap:10px;justify-content:center; }
.x94 { padding:10px 18px;border-radius:var(--r-pill);background:var(--ink-600);border:1px solid var(--ink-450);color:var(--fg-muted);font-size:14px; }
.x95 { display:grid;grid-template-columns:1.2fr .8fr;gap:40px; }
.x96 { background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-lg);padding:30px;display:grid;gap:16px; }
.x97 { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.x98 { display:block;font-size:12px;color:var(--fg-muted);margin-bottom:8px;font-weight:500; }
.x99 { width:100%;box-sizing:border-box;background:var(--ink-700);border:1px solid var(--ink-450);border-radius:var(--r-sm);padding:12px 13px;color:var(--fg);font-size:14px;outline:none;font-family:var(--font-sans); }
.x100 { width:100%;box-sizing:border-box;background:var(--ink-700);border:1px solid var(--ink-450);border-radius:var(--r-sm);padding:12px 13px;color:var(--fg);font-size:14px;outline:none;font-family:var(--font-sans);resize:vertical; }
.x101 { display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:var(--font-sans);font-weight:700;font-size:15px;border:0;border-radius:var(--r-md);padding:14px 24px;transition:.18s ease;white-space:nowrap;justify-content:center;margin-top:4px;background:var(--gold-500);color:var(--accent-ink);box-shadow:var(--shadow-gold); }
.x102 { display:grid;gap:12px;align-content:start; }
.x103 { display:flex;align-items:center;gap:14px;background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-md);padding:16px 18px; }
.x104 { width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(21,190,223,.12);color:var(--gold-400); }
.x105 { color:var(--fg-faint);font-size:12px; }
.x106 { color:var(--fg);font-size:15px;font-weight:600;font-family:var(--font-mono);direction:ltr;text-align:start; }
.x107 { border-radius:var(--r-md);overflow:hidden;height:150px;background:linear-gradient(135deg,#10233a,#0e1c27);border:1px solid var(--ink-450);display:grid;place-items:center;color:var(--fg-faint); }
.x108 {
          position: sticky;
          top: 0;
          z-index: 50;
          transition: 0.25s;
          background: #000000;
          backdrop-filter: none;
          border-bottom: 1px solid transparent;
          }
.x109 { max-width: 1240px;
            margin: 0 auto;
            padding: 15px 32px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            gap: 22px; }
.x110 { cursor: pointer; }
.x111 { display: flex; align-items: center; gap: 12px; }
.x112 { height: 38px; width: auto; display: block; }
.x113 { display: flex; gap: 0; position: absolute; left: 50%; transform: translateX(-50%); }
.x114 { position: relative; }
.x115 { background: none;
                  border: 0;
                  cursor: pointer;
                  color: var(--gold-400);
                  font-family: var(--font-sans);
                  font-weight: 700;
                  font-size: 14.5px;
                  padding: 10px 12px;
                  display: flex;
                  align-items: center;
                  gap: 5px;
                  opacity: 1;
                  white-space: nowrap; }
.x116 { background: none;
                  border: 0;
                  cursor: pointer;
                  color: var(--fg);
                  font-family: var(--font-sans);
                  font-weight: 500;
                  font-size: 14.5px;
                  padding: 10px 12px;
                  display: flex;
                  align-items: center;
                  gap: 5px;
                  opacity: 0.85;
                  white-space: nowrap; }
.x117 { display: inline-flex; line-height: 0; }
.x118 { position: absolute;
                  top: 100%;
                  inset-inline-end: 0;
                  margin-top: 4px;
                  min-width: 240px;
                  background: var(--ink-700);
                  border: 1px solid var(--ink-450);
                  border-radius: var(--r-md);
                  box-shadow: var(--shadow-lg);
                  padding: 8px;
                  display: grid;
                  gap: 2px; }
.x119 { display: flex;
                    align-items: center;
                    gap: 10px;
                    padding: 10px 12px;
                    border-radius: var(--r-sm);
                    color: var(--fg-muted);
                    font-size: 13.5px;
                    cursor: pointer;
                    text-align: start;
                    background: none;
                    border: 0;
                    font-family: var(--font-sans); }
.x120 { width: 5px;
                      height: 5px;
                      border-radius: 50%;
                      background: var(--gold-500);
                      flex: none; }
.x121 { display: inline-flex;
              align-items: center;
              gap: 9px;
              cursor: pointer;
              font-family: var(--font-sans);
              font-weight: 700;
              font-size: 14px;
              border: 0;
              border-radius: var(--r-pill);
              padding: 10px 18px;
              transition: 0.18s ease;
              white-space: nowrap;
              background: var(--gold-500);
              color: var(--accent-ink);
              box-shadow: var(--shadow-gold); }
.x122 { position: relative;
                    overflow: hidden;
                    min-height: 620px; }
.x123 { position: absolute;
                      inset: 0;
                      width: 100%;
                      height: 100%;
                      object-fit: cover;
                      object-position: left center;
                      opacity: 0.55; }
.x124 { position: absolute;
                      inset: 0;
                      background: linear-gradient(
                        270deg,
                        rgba(7, 18, 26, 0.97) 0%,
                        rgba(7, 18, 26, 0.82) 42%,
                        rgba(7, 18, 26, 0.35) 100%
                      ); }
.x125 { position: absolute;
                      inset: 0;
                      background: radial-gradient(
                        60% 60% at 80% 30%,
                        var(--gold-glow),
                        transparent 70%
                      );
                      opacity: 0.5; }
.x126 { position: relative;
                      max-width: 1240px;
                      margin: 0 auto;
                      padding: 92px 32px 100px; }
.x127 { max-width: 640px; }
.x128 { margin-bottom: 20px; }
.x129 { margin: 0; color: #fff; }
.x130 { color: var(--gold-500); }
.x131 { margin-top: 22px;
                          color: rgba(255, 255, 255, 0.78);
                          max-width: 540px; }
.x132 { display: flex;
                          gap: 14px;
                          margin-top: 34px;
                          flex-wrap: wrap; }
.x133 { display: inline-flex;
                            align-items: center;
                            gap: 9px;
                            cursor: pointer;
                            font-family: var(--font-sans);
                            font-weight: 700;
                            font-size: 15px;
                            border: 0;
                            border-radius: var(--r-md);
                            padding: 14px 24px;
                            transition: 0.18s ease;
                            white-space: nowrap;
                            background: var(--gold-500);
                            color: var(--accent-ink);
                            box-shadow: var(--shadow-gold); }
.x134 { display: inline-flex;
                            align-items: center;
                            gap: 9px;
                            cursor: pointer;
                            font-family: var(--font-sans);
                            font-weight: 700;
                            font-size: 15px;
                            border: 0;
                            border-radius: var(--r-md);
                            padding: 14px 24px;
                            transition: 0.18s ease;
                            white-space: nowrap;
                            background: transparent;
                            color: var(--fg);
                            box-shadow: inset 0 0 0 1px var(--ink-400); }
.x135 { background: var(--ink-900);
            border-block: 1px solid var(--ink-450); }
.x136 { max-width: 1240px;
              margin: 0 auto;
              padding: 40px 32px;
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              gap: 24px; }
.x137 { text-align: center; border-inline-start: none; }
.x138 { color: var(--fg-muted); font-size: 14px; margin-top: 8px; }
.x139 { text-align: center;
                border-inline-start: 1px solid var(--ink-450); }
.x140 { background: var(--ink-800); }
.x141 { max-width: 1240px; margin: 0 auto; padding: 30px 32px; padding-bottom: 60px; }
.x142 { display: grid;
                grid-template-columns: 1.1fr 0.9fr;
                gap: 64px;
                align-items: center; }
.x143 { margin-bottom: 16px; }
.x144 { margin: 0; color: var(--fg); }
.x145 { margin-top: 20px;
                    color: var(--fg-muted);
                    font-size: 17px; }
.x146 { margin-top: 28px; }
.x147 { display: inline-flex;
                      align-items: center;
                      gap: 9px;
                      cursor: pointer;
                      font-family: var(--font-sans);
                      font-weight: 700;
                      font-size: 15px;
                      border: 0;
                      border-radius: var(--r-md);
                      padding: 14px 24px;
                      transition: 0.18s ease;
                      white-space: nowrap;
                      background: transparent;
                      color: var(--fg);
                      box-shadow: inset 0 0 0 1px var(--ink-400); }
.x148 {
                  position: relative;
                  border-radius: var(--r-xl);
                  overflow: hidden;
                  aspect-ratio: 7/5;
                  box-shadow: var(--shadow-lg);
                  }
.x149 {width: 100%;height: 100%;object-fit: cover;}
.x150 { position: absolute;
                    inset: 0;
                    background: linear-gradient(
                      0deg,
                      rgba(7, 18, 26, 0.6),
                      transparent 50%
                    ); }
.x151 { background: var(--ink-900); }
.x152 { max-width: 720px;
                text-align: center;
                margin-inline: auto;
                margin-bottom: 48px; }
.x153 { margin-bottom: 14px; }
.x154 { color: var(--fg); }
.x155 { margin-top: 16px; color: var(--fg-muted); }
.x156 { color: var(--fg-muted); }
.x157 { display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 18px; }
.x158 { background: var(--paper);
                  border: 1px solid var(--cloud);
                  border-radius: var(--r-lg);
                  padding: 26px;
                  box-shadow: var(--shadow-sm);
                  transition: 0.2s;
                  cursor: pointer; }
.x159 { width: 46px;
                    height: 46px;
                    border-radius: var(--r-md);
                    display: grid;
                    place-items: center;
                    background: rgba(21, 190, 223, 0.12);
                    color: var(--gold-600);
                    margin-bottom: 16px; }
.x160 { margin: 0 0 6px;
                    font-size: 19px;
                    font-weight: 800;
                    color: var(--ink-550); }
.x161 { margin: 0;
                    font-size: 14px;
                    line-height: 1.6;
                    color: var(--slate-500); }
.x162 { display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16px; }
.x163 { position: relative;
                  overflow: hidden;
                  background: var(--ink-600);
                  border: 1px solid var(--ink-450);
                  border-radius: var(--r-lg);
                  padding: 24px;
                  box-shadow: var(--shadow-md);
                  transition: 0.2s;
                  cursor: pointer;
                  opacity: 1; }
.x164 { position: absolute;
                    inset-inline: 0;
                    top: 0;
                    height: 3px;
                    background: var(--gold-500);
                    opacity: 0;
                    transition: 0.2s; }
.x165 { display: flex;
                    justify-content: space-between;
                    align-items: flex-start;
                    margin-bottom: 16px; }
.x166 { width: 46px;
                      height: 46px;
                      border-radius: var(--r-md);
                      display: grid;
                      place-items: center;
                      background: rgba(21, 190, 223, 0.12);
                      color: var(--gold-400); }
.x167 { font-family: var(--font-mono);
                      font-size: 10px;
                      letter-spacing: 0.1em;
                      color: var(--gold-400);
                      text-transform: uppercase;
                      border: 1px solid var(--ink-450);
                      padding: 4px 8px;
                      border-radius: var(--r-xs); }
.x168 { margin: 0 0 6px;
                    font-size: 19px;
                    font-weight: 800;
                    color: var(--fg);
                    font-family: var(--font-display); }
.x169 { margin: 0;
                    font-size: 13.5px;
                    line-height: 1.6;
                    color: var(--fg-muted); }
.x170 { position: relative;
                  overflow: hidden;
                  background: var(--ink-600);
                  border: 1px solid var(--ink-450);
                  border-radius: var(--r-lg);
                  padding: 24px;
                  box-shadow: var(--shadow-md);
                  transition: 0.2s;
                  cursor: pointer;
                  opacity: 0.7; }
.x171 { font-family: var(--font-mono);
                      font-size: 10px;
                      letter-spacing: 0.1em;
                      color: var(--fg-faint);
                      text-transform: uppercase;
                      border: 1px solid var(--ink-450);
                      padding: 4px 8px;
                      border-radius: var(--r-xs); }
.x172 { text-align: center; margin-top: 40px; }
.x173 { display: inline-flex;
                  align-items: center;
                  gap: 9px;
                  cursor: pointer;
                  font-family: var(--font-sans);
                  font-weight: 700;
                  font-size: 15px;
                  border: 0;
                  border-radius: var(--r-md);
                  padding: 14px 24px;
                  transition: 0.18s ease;
                  white-space: nowrap;
                  background: var(--gold-500);
                  color: var(--accent-ink);
                  box-shadow: var(--shadow-gold); }
.x174 { background: var(--ink-900); }
.x175 { max-width: 1240px;
              margin: 0 auto;
              padding: 72px 32px;
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              gap: 20px; }
.x176 { display: flex; flex-direction: column; gap: 14px; }
.x177 { width: 44px;
                  height: 44px;
                  border-radius: var(--r-md);
                  display: grid;
                  place-items: center;
                  background: var(--ink-600);
                  color: var(--gold-400);
                  box-shadow: var(--hairline); }
.x178 { color: var(--fg);
                  font-size: 16px;
                  font-weight: 600;
                  line-height: 1.4; }
.x179 { max-width: 720px;
                text-align: start;
                margin-inline: 0;
                margin-bottom: 48px; }
.x180 { display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-bottom: 28px; }
.x181 { border: 0;
                  cursor: pointer;
                  font-family: var(--font-sans);
                  font-size: 14px;
                  font-weight: 700;
                  padding: 9px 18px;
                  border-radius: var(--r-pill);
                  background: var(--gold-500);
                  color: var(--accent-ink);
                  box-shadow: none;
                  transition: 0.15s; }
.x182 { border: 0;
                  cursor: pointer;
                  font-family: var(--font-sans);
                  font-size: 14px;
                  font-weight: 500;
                  padding: 9px 18px;
                  border-radius: var(--r-pill);
                  background: var(--ink-600);
                  color: var(--fg-muted);
                  box-shadow: inset 0 0 0 1px var(--ink-450);
                  transition: 0.15s; }
.x183 { border-radius: var(--r-lg);
                  overflow: hidden;
                  border: 1px solid var(--ink-450);
                  background: var(--ink-600);
                  cursor: pointer;
                  transition: 0.2s; }
.x184 { height: 168px;
                    background: linear-gradient(135deg, #3a2a12, #0e1c27);
                    position: relative;
                    display: flex;
                    align-items: flex-end;
                    padding: 16px; }
.x185 { font-family: var(--font-mono);
                      font-size: 10px;
                      letter-spacing: 0.08em;
                      text-transform: uppercase;
                      color: var(--gold-300);
                      background: rgba(7, 18, 26, 0.6);
                      padding: 5px 10px;
                      border-radius: var(--r-xs);
                      backdrop-filter: blur(4px); }
.x186 { padding: 18px 20px 22px; }
.x187 { margin: 0 0 4px;
                      font-size: 18px;
                      font-weight: 800;
                      color: var(--fg); }
.x188 { color: var(--fg-faint);
                      font-size: 13px;
                      margin-bottom: 14px; }
.x189 { display: inline-flex;
                      align-items: center;
                      gap: 6px;
                      color: var(--gold-400);
                      font-size: 13px;
                      font-weight: 600; }
.x190 { height: 168px;
                    background: linear-gradient(135deg, #10233a, #0e1c27);
                    position: relative;
                    display: flex;
                    align-items: flex-end;
                    padding: 16px; }
.x191 { height: 168px;
                    background: linear-gradient(135deg, #122c22, #0e1c27);
                    position: relative;
                    display: flex;
                    align-items: flex-end;
                    padding: 16px; }
.x192 { height: 168px;
                    background: linear-gradient(135deg, #2a1330, #0e1c27);
                    position: relative;
                    display: flex;
                    align-items: flex-end;
                    padding: 16px; }
.x193 { height: 168px;
                    background: linear-gradient(135deg, #33240e, #0e1c27);
                    position: relative;
                    display: flex;
                    align-items: flex-end;
                    padding: 16px; }
.x194 { height: 168px;
                    background: linear-gradient(135deg, #0e2a30, #0e1c27);
                    position: relative;
                    display: flex;
                    align-items: flex-end;
                    padding: 16px; }
.x195 { background: var(--ink-900);
            border-top: 1px solid var(--ink-450); }
.x196 { max-width: 1240px;
              margin: 0 auto;
              padding: 64px 32px;
              text-align: center; }
.x197 { margin-bottom: 12px; }
.x198 { margin: 0 0 36px; color: var(--fg); }
.x199 { display: grid;
                grid-template-columns: repeat(8, 1fr);
                gap: 14px; }
.x200 { height: 64px;
                  display: grid;
                  place-items: center;
                  border-radius: var(--r-md);
                  border: 1px solid var(--ink-450);
                  background: var(--ink-700);
                  color: var(--fg-faint);
                  font-family: var(--font-display);
                  font-weight: 600;
                  font-size: 13px;
                  letter-spacing: 0.02em;
                  transition: 0.2s;
                  cursor: pointer; }
.x201 { max-width: 880px; margin: 0 auto; text-align: center; }
.x202 { display: inline-flex;
                  color: var(--gold-500);
                  line-height: 0;
                  transform: scaleX(-1); }
.x203 { margin: 20px 0 28px;
                  color: var(--fg);
                  font-weight: 500;
                  line-height: 1.5; }
.x204 { color: var(--gold-400);
                  font-weight: 700;
                  font-size: 15px; }
.x205 { color: var(--fg-faint); font-size: 13px; }
.x206 { background: var(--ink-900);
            position: relative;
            overflow: hidden; }
.x207 { position: absolute;
              inset: 0;
              background: radial-gradient(
                50% 120% at 50% 0%,
                var(--gold-glow),
                transparent 60%
              ); }
.x208 { position: relative;
              max-width: 820px;
              margin: 0 auto;
              padding: 96px 32px;
              text-align: center; }
.x209 { margin-top: 18px; color: rgba(255, 255, 255, 0.72); }
.x210 { display: flex;
                gap: 14px;
                justify-content: center;
                margin-top: 32px;
                flex-wrap: wrap; }
.x211 { display: inline-flex;
                  align-items: center;
                  gap: 9px;
                  cursor: pointer;
                  font-family: var(--font-sans);
                  font-weight: 700;
                  font-size: 15px;
                  border: 0;
                  border-radius: var(--r-md);
                  padding: 14px 24px;
                  transition: 0.18s ease;
                  white-space: nowrap;
                  background: transparent;
                  color: var(--fg);
                  box-shadow: inset 0 0 0 1px var(--ink-400); }
.x212 { display: inline-flex;
                  align-items: center;
                  gap: 9px;
                  cursor: pointer;
                  font-family: var(--font-sans);
                  font-weight: 700;
                  font-size: 15px;
                  border: 0;
                  border-radius: var(--r-pill);
                  padding: 14px 24px;
                  transition: 0.18s ease;
                  white-space: nowrap;
                  background: var(--ink-600);
                  color: var(--fg);
                  box-shadow: var(--hairline); }
.x213 { background: var(--ink-900); border-top: 1px solid var(--ink-450); }
.x214 { max-width: 1240px; margin: 0 auto; padding: 64px 32px 28px; }
.x215 { display: grid;
              grid-template-columns: 1.4fr 1fr 1fr 1fr;
              gap: 40px; }
.x216 { margin-top: 18px;
                  color: var(--fg-muted);
                  font-size: 14px;
                  line-height: 1.7;
                  max-width: 280px; }
.x217 { display: flex; gap: 10px; margin-top: 18px; }
.x218 { width: 38px;
                    height: 38px;
                    border-radius: var(--r-sm);
                    display: grid;
                    place-items: center;
                    background: var(--ink-600);
                    color: var(--fg-muted);
                    border: 1px solid var(--ink-450);
                    cursor: pointer; }
.x219 { color: var(--fg);
                  font-weight: 700;
                  font-size: 14px;
                  margin-bottom: 16px; }
.x220 { display: grid; gap: 11px; }
.x221 { color: var(--fg-muted);
                    font-size: 14px;
                    text-decoration: none;
                    cursor: pointer; }
.x222 { margin-top: 48px;
              padding-top: 22px;
              border-top: 1px solid var(--ink-450);
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              gap: 12px;
              color: var(--fg-faint);
              font-size: 13px; }
.x223 { font-family: var(--font-mono); }
.x224 { display:flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--fg-faint);font-size:13px;font-family:var(--font-mono); }
.x225 { display:flex;align-items:center;gap:18px; }
.x226 { width:64px;height:64px;border-radius:var(--r-lg);display:grid;place-items:center;background:rgba(21,190,223,.14);color:var(--gold-400);flex:none; }
.x227 { display:flex;align-items:center;gap:12px;flex-wrap:wrap; }
.x228 { margin:0;color:var(--fg);font-family:var(--font-display); }
.x229 { font-family:var(--font-mono);font-size:11px;color:var(--success);border:1px solid var(--ink-450);padding:4px 10px;border-radius:var(--r-pill); }
.x230 { margin:18px 0 0;color:var(--fg-muted);font-size:17px;max-width:680px;line-height:1.6; }
.x231 { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px; }
.x232 { background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-lg);padding:26px; }
.x233 { display:flex;align-items:center;gap:10px;margin-bottom:12px; }
.x234 { display:inline-flex;color:var(--danger);line-height:0; }
.x235 { color:var(--fg);font-weight:800;font-size:17px; }
.x236 { display:inline-flex;color:var(--success);line-height:0; }
.x237 { display:grid;grid-template-columns:1.3fr .7fr;gap:18px; }
.x238 { margin-bottom:16px; }
.x239 { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.x240 { display:flex;align-items:center;gap:10px;color:var(--fg);font-size:14px; }
.x241 { width:6px;height:6px;border-radius:50%;background:var(--gold-500);flex:none; }
.x242 { display:flex;flex-wrap:wrap;gap:8px; }
.x243 { padding:7px 13px;border-radius:var(--r-pill);background:var(--ink-700);border:1px solid var(--ink-450);color:var(--fg-muted);font-size:13px; }
.x244 { margin-top:28px;background:linear-gradient(120deg,var(--ink-700),var(--ink-600));border:1px solid var(--gold-700);border-radius:var(--r-lg);padding:30px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; }
.x245 { color:var(--fg);font-size:20px;font-weight:700;max-width:560px; }
.x246 { max-width:720px;text-align:start;margin-inline:0;margin-bottom:48px; }
.x247 { background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-md);padding:20px;cursor:pointer;transition:.2s; }
.x248 { display:inline-flex;color:var(--gold-400);line-height:0; }
.x249 { color:var(--fg);font-weight:700;font-size:15px;margin-top:10px;font-family:var(--font-display); }
.x250 { font-family:var(--font-mono);font-size:11px;color:var(--warning);border:1px solid var(--ink-450);padding:4px 10px;border-radius:var(--r-pill); }
.x251 { position:relative;overflow:hidden;background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-lg);padding:24px;transition:.2s;cursor:pointer;opacity:1; }
.x252 { position:absolute;inset-inline:0;top:0;height:3px;background:var(--gold-500);opacity:0;transition:.2s; }
.x253 { display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px; }
.x254 { width:48px;height:48px;border-radius:var(--r-md);display:grid;place-items:center;background:rgba(21,190,223,.12);color:var(--gold-400); }
.x255 { font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--gold-400);text-transform:uppercase;border:1px solid var(--ink-450);padding:4px 8px;border-radius:var(--r-xs); }
.x256 { margin:0 0 6px;font-size:19px;font-weight:800;color:var(--fg);font-family:var(--font-display); }
.x257 { margin:0;font-size:13.5px;line-height:1.6;color:var(--fg-muted); }
.x258 { position:relative;overflow:hidden;background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-lg);padding:24px;transition:.2s;cursor:pointer;opacity:0.72; }
.x259 { font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--fg-faint);text-transform:uppercase;border:1px solid var(--ink-450);padding:4px 8px;border-radius:var(--r-xs); }
.x260 { position:absolute;inset:0;background:linear-gradient(135deg,#0e2a30,#0e1c27);opacity:0.5; }
.x261 { position:absolute;inset:0;background:linear-gradient(0deg,var(--ink-800),rgba(7,18,26,.5)); }
.x262 { position:relative;max-width:1240px;margin:0 auto;padding:72px 32px 48px; }
.x263 { font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-300);background:rgba(7,18,26,.5);padding:6px 12px;border-radius:var(--r-pill); }
.x264 { margin:16px 0 0;color:#fff; }
.x265 { margin-top:10px;color:rgba(255,255,255,.78); }
.x266 { background:var(--ink-900);border-bottom:1px solid var(--ink-450); }
.x267 { max-width:1240px;margin:0 auto;padding:26px 32px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px; }
.x268 { color:var(--fg-faint);font-size:11px;margin-bottom:4px;font-family:var(--font-mono);letter-spacing:.04em; }
.x269 { color:var(--fg);font-size:14px;font-weight:600; }
.x270 { display:grid;gap:16px;max-width:860px; }
.x271 { display:flex;gap:18px;background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-lg);padding:26px; }
.x272 { width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--ink-700);flex:none; }
.x273 { display:inline-flex;color:var(--warning);line-height:0; }
.x274 { color:var(--fg);font-weight:800;font-size:17px;margin-bottom:6px; }
.x275 { display:inline-flex;color:var(--blue-400);line-height:0; }
.x276 { margin-top:30px; }
.x277 { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.x278 { aspect-ratio:4/3;border-radius:var(--r-md);background:linear-gradient(135deg,#0e2a30,#0e1c27);border:1px solid var(--ink-450); }
.x279 { height:150px;background:linear-gradient(135deg,#3a2a12,#0e1c27);display:flex;align-items:flex-end;padding:14px; }
.x280 { padding:16px 18px 20px; }
.x281 { margin:0 0 4px;font-size:17px;font-weight:800;color:var(--fg); }
.x282 { color:var(--fg-faint);font-size:13px; }
.x283 { height:150px;background:linear-gradient(135deg,#10233a,#0e1c27);display:flex;align-items:flex-end;padding:14px; }
.x284 { height:150px;background:linear-gradient(135deg,#122c22,#0e1c27);display:flex;align-items:flex-end;padding:14px; }
.x285 { position:absolute;inset:0;background:linear-gradient(135deg,#10233a,#0e1c27);opacity:0.5; }
.x286 { aspect-ratio:4/3;border-radius:var(--r-md);background:linear-gradient(135deg,#10233a,#0e1c27);border:1px solid var(--ink-450); }
.x287 { height:150px;background:linear-gradient(135deg,#2a1330,#0e1c27);display:flex;align-items:flex-end;padding:14px; }
.x288 { position:absolute;inset:0;background:linear-gradient(135deg,#3a2a12,#0e1c27);opacity:0.5; }
.x289 { aspect-ratio:4/3;border-radius:var(--r-md);background:linear-gradient(135deg,#3a2a12,#0e1c27);border:1px solid var(--ink-450); }
.x290 { position:absolute;inset:0;background:linear-gradient(135deg,#122c22,#0e1c27);opacity:0.5; }
.x291 { aspect-ratio:4/3;border-radius:var(--r-md);background:linear-gradient(135deg,#122c22,#0e1c27);border:1px solid var(--ink-450); }
.x292 { position:absolute;inset:0;background:linear-gradient(135deg,#2a1330,#0e1c27);opacity:0.5; }
.x293 { aspect-ratio:4/3;border-radius:var(--r-md);background:linear-gradient(135deg,#2a1330,#0e1c27);border:1px solid var(--ink-450); }
.x294 { position:absolute;inset:0;background:linear-gradient(135deg,#33240e,#0e1c27);opacity:0.5; }
.x295 { aspect-ratio:4/3;border-radius:var(--r-md);background:linear-gradient(135deg,#33240e,#0e1c27);border:1px solid var(--ink-450); }
.x296 { max-width:1240px;margin:0 auto;padding:48px 32px 80px; }
.x297 { border:0;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:700;padding:9px 18px;border-radius:var(--r-pill);background:var(--gold-500);color:var(--accent-ink);box-shadow:none;transition:.15s; }
.x298 { border:0;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:500;padding:9px 18px;border-radius:var(--r-pill);background:var(--ink-600);color:var(--fg-muted);box-shadow:inset 0 0 0 1px var(--ink-450);transition:.15s; }
.x299 { height:168px;background:linear-gradient(135deg,#3a2a12,#0e1c27);position:relative;display:flex;align-items:flex-end;padding:16px; }
.x300 { font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-300);background:rgba(7,18,26,.6);padding:5px 10px;border-radius:var(--r-xs);backdrop-filter:blur(4px); }
.x301 { margin:0 0 4px;font-size:18px;font-weight:800;color:var(--fg); }
.x302 { color:var(--fg-faint);font-size:13px;margin-bottom:14px; }
.x303 { height:168px;background:linear-gradient(135deg,#10233a,#0e1c27);position:relative;display:flex;align-items:flex-end;padding:16px; }
.x304 { height:168px;background:linear-gradient(135deg,#122c22,#0e1c27);position:relative;display:flex;align-items:flex-end;padding:16px; }
.x305 { height:168px;background:linear-gradient(135deg,#2a1330,#0e1c27);position:relative;display:flex;align-items:flex-end;padding:16px; }
.x306 { height:168px;background:linear-gradient(135deg,#33240e,#0e1c27);position:relative;display:flex;align-items:flex-end;padding:16px; }
.x307 { height:168px;background:linear-gradient(135deg,#0e2a30,#0e1c27);position:relative;display:flex;align-items:flex-end;padding:16px; }
.x308 { display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:start; }
.x309 { display:flex;align-items:center;gap:11px;background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-md);padding:13px 15px; }
.x310 { width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(21,190,223,.14);color:var(--gold-400);flex:none; }
.x311 { color:var(--fg);font-size:14px; }
.x312 { margin-top:28px; }
.x313 { margin-bottom:12px; }
.x314 { padding:8px 14px;border-radius:var(--r-pill);background:var(--ink-600);border:1px solid var(--ink-450);color:var(--fg-muted);font-size:13px; }
.x315 { background:var(--ink-600);border:1px solid var(--ink-450);border-inline-start:3px solid var(--gold-500);border-radius:var(--r-lg);padding:24px;position:sticky;top:90px; }
.x316 { color:var(--gold-400);font-weight:800;font-size:15px;margin-bottom:8px; }
.x317 { margin:0 0 20px;color:var(--fg-muted);font-size:15px;line-height:1.7; }
.x318 { display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:var(--font-sans);font-weight:700;font-size:15px;border:0;border-radius:var(--r-md);padding:14px 24px;transition:.18s ease;white-space:nowrap;width:100%;justify-content:center;background:var(--gold-500);color:var(--accent-ink);box-shadow:var(--shadow-gold); }
.x319 { max-width:1240px;margin:0 auto;padding:72px 32px; }
.x320 { background:var(--ink-600);border:1px solid var(--ink-450);border-radius:var(--r-lg);padding:26px;cursor:pointer;transition:.2s;position:relative;overflow:hidden; }
.x321 { width:48px;height:48px;border-radius:var(--r-md);display:grid;place-items:center;background:rgba(21,190,223,.12);color:var(--gold-400);margin-bottom:16px; }
.x322 { margin:0 0 6px;font-size:19px;font-weight:800;color:var(--fg); }
.x323 { margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--fg-muted); }

.proj-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pj-projects {
    height: 250px;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    /* display: flex; */
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
}