*{margin: 0; padding: 0;}

#main_body{
    background: var(--AGT-BG-Gradient, linear-gradient(180deg, #120E07 3.08%, #000 61.08%));
}

.inner{max-width: 1280px;}

@media (max-width: 1280px) {
  .inner { width: 93.75%; }
}

.inner02{max-width: 1200px;}

@media (max-width: 1200px) {
  .inner02 { width: 93.75%; }
}

.arowana_hero_video{width: 100%; height: 100%; object-fit: cover;}

.gold_hero_section {padding: clamp(60px, 10vw, 120px) 0; overflow: hidden; }
.gold_hero_inner { display: flex; align-items: center; gap: clamp(40px, 8vw, 80px); margin: 0 auto;}
.gold_hero_content { flex: 1; display: flex; flex-direction: column; gap: clamp(20px, 3vw, 32px); }
.gold_logo { height: 31.82px; position: relative; display: flex; gap: 10px; align-items: flex-end;}
.gold_logo_bg { width: 31.40px; height: 31.82px; position: absolute; left: 0; top: 0; background: #F8E536; }
.gold_logo_eye { width: 12.44px; height: 12.49px; position: absolute; top: 10.08px; background: #282828; }
.gold_hero_title { max-width: 515px; }
.gold_hero_title_main { 
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Google Sans Flex";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 108.333% */
    background: linear-gradient(90deg, #FFF 0%, #F8E536 30.02%, #FFAA09 70.25%, #B24A00 100.08%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gold_hero_title_accent { color: #FF8D28; font-size: clamp(32px, 5vw, 48px); font-family: 'Google Sans Flex', sans-serif; font-weight: 500; line-height: 1.08; }
.gold_hero_description { max-width: 493px; color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 300; line-height: 1.5; }
.gold_stats_grid { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 500px; }
.gold_stat_item { display: flex; flex-direction: column; gap: 8px; flex: 0 0 auto; }
.gold_stat_label { color: white; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 300; }
.gold_stat_value { color: #DAD3BF; font-size: clamp(24px, 3vw, 30px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.gold_cta_button { padding: clamp(10px, 1.2vw, 12px) clamp(20px, 2.4vw, 24px); background: #E2E6EA; border-radius: 8px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s; align-self: flex-start; }
.gold_cta_button:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(226, 230, 234, 0.3); }
.gold_cta_text { color: black; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.gold_token_name { color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: Jomolhari, serif; font-weight: 400; }
.gold_hero_image { flex: 1; max-width: 624px; height: auto; aspect-ratio: 624/742; border-radius: 16px; overflow: hidden; position: relative; }
.gold_hero_img { width: 132%; height: auto; position: absolute; left: -28%; top: -3%; object-fit: cover; }

@media (max-width: 1200px) {
  .gold_hero_inner { flex-direction: column; align-items: flex-start; }
  .gold_hero_image { max-width: 100%; width: 100%; }
  .gold_hero_img { width: 100%; left: 0; top: 0; position: relative; }
}

@media (max-width: 768px) {
  .gold_hero_section { padding: 48px 0; }
  .gold_hero_content { gap: 20px; }
  .gold_stats_grid { flex-direction: row; }
  .gold_stat_item { min-width: 100px; }
  .gold_cta_button {  
    height: 30px;
    width: 100% !important;
    box-sizing: border-box;
  }
}

@media (max-width: 480px) {
  .gold_hero_section { padding: 40px 0; }
  .gold_logo { transform: scale(0.85); transform-origin: left; }
  .gold_stats_grid { flex-direction: column; gap: 12px; }
  .gold_stat_item { min-width: unset; }
  .gold_hero_image { aspect-ratio: 1/1; }
}


/*  */
.features_section { padding: clamp(60px, 10vw, 120px) 0;}
.features_inner {max-width: 1018px; display: flex; flex-direction: column; gap: clamp(40px, 6vw, 72px); margin: 0 auto;}
.features_title { color: #DAD3BF; font-size: clamp(36px, 5.2vw, 52px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1; text-align: center;}
.features_grid { display: flex; gap: clamp(16px, 2vw, 24px); flex-wrap: wrap; }
.feature_card { flex: 1 1 280px; min-width: 280px; max-width: 100%; height: 483px; background: #110E09; border-radius: 8px; border: 1px solid #282828; overflow: hidden; position: relative; transition: transform 0.3s, border-color 0.3s; }
.feature_card:hover { transform: translateY(-8px); border-color: #DAD3BF; }
.feature_card:hover svg path[stroke] { stroke: #DAD3BF; }
.feature_card:hover svg circle[stroke] { stroke: #DAD3BF; }
.feature_card:hover svg rect[stroke] { stroke: #DAD3BF; }
.feature_card_content { width: calc(100% - 52px); position: absolute; left: 26px; top: 32px; display: flex; flex-direction: column; gap: clamp(12px, 1.6vw, 16px); }
.feature_card_title { color: white; font-size: clamp(20px, 2.4vw, 24px); font-family: 'Google Sans Flex', sans-serif; font-weight: 500; }
.feature_card_desc { color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.feature_card_list { z-index: 1; color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; line-height: 1.5; }
.feature_card_img { z-index: 0; position: absolute; bottom: 0; object-fit: cover; }
.feature_card_img { left: 50%; transform: translateX(-50%); margin-bottom: 34px;}

@media (max-width: 1200px) {
    .features_inner{width: 93.75;}
  .features_grid { gap: 18px; }
  .feature_card { flex: 1 1 calc(50% - 9px); min-width: 280px; }
  .feature_card_img { right: 0; left: unset; margin-bottom: 0; transform: translate(0px, 0px);}
}

@media (max-width: 768px) {
  .features_section { padding: 48px 0; }
  .features_grid { gap: 16px; }
  .feature_card { flex: 1 1 100%; min-width: 100%; height: 420px; }
  .feature_card_content { width: calc(100% - 40px); left: 20px; top: 24px; gap: 12px; }
  .feature_card_img_1 { max-width: 100%; }
  .feature_card_img_2 { max-width: 180px; }
  .feature_card_img_3 { max-width: 140px; }
}

@media (max-width: 480px) {
  .features_section { padding: 40px 0; }
  .feature_card { height: 380px; }
  .feature_card_content { top: 20px; }
}

/*  */

.stats_section {padding: clamp(40px, 8vw, 80px) 0; }
.stats_inner { margin: 0 auto;}
.stats_grid { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.stat_item { display: flex; flex-direction: column; gap: clamp(16px, 2.4vw, 24px); flex: 0 0 auto; min-width: 130px; }
.stat_number { color: white; font-size: clamp(36px, 5vw, 50px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.stat_label { color: #DAD3BF; font-size: clamp(16px, 2vw, 20px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1.2; }

@media (max-width: 1200px) {
  .stats_grid { gap: clamp(32px, 8vw, 80px); }
  .stat_item { flex: 1 1 calc(50% - 40px); min-width: 140px; }
}

@media (max-width: 768px) {
  .stats_section { padding: 40px 0; }
  .stats_grid { gap: 32px; }
  .stat_item { flex: 1 1 calc(50% - 16px); min-width: 120px; }
}

@media (max-width: 480px) {
  .stats_section { padding: 32px 0; }
  .stats_grid { gap: 24px; }
  .stat_item { flex: 1 1 100%; min-width: 100%; }
}

.main_line{
    width: 100%; height: 1px; 
    background: #282828;
    margin: clamp(40px, 8vw, 120px) 0;
}

.how_it_works_section {  padding: clamp(60px, 10vw, 120px) 0; }
.how_it_works_inner { display: flex; gap:275px; margin: 0 auto;}
.how_it_works_header { flex: 0 0 auto; display: flex; flex-direction: column; gap: clamp(16px, 2vw, 24px); max-width: 400px; }
.how_it_works_title { color: #DAD3BF; font-size: clamp(36px, 5.2vw, 52px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1; }
.how_it_works_subtitle { color: #DAD3BF; font-size: clamp(16px, 1.8vw, 18px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.how_it_works_cta { padding: clamp(10px, 1.2vw, 12px) clamp(20px, 2.4vw, 24px); background: #E2E6EA; border-radius: 8px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s; align-self: flex-start; }
.how_it_works_cta:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(226, 230, 234, 0.3); }
.how_it_works_cta_text { color: black; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.how_it_works_steps { flex: 1; display: flex; flex-direction: column; gap: clamp(40px, 5.5vw, 55px); }
.step_item { display: flex; align-items: center; gap: clamp(12px, 1.6vw, 16px); }
.step_icon_group { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.step_icon { background: #E8CF94; }
.step_content { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.step_content_title { color: white; font-size: clamp(20px, 2.4vw, 24px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.step_content_desc { color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.step_divider { width: 100%; height: 1px; background: #282828; }

@media (max-width: 1024px) {
  .how_it_works_inner { flex-direction: column; gap: 48px; }
  .how_it_works_header { max-width: 100%; }
  .step_icon_group { transform: scale(0.9); transform-origin: left; }
}

@media (max-width: 768px) {
  .how_it_works_section { padding: 48px 0; }
  .how_it_works_inner { gap: 36px; }
  .how_it_works_steps { gap: 32px; }
  .step_item { gap: 12px; }
  .step_icon_group { transform: scale(0.8); transform-origin: left; }
}

@media (max-width: 480px) {
  .how_it_works_section { padding: 40px 0; }
  .how_it_works_steps { gap: 24px; }
  .step_item { flex-direction: column; align-items: flex-start; }
  .step_icon_group { transform: scale(0.7); }
  .how_it_works_cta { 
    height: 30px;
        width: 100% !important;
        box-sizing: border-box; }
}

/*  */

.agt_section { padding: clamp(60px, 10vw, 120px) 0; }
.agt_inner { margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: clamp(48px, 8vw, 80px); }
.agt_header { display: flex; flex-direction: column; align-items: center; gap: clamp(16px, 2vw, 24px); max-width: 600px; }
.agt_logo {
  width: 100%;
  transform: scale(4) translate(10px, 32px);
 }
.agt_title { text-align: center; color: #DAD3BF; font-size: clamp(36px, 5.2vw, 52px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1; }
.agt_subtitle { text-align: center; color: #DAD3BF; font-size: clamp(16px, 1.8vw, 18px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.agt_description { text-align: center; color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; line-height: 1.5; max-width: 406px; }
.agt_stats {max-width: 945px; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.agt_stat_item { display: flex; flex-direction: column; gap: 8px; flex: 0 0 auto; }
.agt_stat_label { color: #DAD3BF; font-size: clamp(17px, 2vw, 20px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1.2; }
.agt_stat_value { color: white; font-size: clamp(36px, 5vw, 50px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.agt_stat_change { color: white; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }

@media (max-width: 1200px) {
  .agt_stats { gap: clamp(24px, 6vw, 80px); }
  .agt_stat_item { flex: 1 1 calc(33.333% - 54px); min-width: 150px; }
}

@media (max-width: 768px) {
  .agt_section { padding: 48px 0; }
  .agt_inner { gap: 40px; }
  .agt_stats { gap: 32px; }
  .agt_stat_item { flex: 1 1 100%; max-width: 100%; text-align: center; }
}

@media (max-width: 480px) {
  .agt_section { padding: 40px 0; }
  .agt_inner { gap: 32px; }
  .agt_stats { gap: 24px; }
}


/*  */
.trusted_section {padding: clamp(60px, 10vw, 120px) 0; }
.trusted_inner { margin: 0 auto; display: flex; flex-direction: column; gap: clamp(48px, 8vw, 80px); max-width: 1018px;}
.trusted_cards { display: flex; gap: clamp(16px, 2.4vw, 24px); flex-wrap: wrap; }
.trusted_card { flex: 1 1 280px; min-width: 280px; max-width: 100%; height: 483px; background: #110E09; border-radius: 8px; border: 1px solid #282828; overflow: hidden; position: relative; transition: transform 0.3s, border-color 0.3s; }
.trusted_card:hover { transform: translateY(-8px); border-color: #DAD3BF; }
.trusted_card:hover .trusted_shape { border-color: #DAD3BF; }
.trusted_card:hover svg path[stroke] { stroke: #DAD3BF; }
.trusted_card_content { width: calc(100% - 52px); position: absolute; left: 26px; top: 32px; display: flex; flex-direction: column; gap: clamp(12px, 1.6vw, 16px); z-index: 1; }
.trusted_card_title { color: white; font-size: clamp(20px, 2.4vw, 24px); font-family: 'Google Sans Flex', sans-serif; font-weight: 500; }
.trusted_card_desc { color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; line-height: 1.5; }
.trusted_card_shapes { position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; pointer-events: none; display: flex; justify-content: flex-end;}
.trusted_shape { position: absolute; border: 0.5px solid #E8CF94; }
.trusted_globe { width: 100%; height: auto; position: absolute; bottom: -186px; left: 26px; opacity: 0.8; }
.trusted_title { text-align: center; color: #DAD3BF; font-size: clamp(36px, 5.2vw, 52px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1.23; }

@media (max-width: 1200px) {
  .trusted_cards { gap: 18px; }
  .trusted_card { flex: 1 1 calc(50% - 9px); min-width: 280px; }
  .trusted_card:nth-child(3) { flex: 1 1 100%; }
}

@media (max-width: 768px) {
  .trusted_section { padding: 48px 0; }
  .trusted_inner { gap: 40px; }
  .trusted_cards { gap: 16px; }
  .trusted_card { flex: 1 1 100%; min-width: 100%; height: 420px; }
  .trusted_card_content { width: calc(100% - 40px); left: 20px; top: 24px; gap: 12px; }
  .trusted_globe { bottom: -150px; }
}

@media (max-width: 480px) {
  .trusted_section { padding: 40px 0; }
  .trusted_card { height: 380px; }
  .trusted_card_content { top: 20px; }
  .trusted_shape { transform: scale(0.8); }
  .trusted_globe { bottom: -120px; left: 13px; }
}

/*  */
.use_agt_section { padding: clamp(60px, 10vw, 120px) 0; }
.use_agt_inner { margin: 0 auto; display: flex; gap: clamp(40px, 8vw, 80px); flex-direction: column;}
.use_agt_left { flex: 1; display: flex; flex-direction: row; gap: clamp(32px, 5vw, 48px); justify-content: space-between;}
.use_agt_header { display: flex; flex-direction: column; gap: clamp(16px, 2vw, 24px); max-width: 400px; }
.use_agt_title { color: #DAD3BF; font-size: clamp(36px, 5.2vw, 52px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1; }
.use_agt_subtitle { color: #DAD3BF; font-size: clamp(16px, 1.8vw, 18px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.use_agt_cta { padding: clamp(10px, 1.2vw, 12px) clamp(20px, 2.4vw, 24px); background: #E2E6EA; border-radius: 8px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s; align-self: flex-start; }
.use_agt_cta:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(226, 230, 234, 0.3); }
.use_agt_cta_text { color: black; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.use_agt_steps { display: flex; flex-direction: column; gap: clamp(20px, 2.4vw, 24px); max-width: 678px; }
.use_step_item { display: flex; align-items: flex-start; gap: clamp(12px, 1.6vw, 16px); }
.use_step_icon_group { min-width: 68px; min-height: 68px; flex-shrink: 0; }
.use_step_content { flex: 1; display: flex; flex-direction: column; gap: clamp(8px, 1vw, 10px); }
.use_step_title { color: white; font-size: clamp(20px, 2.4vw, 24px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.use_step_desc { color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.use_step_list { color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; line-height: 1.5; }
.use_step_divider { width: 100%; height: 1px; background: #282828; }
.use_agt_stats { flex: 0 0 auto; display: flex; flex-direction: row; align-items: flex-start; gap: clamp(32px, 8vw, 154px); padding-top: clamp(0px, 5vw, 80px); justify-content: space-between;}
.use_stat_item { display: flex; flex-direction: column; gap: 8px; min-width: 160px; }
.use_stat_value { color: white; font-size: clamp(36px, 5vw, 50px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.use_stat_label { color: #DAD3BF; font-size: clamp(17px, 2vw, 20px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1.2; }

@media (max-width: 1200px) {
  .use_agt_inner { flex-direction: column; gap: 48px; }
  .use_agt_stats { flex-direction: row; flex-wrap: wrap; gap: 40px; padding-top: 0; }
  .use_stat_item { flex: 1 1 calc(50% - 20px); min-width: 140px; }
}

@media (max-width: 768px) {
  .use_agt_section { padding: 48px 0; }
  .use_agt_left { gap: 32px; flex-direction: column;}
  .use_agt_header { max-width: 100%; }
  .use_agt_steps { gap: 20px; }
  .use_step_item { gap: 12px; }
  .use_agt_stats { gap: 32px; }
  .use_agt_cta { 
    height: 30px;
    width: 100% !important;
    box-sizing: border-box;
  }
}

@media (max-width: 480px) {
  .use_agt_section { padding: 40px 0; }
  .use_agt_steps { gap: 16px; }
  .use_step_icon_group { min-width: 56px; min-height: 56px; }
  .use_agt_stats { flex-direction: column; gap: 24px; }
  .use_stat_item { flex: 1 1 100%; min-width: 100%; }
}

/*  */
.token_economics_section { padding: clamp(60px, 10vw, 120px) 0; }
.token_economics_inner {max-width: 1067px; margin: 0 auto; display: flex; flex-direction: column; gap: clamp(40px, 6vw, 64px); }
.token_economics_header {
  display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.6vw, 16px);
    margin: 0 auto;
}
.token_economics_title { color: #DAD3BF; font-size: clamp(36px, 5.2vw, 52px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1; }
.token_economics_subtitle { color: #DAD3BF; font-size: clamp(16px, 1.8vw, 18px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.token_economics_content { display: flex; flex-wrap: wrap; justify-content: space-between;}
.token_utility_box { flex: 1 1; max-width: 324px; max-width: fit-content; display: flex; flex-direction: column; gap: clamp(20px, 2.4vw, 24px); }
.token_supply_box { flex: 1 1 480px; min-width: 280px; max-width: 624px; display: flex; flex-direction: column; gap: clamp(20px, 2.4vw, 24px); }
.token_box_title { color: white; font-size: clamp(20px, 2.4vw, 24px); font-family: Jomolhari, serif; font-weight: 400; }
.token_utility_list { display: flex; flex-direction: column; gap: clamp(14px, 1.6vw, 16px); }
.token_utility_item { color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.token_supply_list { display: flex; flex-direction: column; gap: clamp(14px, 1.6vw, 16px); }
.token_supply_item { display: flex; justify-content: space-between; align-items: center; }
.token_supply_label { color: white; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.token_supply_value { text-align: right; color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.token_supply_divider { width: 100%; height: 1px; background: #282828; }
.token_stats { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;}
.token_stat_item { display: flex; flex-direction: column; gap: 8px; flex: 0 0 auto; min-width: 100px; }
.token_stat_value { color: white; font-size: clamp(36px, 5vw, 50px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.token_stat_label { color: #DAD3BF; font-size: clamp(17px, 2vw, 20px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1.2; }

@media (max-width: 1200px) {
  .token_economics_content { gap: 32px; }
  .token_stats { gap: clamp(24px, 6vw, 80px); }
}

@media (max-width: 768px) {
  .token_economics_section { padding: 48px 0; }
  .token_economics_inner { gap: 40px; }
  .token_economics_content { gap: 32px; }
  .token_utility_box { flex: 1 1 100%; }
  .token_supply_box { flex: 1 1 100%; }
  .token_stats { gap: 32px; }
  .token_stat_item { flex: 1 1 calc(50% - 16px); min-width: 100px; }
}

@media (max-width: 480px) {
  .token_economics_section { padding: 40px 0; }
  .token_economics_inner { gap: 32px; }
  .token_stats { gap: 24px; }
  .token_stat_item { flex: 1 1 100%; }
}


/*  */


.transparency_section { padding: clamp(60px, 10vw, 120px) 0; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto;}
.transparency_inner {
  margin: 0 auto;
    display: flex;
    gap: clamp(40px, 8vw, 140px);
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: 521px;
}
.transparency_right { 
  flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: 78px;
    max-width: 547px;
    height: 100%;
    justify-content: space-between;
}
.transparency_title {width: 100%; margin-bottom: 60px; color: #DAD3BF; font-size: clamp(36px, 5.2vw, 52px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1.23; }
.transparency_report_title { color: white; font-size: clamp(20px, 2.4vw, 24px); font-family: Jomolhari, serif; font-weight: 400; margin-bottom: 8px;}
.transparency_description { color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; line-height: 1.375; max-width: 515px; }
.transparency_commitment { color: #DAD3BF; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; line-height: 1.375; max-width: 515px; }
.transparency_dropdown_wrapper { display: flex; flex-direction: column; gap: clamp(20px, 2.4vw, 24px); max-width: 515px; }
.transparency_dropdown_wrapper { position: relative; max-width: 515px; }
.transparency_dropdown_header { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px;  border-radius: 6px; cursor: pointer; transition: background 0.3s; }
.transparency_dropdown_header:hover { background: rgba(255, 255, 255, 0.1); }
.transparency_dropdown_year { color: white; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.transparency_dropdown_icon { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s; }
.transparency_dropdown_wrapper.active .transparency_dropdown_icon { transform: rotate(180deg); }
.transparency_dropdown_list { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 100; display: none; flex-direction: column; gap: 0; border-radius: 6px; overflow: hidden; backdrop-filter: blur(10px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); }
.transparency_dropdown_wrapper.active .transparency_dropdown_list { display: flex; }
.transparency_month_item { width: 100%; padding: 12px 16px; background: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: white; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 300; text-align: left; cursor: pointer; transition: background 0.3s; }
.transparency_month_item:last-child { border-bottom: none; }
.transparency_month_item:hover { background: rgba(255, 255, 255, 0.1); text-decoration: underline; }
.transparency_month_item { width: 100%; padding: 12px 16px; background: transparent; border: none; border-bottom: 1px solid white; color: white; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 300; text-align: left; cursor: pointer; transition: background 0.3s; }
.transparency_month_item:last-child { border-bottom: none; }
.transparency_month_item:hover { background: rgba(255, 255, 255, 0.1); text-decoration: underline; }
.transparency_left { flex: 1 1 50%; height: 100%;}
.transparency_preview_box { height: 100%; border-radius: 16px; cursor: pointer; transition: transform 0.3s; overflow: hidden;}
.transparency_preview{width: 100%; height: 100%; object-fit: cover;}

/* 팝업 */

.report_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; align-items: center; justify-content: center; }
.report_modal.active { display: flex; }
.report_modal_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); cursor: pointer; }
.report_modal_content { position: relative; z-index: 1; display: flex; width: 65vw; height: 90vh; gap: 0; }
.report_modal_body { flex: 1; overflow: auto; display: flex; align-items: center; justify-content: center; border-radius: 16px 0 0 16px; }
.report_modal_image { width: 50vw; height: 100%; display: block; transition: transform 0.3s; background: #fff;}
.report_modal_sidebar { display: flex; flex-direction: column; gap: 8px; padding: 16px; border-radius: 0 16px 16px 0; }
.report_modal_btn { width: 40px; height: 40px; border: none; background: #f0f0f0; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.3s; flex-shrink: 0; }
.report_modal_btn:hover { background: #e0e0e0; }
.report_modal_btn svg { color: #333; }

@media (max-width: 768px) {
  .report_modal_content { flex-direction: column; width: 95vw; height: 95vh; }
  .report_modal_body { border-radius: 16px 16px 0 0; }
  .report_modal_sidebar { flex-direction: row; justify-content: center; border-radius: 0 0 16px 16px; padding: 12px; }
}

@media (max-width: 1024px) {
  .transparency_inner { flex-direction: column; }
  .transparency_left { max-width: 100%; display: flex; justify-content: center; align-items: center; }
  .transparency_right { max-width: 100%; width: 93.75%; margin: 0 auto;}
  .transparency_inner{height: auto;}
  .transparency_preview{width: 93.75%;}
}

@media (max-width: 768px) {
  .transparency_section { padding: 48px 0; }
  .report_modal_content { max-width: 95vw; }
}


/*  */
.ready_section { padding: clamp(60px, 10vw, 120px) 0; }
.ready_inner { display: flex; gap: clamp(40px, 8vw, 80px); align-items: center; margin: 0 auto; justify-content: space-between;}
.ready_content { flex: 1; display: flex; flex-direction: column; gap: clamp(20px, 3vw, 32px); max-width: 500px; }
.ready_title { color: #DAD3BF; font-size: clamp(36px, 5.2vw, 52px); font-family: Jomolhari, serif; font-weight: 400; line-height: 1.08; }
.ready_subtitle { color: #DAD3BF; font-size: clamp(16px, 1.8vw, 18px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.ready_cta { padding: clamp(10px, 1.2vw, 12px) clamp(20px, 2.4vw, 24px); background: #E2E6EA; border-radius: 8px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s; align-self: flex-start; }
.ready_cta:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(226, 230, 234, 0.3); }
.ready_cta_text { color: black; font-size: clamp(14px, 1.6vw, 16px); font-family: 'Google Sans Flex', sans-serif; font-weight: 400; }
.ready_image_wrapper { flex: 1; max-width: 733px; height: auto; aspect-ratio: 733/716; border-radius: 16px; overflow: hidden; position: relative; }
.ready_image { width: 100%; height: 100%; position: absolute; object-fit: cover; }

@media (max-width: 1024px) {
  .ready_inner { flex-direction: column; align-items: flex-start; }
  .ready_content { max-width: 100%; }
  .ready_image_wrapper { max-width: 100%; width: 100%; }
  .ready_image { width: 100%; left: 0; position: relative; }
}

@media (max-width: 768px) {
  .ready_section { padding: 48px 0; }
  .ready_content { gap: 20px; width: 100%; }
  .ready_cta { 
        height: 30px;
        width: 100% !important;
        box-sizing: border-box;
  }
}

@media (max-width: 480px) {
  .ready_section { padding: 40px 0; }
  .ready_image_wrapper { aspect-ratio: 1/1; }
}



.video-wrap { width:100%; height:100vh; }
iframe { width:100%; height:100%; border:0; }

/* AOS Animation Styles */
[data-aos] {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

[data-aos].aos-animate {
  opacity: 1;
}

[data-aos="fade-up"] {
  transform: translateY(40px);
}

[data-aos="fade-up"].aos-animate {
  transform: translateY(0);
}

[data-aos="fade-down"] {
  transform: translateY(-40px);
}

[data-aos="fade-down"].aos-animate {
  transform: translateY(0);
}

[data-aos="fade-left"] {
  transform: translateX(40px);
}

[data-aos="fade-left"].aos-animate {
  transform: translateX(0);
}

[data-aos="fade-right"] {
  transform: translateX(-40px);
}

[data-aos="fade-right"].aos-animate {
  transform: translateX(0);
}

[data-aos="zoom-in"] {
  transform: scale(0.9);
}

[data-aos="zoom-in"].aos-animate {
  transform: scale(1);
}

[data-aos="zoom-out"] {
  transform: scale(1.1);
}

[data-aos="zoom-out"].aos-animate {
  transform: scale(1);
}

/* Animation Delays */
[data-aos-delay="100"] { transition-delay: 0.1s; }
[data-aos-delay="200"] { transition-delay: 0.2s; }
[data-aos-delay="300"] { transition-delay: 0.3s; }
[data-aos-delay="400"] { transition-delay: 0.4s; }
[data-aos-delay="500"] { transition-delay: 0.5s; }
[data-aos-delay="600"] { transition-delay: 0.6s; }
[data-aos-delay="700"] { transition-delay: 0.7s; }
[data-aos-delay="800"] { transition-delay: 0.8s; }

/* Animation Durations */
[data-aos-duration="400"] { transition-duration: 0.4s; }
[data-aos-duration="600"] { transition-duration: 0.6s; }
[data-aos-duration="800"] { transition-duration: 0.8s; }
[data-aos-duration="1000"] { transition-duration: 1s; }
[data-aos-duration="1200"] { transition-duration: 1.2s; }

.agt_logo_box{width: 364px; height: 371px; overflow: hidden;}