/* Brand alignment with telebisnisglobalaksara.com — v1.2.0. */
.tga-home {
  --tga-navy: #153451;
  --tga-navy-2: #1d4166;
  --tga-teal: #2a83f9;
  --tga-mint: #d9a650;
  --tga-cream: #f8f7f7;
  --tga-ink: #153451;
  --tga-muted: #6a6969;
  --tga-line: #e4e1dc;
  font-family: Raleway, "Segoe UI", Arial, sans-serif;
}

.tga-home h1,
.tga-home h2,
.tga-home h3,
.tga-home .tga-core-card strong,
.tga-home .tga-project-art span,
.tga-home .tga-company-shape span,
.tga-home .tga-page-emblem span {
  font-family: Poppins, "Segoe UI", Arial, sans-serif;
}

.tga-header,
.tga-inner-page .tga-header {
  background: rgba(21, 52, 81, .97);
  border-bottom-color: rgba(255, 255, 255, .09);
}

.tga-header.is-scrolled { box-shadow: 0 14px 38px rgba(15, 32, 51, .22); }
.tga-header .tga-brand,
.tga-header .tga-desktop-nav > a:not(.tga-button) { color: #f8f7f7; }
.tga-desktop-nav > a:not(.tga-button):after { background: #2a83f9; }
.tga-header .tga-button { background: #c48f42; }
.tga-header .tga-button:hover { background: #d9a650; box-shadow: 0 12px 28px rgba(196, 143, 66, .28); }

.tga-logo-emblem {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .16);
  overflow: hidden;
}
.tga-logo-emblem img { width: 48px; height: 44px; object-fit: contain; }
.tga-brand-name { color: #fff; font-family: Poppins, "Segoe UI", Arial, sans-serif; font-weight: 500; letter-spacing: .08em; }
.tga-logo-upload { display: flex; align-items: center; }
.tga-uploaded-logo { display: block; width: auto; height: auto; object-fit: contain; }

.tga-nav-list { display: flex; align-items: center; gap: 21px; margin: 0; padding: 0; list-style: none; }
.tga-nav-list li { margin: 0; }
.tga-nav-list a { position: relative; color: rgba(255,255,255,.9); font-size: 13px; font-weight: 650; }
.tga-nav-list a:after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 2px; background: #d9a650; transition: right .22s; }
.tga-nav-list a:hover:after,
.tga-nav-list .current-menu-item > a:after,
.tga-nav-list .current_page_item > a:after,
.tga-nav-list a[aria-current="page"]:after { right: 0; }
.tga-nav-list .current-menu-item > a,
.tga-nav-list .current_page_item > a,
.tga-nav-list a[aria-current="page"] { color: #fff; }

.tga-home:not(.tga-inner-page) .tga-header { position: fixed; left: 0; right: 0; width: 100%; background: linear-gradient(180deg, rgba(15,32,51,.8), rgba(15,32,51,0)); border-bottom-color: transparent; backdrop-filter: none; }
.tga-home:not(.tga-inner-page) .tga-header.is-scrolled { background: rgba(21,52,81,.97); border-bottom-color: rgba(255,255,255,.1); backdrop-filter: blur(16px); }

.tga-home:not(.tga-inner-page) .tga-hero { min-height: 820px; display: flex; align-items: center; padding: 150px 0 160px; color: #fff; background: radial-gradient(circle at 18% 32%, rgba(42,131,249,.28), transparent 28%), radial-gradient(circle at 78% 28%, rgba(217,166,80,.2), transparent 24%), linear-gradient(135deg, #0f2033 0%, #153451 48%, #1d4166 100%); isolation: isolate; }
.tga-home:not(.tga-inner-page) .tga-hero:before { content: ""; position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, #000, transparent 88%); }
.tga-home:not(.tga-inner-page) .tga-hero:after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(9,20,32,.12), rgba(9,20,32,.32)); }
.tga-hero-mesh { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.tga-hero-mesh i { position: absolute; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.tga-hero-mesh i:nth-child(1) { width: 520px; height: 520px; left: -190px; top: 130px; box-shadow: 0 0 0 72px rgba(42,131,249,.035), 0 0 0 144px rgba(42,131,249,.02); }
.tga-hero-mesh i:nth-child(2) { width: 400px; height: 400px; right: -110px; top: 80px; box-shadow: 0 0 0 66px rgba(217,166,80,.03); }
.tga-hero-mesh i:nth-child(3) { width: 8px; height: 8px; left: 50%; top: 19%; background: #d9a650; border: 0; box-shadow: -340px 185px 0 #2a83f9, 380px 220px 0 #d9a650, -440px 390px 0 rgba(255,255,255,.5); }
.tga-hero-center { position: relative; z-index: 2; max-width: 1000px; text-align: center; }
.tga-hero-kicker { margin: 0 0 27px; color: #d9a650; font-size: 12px; font-weight: 750; letter-spacing: .26em; text-transform: uppercase; }
.tga-home:not(.tga-inner-page) .tga-hero h1 { margin: 0; color: #fff; font-size: clamp(64px, 8vw, 108px); font-weight: 600; line-height: .94; letter-spacing: -.055em; }
.tga-home:not(.tga-inner-page) .tga-hero h1 em { color: #fff; font-style: normal; }
.tga-home:not(.tga-inner-page) .tga-hero .tga-lead { max-width: 740px; margin: 28px auto 0; color: rgba(255,255,255,.75); font-size: 17px; }
.tga-home:not(.tga-inner-page) .tga-actions { justify-content: center; margin: 36px 0 0; gap: 14px; }
.tga-home:not(.tga-inner-page) .tga-actions .tga-button { min-width: 168px; border-radius: 999px; }
.tga-button.tga-button-gold { background: #d9a650; color: #153451 !important; }
.tga-button.tga-button-gold:hover { background: #e4b65f; }
.tga-button.tga-button-white { background: #fff; color: #153451 !important; }
.tga-button.tga-button-white:hover { background: #f3f3f3; }
.tga-button.tga-button-outline { border: 1px solid rgba(255,255,255,.42); background: rgba(255,255,255,.04); }
.tga-button.tga-button-outline:hover { background: rgba(255,255,255,.12); }
.tga-hero-dots { display: flex; justify-content: center; gap: 7px; margin-top: 52px; }
.tga-hero-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.35); }
.tga-hero-dots i:first-child { width: 28px; border-radius: 5px; background: #d9a650; }
.tga-service-dock { position: absolute; left: 50%; bottom: -72px; z-index: 5; display: grid; grid-template-columns: repeat(4,1fr); transform: translateX(-50%); padding: 15px; border: 1px solid rgba(255,255,255,.5); border-radius: 24px; background: rgba(255,255,255,.96); box-shadow: 0 28px 70px rgba(15,32,51,.2); backdrop-filter: blur(18px); }
.tga-service-dock a { position: relative; min-width: 0; padding: 19px 22px; border-right: 1px solid #e4e1dc; color: #153451; transition: background .22s, transform .22s; }
.tga-service-dock a:last-child { border-right: 0; }
.tga-service-dock a:hover { border-radius: 14px; background: #edf4fd; transform: translateY(-3px); }
.tga-service-dock span { display: block; margin-bottom: 8px; color: #2a83f9; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.tga-service-dock b { display: block; font-size: 15px; }
.tga-service-dock small { display: block; overflow: hidden; margin-top: 2px; color: #6a6969; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.tga-service-dock i { position: absolute; right: 18px; top: 18px; color: #c48f42; font-style: normal; }
.tga-home:not(.tga-inner-page) .tga-services { padding-top: 205px; }

.tga-button { background: #2a83f9; }
.tga-button:hover { background: #176fdc; box-shadow: 0 12px 28px rgba(42, 131, 249, .24); }
.tga-eyebrow,
.tga-hero h1 em,
.tga-section h2 em,
.tga-service-card > b,
.tga-company-links a:hover,
.tga-page-content a:not(.tga-button) { color: #2a83f9; }
.tga-eyebrow > span,
.tga-trust-row i { background: #2a83f9; }

.tga-hero { background: radial-gradient(circle at 83% 16%, rgba(217, 166, 80, .19), transparent 28%), #f8f7f7; }
.tga-hero-visual { background: linear-gradient(145deg, #153451, #1d4166); }
.tga-pulse-ring span,
.tga-float-card > span { background: #d9a650; color: #153451; }
.tga-service-icon { background: #edf4fd; color: #1d4166; }
.tga-project-art { background: linear-gradient(145deg, #edf4fd, #e5d1ac); }
.tga-docs-panel,
.tga-page-aside { background: #153451; }
.tga-button-light { background: #d9a650; color: #153451 !important; }
.tga-company-visual { background: #edf4fd; }
.tga-company-shape { background: #153451; box-shadow: 30px 30px 0 rgba(196, 143, 66, .2); }
.tga-company-shape span { color: #d9a650; }
.tga-cta { background: #2a83f9; }
.tga-cta h2 em { color: #153451; }
.tga-footer { background: #0f2033; }
.tga-footer-grid h2,
.tga-eyebrow.tga-light { color: #d9a650; }

.tga-page-hero { background: radial-gradient(circle at 86% 20%, rgba(217, 166, 80, .22), transparent 28%), #f8f7f7; }
.tga-page-emblem { background: #153451; box-shadow: 26px 26px 0 rgba(196, 143, 66, .18); }
.tga-page-emblem span { color: #d9a650; }

@media (max-width: 920px) {
  .tga-menu-toggle { background: transparent; border-color: rgba(255, 255, 255, .25); color: #fff; }
  .tga-mobile-nav { background: #153451; border-bottom-color: rgba(255, 255, 255, .12); }
  .tga-mobile-nav a { color: #fff; border-bottom-color: rgba(255, 255, 255, .12); }
  .tga-nav-list-mobile { display: block; width: 100%; }
  .tga-nav-list-mobile li { width: 100%; }
  .tga-nav-list-mobile a:after { display: none; }
  .tga-home:not(.tga-inner-page) .tga-hero { min-height: 760px; }
  .tga-service-dock { grid-template-columns: repeat(2, 1fr); bottom: -122px; }
  .tga-service-dock a:nth-child(2) { border-right: 0; }
  .tga-service-dock a:nth-child(-n+2) { border-bottom: 1px solid #e4e1dc; }
  .tga-home:not(.tga-inner-page) .tga-services { padding-top: 245px; }
}

@media (max-width: 760px) {
  .tga-home:not(.tga-inner-page) .tga-hero { min-height: 0; flex-direction: column; padding: 140px 0 54px; }
  .tga-home:not(.tga-inner-page) .tga-hero h1 { font-size: clamp(51px, 14vw, 72px); }
  .tga-home:not(.tga-inner-page) .tga-hero .tga-lead { font-size: 15px; }
  .tga-home:not(.tga-inner-page) .tga-actions { flex-wrap: wrap; }
  .tga-home:not(.tga-inner-page) .tga-actions .tga-button { min-width: 150px; }
  .tga-hero-dots { margin-top: 38px; }
  .tga-service-dock { position: relative; left: auto; bottom: auto; transform: none; margin-top: 48px; }
  .tga-home:not(.tga-inner-page) .tga-services { padding-top: 85px; }
}

@media (max-width: 440px) {
  .tga-logo-emblem { width: 46px; height: 46px; }
  .tga-logo-emblem img { width: 42px; height: 39px; }
  .tga-uploaded-logo { max-width: 145px; height: 48px; }
  .tga-home:not(.tga-inner-page) .tga-actions { align-items: stretch; }
  .tga-home:not(.tga-inner-page) .tga-actions .tga-button { width: 100%; }
  .tga-service-dock { grid-template-columns: 1fr; padding: 11px; }
  .tga-service-dock a { border-right: 0; border-bottom: 1px solid #e4e1dc; }
  .tga-service-dock a:last-child { border-bottom: 0; }
}