/* ==========================================================================
   XAUUSD 24/7  ( PC 1920 / PAD 768 / MB 393 )
   --------------------------------------------------------------------------
   orange         #E35728
   orange light   #FF8E5C
   dark teal      #002329
   teal deep      #034854
   ========================================================================== */

.breadcrumb-section { display: none; }
section, footer { position: relative; z-index: 10; }

section .inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; }


/* box-sizing（テーマの設定に依存しないよう、本ページ内で明示） */
.xau-banner, .xau-about, .xau-feature, .xau-compare, .xau-weekend, .xau-leverage, .xau-steps, .xau-faq, .xau-modal { box-sizing: border-box; }
.xau-banner *, .xau-about *, .xau-feature *, .xau-compare *, .xau-weekend *, .xau-leverage *, .xau-steps *, .xau-faq *, .xau-modal *,
.xau-banner *:before, .xau-about *:before, .xau-feature *:before, .xau-compare *:before, .xau-weekend *:before, .xau-leverage *:before, .xau-steps *:before, .xau-faq *:before, .xau-modal *:before,
.xau-banner *:after, .xau-about *:after, .xau-feature *:after, .xau-compare *:after, .xau-weekend *:after, .xau-leverage *:after, .xau-steps *:after, .xau-faq *:after, .xau-modal *:after { box-sizing: inherit; }


/* --------------------------------------------------
   common
   -------------------------------------------------- */
