/* Local selectors keep other page sections and forms unchanged. */
.ag-page .ag-platform-strip { border: 0; background: #fff; padding-top: 29px; padding-bottom: 29px; }
.ag-page .ag-platform-strip > .wp-block-group__inner-container { display: block; }
.ag-page .ag-platform-strip .ag-platform-strip-label { margin: 0 0 16px; text-align: center; color: #64748b; font: 600 12px/18px 'Noto Sans TC',sans-serif; }
.ag-page .ag-platform-strip-items > .wp-block-group__inner-container { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px 36px; }
.ag-page .ag-platform-strip-items p { margin: 0; font: 600 14px/21px Inter,sans-serif; color: #64748b; }
.ag-page .ag-v6-visibility { position: relative; isolation: isolate; background: #fff; }
.ag-page .ag-v6-visibility::before,
.ag-page .ag-v6-visibility::after { content: ''; display: block !important; position: absolute; z-index: 0; right: auto; bottom: auto; margin: 0; border: 0; border-radius: 50%; transform: none; pointer-events: none; }
.ag-page .ag-v6-visibility::before { left: calc(50% + var(--ag6-bg1-x)); top: var(--ag6-bg1-y); width: var(--ag6-bg1-size); height: var(--ag6-bg1-size); background: var(--ag6-bg1-color) !important; opacity: var(--ag6-bg1-opacity); filter: blur(calc(var(--ag6-bg1-blur) / 2)); }
.ag-page .ag-v6-visibility::after { left: calc(50% + var(--ag6-bg2-x)); top: var(--ag6-bg2-y); width: var(--ag6-bg2-size) !important; height: var(--ag6-bg2-size) !important; background: var(--ag6-bg2-color) !important; opacity: var(--ag6-bg2-opacity); filter: blur(calc(var(--ag6-bg2-blur) / 2)) !important; }
.ag-page .ag-v6-visibility > .wp-block-group__inner-container { position: relative; z-index: 1; }
.ag6-chart { box-sizing: border-box; width: 100%; max-width: 536px; margin: 0; padding: 28px; border: 1px solid #fff; border-radius: 16px; background: rgba(255,255,255,.38); box-shadow: 0 4px 24px rgba(15,23,42,.06); color: #000; }
.ag6-chart.ag6-chart--comparison { min-height: 313.5px; }
.ag6-chart p.ag6-chart-title { margin: 0; color: #000; font: 600 13px/20px 'Noto Sans TC',sans-serif; }
.ag6-chart--comparison .ag6-chart-rows { margin-top: 21px; padding-right: 5px; }
.ag6-chart--comparison .ag6-chart-row { display: grid; grid-template-columns: 77px minmax(0,1fr); gap: 8px; min-height: 40.75px; }
.ag6-chart--comparison p.ag6-chart-label { display: flex; justify-content: flex-end; align-items: center; margin: 0; color: #000; font: 400 11px/13px Inter,sans-serif; }
.ag6-chart--comparison .ag6-chart-track { display: flex; flex-direction: column; gap: 4px; padding-top: 4px; }
.ag6-chart .ag6-chart-bar { display: block; box-sizing: border-box; height: 14px; background: var(--ag6-primary); border-radius: 0 4px 4px 0; }
.ag6-chart .ag6-chart-bar--competitor { background: var(--ag6-secondary); }
.ag6-chart-axis { display: flex; justify-content: space-between; margin-left: 85px; margin-right: 5px; padding-top: 4.8px; font: 400 11px/13px Inter,sans-serif; }
.ag6-chart-axis span { width: 0; display: flex; justify-content: center; }
.ag6-chart-legend { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 11.4px; font: 400 11px/17px 'Noto Sans TC',sans-serif; }
.ag6-chart-legend > span { display: inline-flex; align-items: center; gap: 4px; }
.ag6-chart-legend > span::before { content: ''; width: 14px; height: 10.5px; background: #000; }
.ag6-chart-legend .ag6-legend-primary { color: var(--ag6-primary); }
.ag6-chart-legend .ag6-legend-primary::before { background: var(--ag6-primary); }
.ag6-chart--profile { min-height: 323.5px; padding: 32px; }
.ag6-chart--profile .ag6-chart-rows { display: grid; gap: 20px; }
.ag6-chart--profile .ag6-chart-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 12px; }
.ag6-chart--profile p.ag6-chart-label { margin: 0; color: #0f172a; font: 400 13px/20px 'Noto Sans TC',sans-serif; }
.ag6-chart-value { color: var(--ag6-primary); font: 700 13px/20px 'Noto Sans TC',sans-serif; }
.ag6-chart--profile .ag6-chart-track { grid-column: 1 / -1; height: 6px; border-radius: 999px; background: #e2e8f0; }
.ag6-chart--profile .ag6-chart-bar { height: 6px; border-radius: 999px; }
.ag-page .ag-v6-visibility .ag-visibility-copy h2 { color: #0f172a; font-size: 34px; font-weight: 700; line-height: 44.2px; letter-spacing: 0; }
.ag-page .ag-v6-visibility .ag-visibility-copy p { color: #000; font-size: 16px; line-height: 29.6px; }
.ag-page .ag-v6-visibility .ag-list li { color: #000; font-size: 15px; line-height: 22.5px; }
@media (min-width:1200px) {
 .ag-page .ag-v6-visibility.ag-v5-home-4 { padding: 143px 32px 142px; min-height: 1484px !important; height: auto !important; }
 .ag-page .ag-v6-visibility.ag-v5-home-4 > .wp-block-group__inner-container { display: block; width: 1136px; height: auto; }
 .ag-page .ag-v6-visibility.ag-v5-home-4 .ag-split { position: relative; top: auto; left: auto; width: 100%; }
 .ag-page .ag-v6-visibility .ag-split > .wp-block-group__inner-container { display: grid; grid-template-columns: 536px 536px; gap: 64px; align-items: start; }
 .ag-page .ag-v6-visibility .ag-home-visibility-primary .ag-split-copy { padding-top: 0; }
 .ag-page .ag-v6-visibility .ag-home-visibility-primary .ag-split-visual { padding-top: 167px; }
 .ag-page .ag-v6-visibility .ag-home-visibility-primary h2 { width: 660px; max-width: none; margin: 0 0 31.8px; }
 .ag-page .ag-v6-visibility .ag-home-visibility-primary .ag-visibility-copy p { max-width: 513px; margin: 0; }
 .ag-page .ag-v6-visibility .ag-home-visibility-primary .ag-list { margin: 126.8px 0 0; }
 .ag-page .ag-v6-visibility .ag-home-visibility-primary .ag-list li { margin: 0 0 23.5px; }
 .ag-page .ag-v6-visibility .ag-home-visibility-primary .ag-list li:nth-child(2) { margin-bottom: 15px; }
 .ag-page .ag-v6-visibility .ag-home-visibility-definition { margin-top: 195.5px; }
 .ag-page .ag-v6-visibility .ag-home-visibility-definition .ag-split-copy { padding-top: 200px; margin-left: 13.5px; }
 .ag-page .ag-v6-visibility .ag-home-visibility-definition .ag-split-visual { padding-top: 0; margin-left: 12.5px; width: 536px; }
 .ag-page .ag-v6-visibility .ag-home-visibility-definition h2 { margin: 0 0 16px; }
 .ag-page .ag-v6-visibility .ag-home-visibility-definition p { margin: 0; }
 .ag-page .ag-v6-visibility .ag-home-visibility-definition .ag-list { margin: 138px 0 0; }
 .ag-page .ag-v6-visibility .ag-home-visibility-definition .ag-list li { margin: 0 0 10.5px; }
}
@media (max-width:1199px) {
 .ag-page .ag-v6-visibility { padding: 72px 32px; height: auto; min-height: 0 !important; }
 .ag-page .ag-v6-visibility > .wp-block-group__inner-container { height: auto; display: grid; gap: 88px; }
 .ag-page .ag-v6-visibility .ag-split { width: 100%; position: static; margin: 0; }
 .ag-page .ag-v6-visibility .ag-split > .wp-block-group__inner-container { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; }
 .ag-page .ag-v6-visibility .ag-split-copy,
 .ag-page .ag-v6-visibility .ag-split-visual { min-width: 0; padding-top: 0; }
 .ag-page .ag-v6-visibility .ag-visibility-copy h2 { font-size: 28px; line-height: 39px; margin: 0 0 24px; }
 .ag-page .ag-v6-visibility .ag-list { margin-top: 32px; }
 .ag-page .ag-v6-visibility::before { left: 15%; top: 220px; width: 360px; height: 360px; }
 .ag-page .ag-v6-visibility::after { left: 55%; top: 700px; }
 .ag6-chart { padding: 24px; }
 .ag6-chart--comparison .ag6-chart-row { grid-template-columns: 62px minmax(0,1fr); }
 .ag6-chart-axis { margin-left: 70px; }
}
@media (max-width:782px) {
 .ag-page .ag-platform-strip { padding: 32px 20px; }
 .ag-page .ag-platform-strip-items > .wp-block-group__inner-container { gap: 14px 22px; }
 .ag-page .ag-platform-strip-items p { font-size: 12px; line-height: 18px; }
 .ag-page .ag-v6-visibility { padding: 56px 20px; }
 .ag-page .ag-v6-visibility .ag-split > .wp-block-group__inner-container { grid-template-columns: minmax(0,1fr); gap: 40px; }
 .ag-page .ag-v6-visibility .ag-home-visibility-definition .ag-split-visual { grid-row: 1; }
 .ag-page .ag-v6-visibility .ag-home-visibility-definition .ag-split-copy { grid-row: 2; }
 .ag-page .ag-v6-visibility .ag-visibility-copy h2 { font-size: 26px; line-height: 36px; }
 .ag-page .ag-v6-visibility::before { left: -80px; top: 280px; }
 .ag-page .ag-v6-visibility::after { left: 80px; top: 980px; }
}