.xau-title-box { text-align: center; }
.xau-title-box__h2 { margin: 0; font-size: 48px; line-height: 60px; font-weight: 600; color: #002329; }
.xau-title-box__text { margin: 15px 0 0; font-size: 16px; line-height: 24px; color: #323333; }
.xau-title-box__text a{ text-decoration: underline;}
.xau-title-box.light .xau-title-box__h2 { color: #FFFFFF; }
.xau-title-box.light .xau-title-box__text { color: #D8CFC4; }

/* オレンジのピルボタン（矢印付き） */
.xau-btn { position: relative; z-index: 1; overflow: hidden; display: inline-flex; align-items: center;     justify-content: center; width: 250px; height: 60px; padding: 0 60px 0 28px; border-radius: 30px; background-color: #E35728; box-shadow: 0 4px 14px rgba(226, 70, 20, .25); transition: .3s all; }
.xau-btn:before { content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; width: 24px; height: 24px; border-radius: 50%; background-color: #d43d14; transform-origin: center; transform: translate3d(-50%, -50%, 0) scale(0, 0); transition: transform .45s ease-in-out; }
.xau-btn:hover:before { transform: translate3d(-50%, -50%, 0) scale(15, 15); }
.xau-btn span { font-size: 18px; line-height: 1.2; color: #FFFFFF; }
.xau-btn:hover span { color: #FFFFFF; }
.xau-btn .icon { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; background-color: #FFFFFF; }
.xau-btn .icon:before { content: ""; position: absolute; left: 50%; top: 50%; width: 17px; height: 17px; transform: translate(-50%, -50%) rotate(0deg); transition: transform .35s ease-in-out; background: url(/wp-content/themes/vantage/images/button-right-arrow-icon.webp?v=1) no-repeat center; background-size: contain; }
.xau-btn:hover .icon:before { transform: translate(-50%, -50%) rotate(45deg); }

/* オレンジのピルボタン（テキストのみ） */
.xau-btn-pill { position: relative; z-index: 1; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 214px; height: 54px; border-radius: 27px; background-color: #E35728; box-shadow: 0 4px 14px rgba(226, 70, 20, .35); transition: .3s all; }
.xau-btn-pill:before { content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; width: 24px; height: 24px; border-radius: 50%; background-color: #d43d14; transform-origin: center; transform: translate3d(-50%, -50%, 0) scale(0, 0); transition: transform .45s ease-in-out; }
.xau-btn-pill:hover:before { transform: translate3d(-50%, -50%, 0) scale(15, 15); }
.xau-btn-pill span { font-size: 18px; line-height: 1.2; color: #FFFFFF; }
.xau-btn-pill:hover span { color: #FFFFFF; }

/* feature / steps 共通の暗いゴールド背景（素材なし・CSSで表現） */
.xau-feature,
.xau-steps { background-color: #120B06;
    background-image:
        radial-gradient(ellipse 560px 100% at 32% 0%, rgba(180, 132, 56, .70) 0%, rgba(0, 0, 0, 0) 72%),
        radial-gradient(ellipse 420px 100% at 64% 0%, rgba(120, 80, 30, .50) 0%, rgba(0, 0, 0, 0) 72%),
        radial-gradient(ellipse 120% 38% at 50% 100%, rgba(160, 100, 34, .55) 0%, rgba(0, 0, 0, 0) 72%),
        linear-gradient(90deg, #0A0603 0%, #2B1A0B 26%, #1A0F07 50%, #2A1A0C 74%, #0A0603 100%);
    background-repeat: no-repeat; }


/* --------------------------------------------------
   banner
   -------------------------------------------------- */
.xau-banner { position: relative; height: 600px; overflow: hidden; background-color: #1A0F07; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.xau-banner .inner { position: relative; z-index: 3; height: 100%; display: flex; align-items: center; }
.xau-banner__img { position: absolute; left: 50%; margin-left: -20px; top: 0; z-index: 1; width: 814px; height: 599px; }

.xau-banner__title { margin: 0; font-size: 48px; line-height: 58px; font-weight: 500; color: #FFFFFF; }
.xau-banner__text { max-width: 650px; margin: 14px 0 0; font-size: 20px; line-height: 24px; color: #E8E1DA; }
.xau-banner .xau-btn { margin-top: 32px; }


/* --------------------------------------------------
   about
   -------------------------------------------------- */
.xau-about { padding: 160px 0 100px; background-color: #F2F3F5; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.xau-about .inner { max-width: 1428px; }
.xau-about__box { position: relative; max-width: 1384px; height: 374px; margin: 0 auto; padding-left: 633px; display: flex; align-items: center; border-radius: 20px; background-color: #FFFFFF; box-shadow: 0 20px 40px rgba(0, 0, 0, .10); }
.xau-about__img { position: absolute; left: 104px; bottom: 0; width: 468px; height: 480px; }
.xau-about__text { max-width: 660px;}
.xau-about__title { margin: 0; font-size: 48px; line-height: 58px; font-weight: 600; color: #002329; }
.xau-about__p { margin: 18px 0 0; font-size: 16px; line-height: 24px; color: #3E3E3E; }


/* --------------------------------------------------
   feature
   -------------------------------------------------- */
.xau-feature { padding: 97px 0 94px; }
.xau-feature .xau-title-box__text { margin-top: 13px; }

.xau-feature__list { display: flex; flex-wrap: wrap; width: 686px; max-width: 100%; margin: 56px auto 0; padding: 0; list-style: none; gap: 16px; }
.xau-feature__list li { display: flex;
    flex-direction: column;
    align-items: center;
    width: 218px;
    min-height: 229px;
    padding: 35px 12px 34px;
    border-radius: 8px;
    background-color: #F2F1EF;
    text-align: center; }
.xau-feature__list .img-box { width: 100px; height: 100px; }
.xau-feature__list .img-box img { display: block; width: 100px; height: 100px; }
.xau-feature__list .title { margin: 10px 0 0; font-size: 18px; line-height: 22px; font-weight: 600; color: #002329; }
.xau-feature__list .more {     margin-top: 8px;
    font-size: 13px;
    line-height: 18px;
    color: #E35728;
    text-decoration: underline;
    text-underline-offset: 2px;
    flex: 1;
    display: flex;
    align-items: end; }
.xau-feature__list .more .mb { display: none; }
.xau-feature__list .detail { display: none; }

/* modal */
.xau-modal { display: none; position: fixed; z-index: 99999; left: 0; top: 0; right: 0; bottom: 0; align-items: center; justify-content: center; padding: 20px; }
.xau-modal.show { display: flex; }
.xau-modal__mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .6); }
.xau-modal__box { position: relative; width: 560px; max-width: 100%; max-height: 90%; overflow-y: auto; padding: 40px 36px 36px; border-radius: 12px; background-color: #FFFFFF; box-shadow: 0 16px 40px rgba(0, 0, 0, .3); }
.xau-modal__title { margin: 0; font-size: 22px; line-height: 30px; font-weight: bold; color: #E35728; }
.xau-modal__text { margin: 14px 0 0; font-size: 16px; line-height: 26px; color: #3E3E3E; }
.xau-modal__text a{text-decoration: underline; }
.xau-modal__close { position: absolute; right: 14px; top: 14px; width: 32px; height: 32px; cursor: pointer; }
.xau-modal__close:before,
.xau-modal__close:after { content: ""; position: absolute; left: 7px; top: 15px; width: 18px; height: 2px; background-color: #5A6A6D; transform: rotate(45deg); }
.xau-modal__close:after { transform: rotate(-45deg); }


/* --------------------------------------------------
   compare
   -------------------------------------------------- */
.xau-compare { position: relative; padding: 92px 0 100px; background-color: #F8F8F8; background-repeat: no-repeat; background-position: center; background-size: cover; }
.xau-compare:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(250, 250, 250, .94) 0%, rgba(250, 250, 250, .62) 38%, rgba(250, 250, 250, .52) 100%); }
.xau-compare .inner { position: relative; }
.xau-compare .xau-title-box__text { margin-top: 12px; }

.xau-compare__box { position: relative; max-width: 890px; margin: 120px auto 0; }
.xau-compare__tag { position: absolute; left: 29%; top: -43px; width: 35.5%; height: 44px; margin: 0; border-radius: 10px 10px 0 0; background-color: #FF9F78; font-size: 16px; line-height: 38px; font-weight: 700; color: #FFFFFF; text-align: center; }
.xau-compare__table { border-radius: 10px; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); }
.xau-compare__table table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.xau-compare__table thead th { height: 98px; font-size: 28px; line-height: 1.3; font-weight: 600; color: #FFFFFF; text-align: center; }
.xau-compare__table thead th:nth-child(1) { width: 29%; background-color: #DCDDE0; }
.xau-compare__table thead th:nth-child(2) { background-color: #E35728; }
.xau-compare__table thead th:nth-child(3) { background-color: #034854; }
.xau-compare__table tbody th { padding: 0 0 0 24px; font-size: 15px; line-height: 1.4; font-weight: normal; color: #222222; text-align: left; }
.xau-compare__table tbody td { padding: 20px 14px; font-size: 15px; line-height: 1.4; color: #111111; text-align: center; vertical-align: middle; }
.xau-compare__table tbody tr th,
.xau-compare__table tbody tr td { background-color: #FFFFFF; }
.xau-compare__table tbody tr:nth-child(even) th,
.xau-compare__table tbody tr:nth-child(even) td { background-color: #F5F5F5; }
.xau-compare__table td b { display: block; font-size: 15px; line-height: 1.4; font-weight: bold; }
.xau-compare__table td .sm {     display: block; font-size: 15px; line-height: 1.5; font-weight: normal; color: #636363; }
.xau-compare__table td .sm.black {    color: #000; }

.xau-compare__note {     max-width: 890px; margin: 70px auto 0; font-size: 12px; line-height: 18px; color: #000000; }
.xau-compare__note a{text-decoration: underline; }


/* --------------------------------------------------
   weekend
   -------------------------------------------------- */
.xau-weekend { padding: 96px 0; background-color: #F5F5F5; }
.xau-weekend__box { display: flex; max-width: 1232px; height: 356px; margin: 0 auto; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 48px rgba(0, 0, 0, .18); }
.xau-weekend__text { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 0 54px; background-color: #E35728; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.xau-weekend__text:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(90deg, rgba(200, 62, 24, .55) 0%, rgba(227, 87, 40, .30) 100%); }
.xau-weekend__text > * { position: relative; }
.xau-weekend__text .title { margin: 0 0 14px; font-size: 32px; line-height: 38px; font-weight: bold; color: #FFFFFF; }
.xau-weekend__text .text { max-width: 560px; margin: 0; font-size: 18px; line-height: 22px; color: #FFFFFF; }
.xau-weekend__text .text a{ text-decoration: underline; }
.xau-weekend__text .text + .text { margin-top: 0; }
.xau-weekend__img { flex: 0 0 580px; position: relative; }
.xau-weekend__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; }


/* --------------------------------------------------
   leverage
   -------------------------------------------------- */
.xau-leverage { padding: 96px 0 94px; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.xau-leverage .xau-title-box__text {      max-width: 892px; margin: 10px auto 0; font-size: 20px; line-height: 26px; color: #002329; font-weight: 600; opacity: 0.7; text-align: left;}

/* tabs */
.xau-tabs { position: relative; margin-top: 48px; text-align: center; }
.xau-tabs__current { display: none; }
.xau-tabs__list { display: inline-flex; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #0000003D; }
.xau-tabs__list li { padding: 6px 22px 8px; margin-bottom: -1px; border-bottom: 2px solid transparent; cursor: pointer; }
.xau-tabs__list li h3 {     margin: 0; font-size: 18px; line-height: 26px; font-weight: normal; color: #404040;     font-weight: 600; }
.xau-tabs__list li.active { border-bottom-color: #E35728; }
.xau-tabs__list li.active h3 { color: #E35728; font-size: 20px; }

/* panels */
.xau-panels { max-width: 800px; margin: 50px auto 0; }
.xau-panel { display: none; }
.xau-panel.active { display: block; }
.xau-panel__text {     margin: 0;
    font-size: 16px;
    line-height: 26px;
    color: #000000; }
.xau-panel__note { margin: 20px 0 0;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    opacity: 0.5; }
.xau-panel .xau-limit + .xau-panel__text { margin-top: 24px; }
.xau-panel__text + .xau-limit { margin-top: 28px; }

.xau-lv-table { margin-top: 25px; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); }
.xau-lv-table table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.xau-lv-table th { height: 59px; font-size: 16px; line-height: 1.4; font-weight: normal; color: #FFFFFF; text-align: center; background-color: #E35728; }
.xau-lv-table td { height: 56px; font-size: 16px; line-height: 1.4; color: #222222; text-align: center; background-color: #FFFFFF; }
.xau-lv-table tbody tr:nth-child(odd) td { background-color: #F5F5F5; }

/* limit cards */
.xau-limit { display: flex; gap: 20px; }
.xau-limit__card { flex: 1; padding: 26px 12px 28px; border-radius: 10px; text-align: center; }
.xau-limit__card.net { background-color: #E35728; }
.xau-limit__card.gross { background-color: #002329; }
.xau-limit__card .label { margin: 0; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .85); }
.xau-limit__card .amount { margin: 6px 0 0; font-size: 28px; line-height: 1.2; font-weight: bold; color: #FFFFFF; }


/* --------------------------------------------------
   steps
   -------------------------------------------------- */
.xau-steps { padding: 82px 0 96px; }

.xau-steps__list { display: flex; max-width: 1000px; margin: 50px auto 0; padding: 0; list-style: none; }
.xau-steps__list li { position: relative; flex: 1; padding-right: 55px; }
.xau-steps__list li:last-child { padding-right: 0px; }
.xau-steps__list li:not(:last-child):after { content: ""; position: absolute; left: 104px; right: 56px; top: 24px; height: 0; border-top: 2px dotted #E35728; }
.xau-steps__list .num { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; font-size: 20px; font-weight: bold; line-height: 1; color: #FFFFFF; }
.xau-steps__list li:nth-child(1) .num { background-color: #FF8E5C; }
.xau-steps__list li:nth-child(2) .num { background-color: #E35728; }
.xau-steps__list li:nth-child(3) .num { background-color: #034854; }
.xau-steps__list .title { margin: 10px 0 0; font-size: 20px; line-height: 28px; font-weight: bold; color: #FFFFFF; }
.xau-steps__list .text { margin: 8px 0 0; font-size: 16px; line-height: 24px; color: #E5E1DF; }

.xau-steps__btn { margin-top: 56px; text-align: center; }


/* --------------------------------------------------
   faq
   -------------------------------------------------- */
.xau-faq { padding: 90px 0 100px; background-color: #F4F4F4; }
.xau-faq .inner { max-width: 1428px; }

.xau-faq__list { max-width: 1384px; margin: 60px auto 0; padding: 0; list-style: none; }
.xau-faq__list li { margin-top: 38px; }
.xau-faq__list li:first-child { margin-top: 0; }
.xau-faq__list .q { display: flex; align-items: center; height: 56px; padding: 0 14px; border-bottom: 1px solid #CFCFCF; cursor: pointer; }
.xau-faq__list .no { flex: 0 0 26px;
    font-size: 20px;
    font-style: italic;
    color: #818181; }
.xau-faq__list .q-text { flex: 1;
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #1B1B1B; }
.xau-faq__list .icon { position: relative; flex: 0 0 16px; width: 16px; height: 16px; }
.xau-faq__list .icon:before,
.xau-faq__list .icon:after { content: ""; position: absolute; background-color: #333333; transition: transform .25s; }
.xau-faq__list .icon:before { left: 0; top: 7px; width: 16px; height: 2px; }
.xau-faq__list .icon:after { left: 7px; top: 0; width: 2px; height: 16px; }
.xau-faq__list li.active { background-color: #EDEDED; }
.xau-faq__list li.active .icon:before { background-color: #E35728; }
.xau-faq__list li.active .icon:after { transform: scaleY(0); }
.xau-faq__list .a { display: none; padding: 14px 14px 22px 40px; }
.xau-faq__list .a p {    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #404040; }

.xau-faq__disclaimer { max-width: 1384px; margin: 60px auto 0; }
.xau-faq__disclaimer p {     margin: 0 0 14px;
    font-size: 13px;
    line-height: 18px;
    color: #404040; }
.xau-faq__disclaimer p:last-child { margin-bottom: 0; }
.xau-faq__disclaimer b { font-weight: bold; }


/* ==========================================================================
   TABLET  ( <= 1240px / design 768 )
   ========================================================================== */
@media (max-width: 1200px) {

    section .inner { padding: 0 32px; }

    .xau-title-box__h2 { font-size: 32px; line-height: 42px; }
    .xau-title-box__text { font-size: 15px; line-height: 24px; }

    /* ---- banner ---- */
    .xau-banner { height: auto; }
    .xau-banner .inner { display: block; height: auto; text-align: center; }
    .xau-banner__con { padding-top: 70px; }
    .xau-banner__title { font-size: 40px; line-height: 50px; }
    .xau-banner__text { max-width: 560px; margin: 14px auto 0; font-size: 16px; }
    .xau-banner .xau-btn { margin-top: 28px; text-align: left; }
    .xau-banner__img { position: static; left: auto; top: auto; margin: 14px auto 0; width: 100%; max-width: 640px; height: auto; display: block; }

    /* ---- about ---- */
    .xau-about { padding: 40px 0 56px; }
    .xau-about .inner { max-width: none; }
    .xau-about__box { display: block; max-width: 560px; height: auto; padding: 0; border-radius: 0; background: none; box-shadow: none; }
    .xau-about__img { position: static; display: block; width: 100%; max-width: 440px; height: auto; margin: 0 auto; }
    .xau-about__text { max-width: none; padding: 30px 36px 34px; border-radius: 20px; background-color: #FFFFFF; box-shadow: 0 12px 28px rgba(0, 0, 0, .10); }
    .xau-about__title { font-size: 30px; line-height: 40px; }
    .xau-about__p { margin-top: 14px; }

    /* ---- feature ---- */
    .xau-feature { padding: 58px 0 66px; }
    .xau-feature__list { width: auto; max-width: 704px; margin-top: 36px; gap: 16px; }
    .xau-feature__list li { width: calc((100% - 32px) / 3); min-width: 0; }

    /* ---- compare ---- */
    .xau-compare { padding: 56px 0 70px; }
    .xau-compare__box { margin-top: 62px; }
    .xau-compare__table thead th { height: 84px; font-size: 20px; }
    .xau-compare__table tbody tr { height: 100px; }
    .xau-compare__table tbody th { padding-left: 16px; font-size: 15px; }
    .xau-compare__table tbody td { padding: 14px 10px; }
    .xau-compare__table td b { font-size: 15px; }
    .xau-compare__note { margin-top: 44px; }

    /* ---- weekend ---- */
    .xau-weekend { padding: 56px 0 64px; }
    .xau-weekend__box { display: block; max-width: 560px; height: auto; }
    .xau-weekend__text { display: block; padding: 34px 36px 36px; }
    .xau-weekend__text .title { font-size: 24px; line-height: 34px; }
    .xau-weekend__text .text { max-width: none; }
    .xau-weekend__img { display: block; flex: none; }
    .xau-weekend__img img { position: static; height: auto; }

    /* ---- leverage ---- */
    .xau-leverage { padding: 58px 0 70px; }
    .xau-leverage .xau-title-box__text { margin-top: 16px; font-size: 15px; line-height: 24px; }
    .xau-tabs { margin-top: 34px; }
    .xau-tabs__list li { padding: 6px 16px 8px; }
    .xau-tabs__list li h3 { font-size: 16px; }
    .xau-tabs__list li.active h3 { color: #E35728; font-size: 18px; }
    .xau-panels { margin-top: 34px; }

    /* ---- steps : vertical ---- */
    .xau-steps { padding: 58px 0 74px; }
    .xau-steps .xau-title-box__h2 { font-size: 30px; line-height: 40px; }
    .xau-steps__list { display: block; max-width: 520px; margin-top: 40px; }
    .xau-steps__list li,
    .xau-steps__list li:nth-child(3) { flex: none; padding: 0 0 26px 70px; }
    .xau-steps__list li:last-child { padding-bottom: 0; }
    .xau-steps__list li:not(:last-child):after { left: 24px; right: auto; top: 56px; bottom: 6px; width: 0; height: auto; border-top: none; border-left: 2px dotted #E35728; }
    .xau-steps__list .num { position: absolute; left: 0; top: 0; }
    .xau-steps__list .title { margin-top: 0; font-size: 18px; line-height: 28px; }
    .xau-steps__list .text { margin-top: 4px; font-size: 15px; }
    .xau-steps__btn { margin-top: 44px; }

    /* ---- faq ---- */
    .xau-faq { padding: 56px 0 70px; }
    .xau-faq .inner { max-width: none; }
    .xau-faq .xau-title-box__h2 { font-size: 30px; line-height: 40px; }
    .xau-faq__list { margin-top: 36px; }
    .xau-faq__list li { margin-top: 26px; }
    .xau-faq__list .q-text { font-size: 16px; }
    .xau-faq__disclaimer { margin-top: 44px; }
}
@media (max-width: 780px) {
.xau-compare__table td .sm br { display: none; }
}

/* ==========================================================================
   ( <= 650px )
   ========================================================================== */
@media (max-width: 650px) {
    .xau-banner__img { max-width: 520px; }
}


/* ==========================================================================
   MOBILE  ( <= 510px / design 393 )
   ========================================================================== */
@media (max-width: 510px) {

    section .inner { padding: 0 20px; }

    .xau-title-box__h2 { font-size: 22px; line-height: 30px; }
    .xau-title-box__text { margin-top: 12px; font-size: 14px; line-height: 22px; }

    /* ---- banner ---- */
    .xau-banner__con { padding-top: 32px; }
    .xau-banner__title { font-size: 28px; line-height: 36px; }
    .xau-banner__text { margin-top: 12px; font-size: 16px; line-height: 22px; }
    .xau-btn span { font-size: 16px; line-height: 1.2; color: #FFFFFF; }
    .xau-banner .xau-btn { width: 262px; height: 48px; margin-top: 22px; padding: 0 52px 0 22px; border-radius: 24px; }
    .xau-btn .icon { width: 40px; height: 40px; right: 4px; }
    .xau-btn .icon:before { width: 14px; height: 14px; }
    .xau-banner__img { margin-top: 52px; max-width: 100%; }

    /* ---- about ---- */
    .xau-about { padding: 24px 0 40px; }
    .xau-about__img { max-width: 100%; }
    .xau-about__text { padding: 22px 20px 24px; border-radius: 16px; }
    .xau-about__title { font-size: 24px; line-height: 32px; }
    .xau-about__p { margin-top: 12px; font-size: 15px; line-height: 25px; }

    /* ---- feature : 2 columns ---- */
    .xau-feature { padding: 40px 0 36px; }
    .xau-feature__list { margin-top: 26px; gap: 8px; }
    .xau-feature__list li { width: calc(50% - 4px); min-height: 0; padding: 18px 8px 16px; }
    .xau-feature__list .img-box { width: 72px; height: 72px; }
    .xau-feature__list .img-box img { width: 72px; height: 72px; }
    .xau-feature__list .title { margin-top: 12px; font-size: 14px; line-height: 20px; }
    .xau-feature__list .more { font-size: 12px; }
    .xau-feature__list .more .pc { display: none; }
    .xau-feature__list .more .mb { display: inline; }
    .xau-modal__box { padding: 34px 22px 26px; }
    .xau-modal__title { font-size: 18px; line-height: 26px; }
    .xau-modal__text { font-size: 14px; line-height: 24px; }

    /* ---- compare : stacked rows ---- */
    .xau-compare__table{
            border-radius: 0px 10px 10px 10px;
    }
    .xau-compare { padding: 40px 0 44px; }
    .xau-compare__box { margin-top: 50px; }
    .xau-compare__tag { left: 0; width: 50%; top: -34px; height: 36px; font-size: 13px; line-height: 30px; }
    .xau-compare__table table,
    .xau-compare__table tbody { display: block; }
    .xau-compare__table thead { display: block; }
    .xau-compare__table thead tr { display: flex; }
    .xau-compare__table thead th { flex: 1; display: flex; align-items: center; justify-content: center; height: 62px; padding: 0 6px; font-size: 16px; }
    .xau-compare__table thead th:nth-child(1) { display: none; }
    .xau-compare__table tbody tr { display: flex; flex-wrap: wrap; height: auto; }
    .xau-compare__table tbody th { flex: 0 0 100%; padding: 8px 6px; font-size: 14px; line-height: 22px; text-align: center; background-color: #EDEDED !important; color: #444444; }
    .xau-compare__table tbody td { flex: 1 1 50%; width: 50%; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 18px 8px; font-size: 14px; background-color: #FFFFFF !important; }
    .xau-compare__table tbody td:nth-child(2) { border-right: 1px solid #E5E5E5; }
    .xau-compare__table tbody tr:nth-child(even) td { background-color: #F8F8F8 !important; }
    .xau-compare__table td b { font-size: 15px; }
    .xau-compare__note { margin-top: 28px; font-size: 11px; line-height: 17px; text-align: left; }

    /* ---- weekend ---- */
    .xau-weekend { padding: 36px 0 40px; }
    .xau-weekend__box { border-radius: 16px; }
    .xau-weekend__text { padding: 22px 18px 24px; }
    .xau-weekend__text .title { font-size: 18px; line-height: 26px; margin-bottom: 8px; }
    .xau-weekend__text .text { font-size: 14px; line-height: 20px; }

    /* ---- leverage : dropdown tabs ---- */
    .xau-leverage { padding: 40px 0 50px; }
    .xau-title-box__h2 br { display: inline; }
    .xau-leverage .xau-title-box__text { font-size: 14px; line-height: 22px; }
    .xau-tabs { margin-top: 26px; text-align: left; }
    .xau-tabs__current { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 14px 14px; border: 0; border-bottom: 2px solid #E35728; border-radius: 4px 4px 0 0; background-color: #FFFFFF; box-shadow: 0 2px 8px rgba(0, 0, 0, .06); font-size: 16px; line-height: 22px; font-weight: bold; color: #E35728; cursor: pointer; }
    .xau-tabs__current:after { content: ""; flex: 0 0 9px; width: 9px; height: 9px; margin: -4px 4px 0 0; border-right: 2px solid #E35728; border-bottom: 2px solid #E35728; transform: rotate(45deg); transition: transform .25s; }
    .xau-tabs.open .xau-tabs__current:after { margin-top: 4px; transform: rotate(-135deg); }
    .xau-tabs__list { display: none; position: absolute; z-index: 5; left: 0; right: 0; top: 100%; border: 0; background-color: #FFFFFF; box-shadow: 0 8px 20px rgba(0, 0, 0, .14); }
    .xau-tabs.open .xau-tabs__list { display: block; }
    .xau-tabs__list li { margin: 0; padding: 13px 14px; border-bottom: 1px solid #EEEEEE; text-align: left; }
    .xau-tabs__list li.active { border-bottom-color: #EEEEEE; }
    .xau-tabs__list li h3 { font-size: 15px; }
    .xau-tabs__list li.active h3 { color: #E35728; font-size: 15px; }
    .xau-panels { margin-top: 24px; }
    .xau-panel__text { font-size: 15px; line-height: 25px; }
    .xau-panel__note { margin-top: 18px; font-size: 12px; line-height: 17px; text-align: left; }
    .xau-lv-table { margin-top: 22px; }
    .xau-lv-table th { height: 52px; padding: 0 6px; font-size: 14px; }
    .xau-lv-table td { height: 48px; font-size: 14px; }
    .xau-limit { display: block; }
    .xau-limit__card + .xau-limit__card { margin-top: 8px; }
    .xau-limit__card { padding: 18px 12px 20px; }
    .xau-limit__card .label { font-size: 14px; }
    .xau-limit__card .amount { font-size: 22px; }

    /* ---- steps ---- */
    .xau-steps { padding: 40px 0 46px; }
    .xau-steps .xau-title-box__h2 { font-size: 22px; line-height: 30px; }
    .xau-steps__list { margin-top: 28px; }
    .xau-steps__list li,
    .xau-steps__list li:nth-child(3) { padding: 0 0 22px 52px; }
    .xau-steps__list li:last-child { padding-bottom: 0; }
    .xau-steps__list li:not(:last-child):after { left: 16px; top: 40px; }
    .xau-steps__list .num { width: 34px; height: 34px; font-size: 14px; }
    .xau-steps__list .title { font-size: 16px; line-height: 24px; padding-top: 4px; }
    .xau-steps__list .text { margin-top: 4px; font-size: 14px; line-height: 20px; }
    .xau-steps__btn { margin-top: 32px; }
    .xau-btn-pill { width: 214px; height: 48px; border-radius: 24px; }
    .xau-btn-pill span { font-size: 15px; }

    /* ---- faq ---- */
    .xau-faq { padding: 40px 0 44px; }
    .xau-faq .xau-title-box__h2 { font-size: 22px; line-height: 30px; }
    .xau-faq__list { margin-top: 26px; }
    .xau-faq__list li { margin-top: 18px; }
    .xau-faq__list .q { height: auto; min-height: 52px; padding: 10px 10px; }
    .xau-faq__list .no { flex: 0 0 20px; font-size: 14px; }
    .xau-faq__list .q-text { padding-right: 10px; font-size: 14px; line-height: 22px; }
    .xau-faq__list .a { padding: 12px 10px 18px 30px; }
    .xau-faq__list .a p { font-size: 14px; line-height: 22px; }
    .xau-faq__disclaimer { margin-top: 30px; }
    .xau-faq__disclaimer p { font-size: 11px; line-height: 17px; }
}
/* ! vantagetrading|2026-10-22 10:10:00 ! */