/* Independent HubAI section: no global selectors or host-layout mutations. */
.gmb-hubai {
  --hai-ink: #f0efeb;
  --hai-muted: #a5a9b2;
  --hai-line: rgba(255,255,255,.14);
  --hai-warm: #d9c1a7;
  position: relative;
  z-index: 3;
  width: min(1680px, calc(100% - 2 * clamp(24px, 5vw, 92px)));
  margin: 0 auto;
  padding: clamp(100px, 10vw, 180px) 0;
  color: var(--hai-ink);
  font: 400 18px/1.65 var(--secondary, "Helvetica Neue", sans-serif);
  scroll-margin-top: 100px;
}
.gmb-hubai *, .gmb-hubai *::before, .gmb-hubai *::after { box-sizing: border-box; }
.gmb-hubai :is(h2,h3,p) { margin: 0; }
.gmb-hubai [hidden] { display: none !important; }
.gmb-hubai a { color: inherit; text-decoration: none; }
.gmb-hubai :is(button,a) { -webkit-tap-highlight-color: transparent; }
.gmb-hubai :is(button,a,[tabindex]):focus-visible { outline: 2px solid var(--hai-warm); outline-offset: 6px; border-radius: 3px; }
.gmb-hubai-sectionline { display: flex; justify-content: space-between; align-items: center; gap: 24px; border-bottom: 1px solid var(--hai-line); padding-bottom: 24px; margin-bottom: clamp(55px, 6vw, 100px); font-size: 16px; color: #b4b7be; }
.gmb-hubai-brand { display: inline-flex; align-items: center; gap: 11px; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 25px; font-weight: 500; letter-spacing: -.05em; line-height: 1; color: var(--hai-ink) !important; }
.gmb-hubai-brand img { display: block; object-fit: contain; }
.gmb-hubai-intro { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: clamp(40px, 6vw, 100px); margin-bottom: 70px; }
.gmb-hubai-eyebrow { font-size: 14px; letter-spacing: .07em; color: #999fa9; margin-bottom: 25px !important; }
.gmb-hubai h2 { font: 300 clamp(50px, 5.25vw, 94px)/1.03 "Helvetica Neue", Helvetica, sans-serif; letter-spacing: -.055em; }
.gmb-hubai h2 span { color: #969ba5; }
.gmb-hubai-intro-detail { max-width: 40ch; padding-bottom: 5px; color: #b2b6be; }
.gmb-hubai-link { display: inline-flex; justify-content: space-between; align-items: center; gap: 48px; margin-top: 27px; padding-bottom: 9px; border-bottom: 1px solid #6b7079; color: #e6e6e3 !important; font-size: 18px; }
.gmb-hubai-link span { font: 23px/1 Arial, sans-serif; transition: transform .2s ease; }
.gmb-hubai-link:hover span { transform: translate(3px,-3px); }
.gmb-hubai-explorer { display: grid; grid-template-columns: .9fr 1.1fr; align-items: start; gap: clamp(40px, 6vw, 105px); }
.gmb-hubai-features { border-top: 1px solid var(--hai-line); }
.gmb-hubai-feature { display: grid; grid-template-columns: 25px 1fr 24px; width: 100%; gap: 16px; align-items: start; padding: 24px 0; border: 0; border-bottom: 1px solid var(--hai-line); background: transparent; color: #a1a6b0; text-align: left; font: inherit; cursor: pointer; }
.gmb-hubai-number { padding-top: 4px; font-size: 13px; line-height: 1.6; color: #8c94a0; }
.gmb-hubai-feature-title { display: block; font-size: 22px; line-height: 1.35; letter-spacing: -.018em; transition: color .2s ease; }
.gmb-hubai-feature-arrow { font: 21px/1.6 Arial, sans-serif; text-align: right; color: #8a929e; opacity: .55; }
.gmb-hubai-description { display: none; padding-top: 16px; color: #adb2bc; font-size: 18px; line-height: 1.65; }
.gmb-hubai-feature[aria-selected="true"] .gmb-hubai-description { display: block; }
.gmb-hubai-feature[aria-selected="true"] .gmb-hubai-feature-title, .gmb-hubai-feature:hover .gmb-hubai-feature-title { color: #f2f1ed; }
.gmb-hubai-feature[aria-selected="true"] .gmb-hubai-feature-arrow { color: var(--hai-warm); opacity: 1; }
.gmb-hubai-stage { position: relative; min-width: 0; border: 1px solid #3d424c; border-radius: 14px; background: radial-gradient(ellipse at 105% -15%, #a4753d18, transparent 57%), #15191f; box-shadow: 0 24px 85px #0004; }
.gmb-hubai-stage-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 68px; padding: 18px 28px; border-bottom: 1px solid #ffffff12; color: #a5aab4; font-size: 11px; letter-spacing: .07em; }
.gmb-hubai-stage-brand { display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 500; letter-spacing: -.035em; color: #e7e7e4; }
.gmb-hubai-panel { min-height: 520px; padding: 36px clamp(24px, 3vw, 48px) 30px; }
.gmb-hubai-kicker { display: block; font-size: 11px; letter-spacing: .08em; color: #969eab; margin-bottom: 14px; }
.gmb-hubai-panel h3 { font: 300 clamp(30px, 2.5vw, 44px)/1.12 "Helvetica Neue", Helvetica, sans-serif; letter-spacing: -.04em; color: #edece8; }
.gmb-hubai-conversation { display: grid; gap: 13px; margin-top: 34px; }
.gmb-hubai-message { width: 89%; border: 1px solid #ffffff11; padding: 17px 20px; border-radius: 12px; }
.gmb-hubai-message > span { display: block; margin-bottom: 8px; font-size: 10px; letter-spacing: .065em; color: #aeb6c2; }
.gmb-hubai-message p { font-size: 17px; line-height: 1.55; }
.gmb-hubai-customer { justify-self: end; border-bottom-right-radius: 3px; background: #29313c; color: #e1e5e9; }
.gmb-hubai-assistant { justify-self: start; border-bottom-left-radius: 3px; background: #20252d; color: #d5d8de; }
.gmb-hubai-assistant > span { color: #dcc5ad; letter-spacing: 0; font-size: 12px; }
.gmb-hubai-message small { display: block; margin-top: 12px; padding-top: 11px; border-top: 1px solid #ffffff0e; font-size: 12px; color: #a2aab5; line-height: 1.5; }
.gmb-hubai-result { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 29px; color: #b6b6ae; font-size: 12px; }
.gmb-hubai-result i { width: 5px; height: 5px; border-radius: 50%; background: #bdb295; }
.gmb-hubai-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 21px; }
.gmb-hubai-tags span { padding: 5px 10px; border: 1px solid #ffffff17; border-radius: 4px; color: #b2b9c3; font-size: 12px; }
.gmb-hubai-transfer { display: flex; justify-content: center; align-items: center; margin-top: 28px; }
.gmb-hubai-transfer-node { padding: 9px 16px; min-width: 105px; background: #242b35; border: 1px solid #ffffff17; border-radius: 6px; font-size: 15px; text-align: center; }
.gmb-hubai-transfer-line { width: 54px; text-align: center; color: #8b98a8; }
.gmb-hubai-transfer-team { border-color: #ccb18f42; background: #c2a5830f; color: #e0cbb2; }
.gmb-hubai-source-list { display: grid; margin-top: 33px; }
.gmb-hubai-source { display: flex; align-items: center; gap: 17px; border-top: 1px solid #ffffff13; padding: 17px 0; }
.gmb-hubai-source:last-child { border-bottom: 1px solid #ffffff13; }
.gmb-hubai-source-icon { display: grid; place-items: center; flex: 0 0 36px; height: 39px; background: #282f39; border: 1px solid #ffffff12; border-radius: 6px; color: #b3bdca; font: 22px/1 Arial, sans-serif; }
.gmb-hubai-source strong { display: block; font-size: 17px; font-weight: 400; }
.gmb-hubai-source div > span { display: block; font-size: 13px; color: #a0a8b4; margin-top: 3px; }
.gmb-hubai-knowledge-result { border-left: 2px solid #c5ab8b; padding: 12px 18px; margin-top: 24px; background: #d1b38d08; }
.gmb-hubai-knowledge-result span { font-size: 10px; letter-spacing: .08em; color: #c3ae95; }
.gmb-hubai-knowledge-result p { margin-top: 5px; font-size: 17px; color: #dedad2; }
.gmb-hubai-test-banner { margin-top: 28px; font-size: 12px; line-height: 1.5; color: #b4b8c1; }
.gmb-hubai-test-banner > span { margin-right: 6px; color: #d0b899; }
.gmb-hubai-test-banner + .gmb-hubai-conversation { margin-top: 17px; }
.gmb-hubai-steps { display: grid; grid-template-columns: .7fr .7fr 1.4fr; gap: 9px; list-style: none; padding: 0; margin: 27px 0 0; font-size: 12px; line-height: 1.4; color: #9ba4b0; }
.gmb-hubai-steps li { border-top: 2px solid #3c4654; padding-top: 10px; }
.gmb-hubai-steps .gmb-hubai-step-current { border-color: #c8b49b; color: #dfcbb2; }
.gmb-hubai-improve-list { display: grid; margin-top: 35px; }
.gmb-hubai-improve-item { display: flex; align-items: start; gap: 18px; padding: 23px 0; border-bottom: 1px solid #ffffff12; }
.gmb-hubai-improve-index { display: grid; place-items: center; flex: 0 0 31px; height: 31px; border: 1px solid #505964; border-radius: 50%; color: #a5afbd; font-size: 11px; }
.gmb-hubai-improve-item small { display: block; font-size: 10px; letter-spacing: .06em; color: #a3adba; margin: 1px 0 9px; }
.gmb-hubai-improve-item p { font-size: 18px; line-height: 1.5; color: #d9dee5; }
.gmb-hubai-improve-final .gmb-hubai-improve-index { color: #deccb7; border-color: #b59d7d88; background: #d3b99309; }
.gmb-hubai-stage-footer { display: flex; justify-content: space-between; gap: 20px; padding: 18px 28px; border-top: 1px solid #ffffff12; color: #a4abb6; font-size: 12px; }
.gmb-hubai-stage-footer span:last-child { color: #bba78d; }
.gmb-hubai-scenario-note { position: absolute; top: calc(100% + 15px); left: 0; right: 0; color: #949da9; font-size: 12px; line-height: 1.5; }
@media (min-width: 1500px) { .gmb-hubai-panel { min-height: 550px; } .gmb-hubai-message p { font-size: 18px; } }
@media (max-width: 1100px) {
  .gmb-hubai-intro { grid-template-columns: 1fr; gap: 27px; }
  .gmb-hubai-intro-detail { max-width: 55ch; }
  .gmb-hubai h2 { font-size: clamp(54px, 7vw, 78px); }
  .gmb-hubai-explorer { gap: 35px; grid-template-columns: .92fr 1.08fr; }
  .gmb-hubai-feature { gap: 10px; grid-template-columns: 22px 1fr 20px; }
  .gmb-hubai-feature-title { font-size: 20px; }
  .gmb-hubai-message { width: 96%; padding: 16px; }
  .gmb-hubai-panel { min-height: 560px; padding: 30px 23px; }
}
@media (max-width: 760px) {
  .gmb-hubai { width: calc(100% - 48px); padding: 85px 0 115px; scroll-margin-top: 84px; }
  .gmb-hubai-sectionline { margin-bottom: 44px; padding-bottom: 20px; font-size: 13px; }
  .gmb-hubai-brand { font-size: 23px; gap: 9px; }
  .gmb-hubai-brand img { width: 22px; height: 28px; }
  .gmb-hubai-eyebrow { font-size: 11px; letter-spacing: .045em; margin-bottom: 20px !important; }
  .gmb-hubai h2 { font-size: clamp(42px, 10.7vw, 70px); line-height: 1.06; }
  .gmb-hubai-intro { gap: 27px; margin-bottom: 42px; }
  .gmb-hubai-explorer { grid-template-columns: 1fr; gap: 35px; }
  .gmb-hubai-feature { padding: 22px 0; grid-template-columns: 21px 1fr 20px; gap: 12px; }
  .gmb-hubai-feature-title { font-size: 21px; }
  .gmb-hubai-description { padding-top: 15px; font-size: 18px; }
  .gmb-hubai-stage { border-radius: 11px; }
  .gmb-hubai-stage-header { padding: 17px 21px; min-height: 63px; font-size: 10px; }
  .gmb-hubai-stage-brand { font-size: 18px; }
  .gmb-hubai-panel { min-height: 515px; padding: 30px 21px; }
  .gmb-hubai-panel h3 { font-size: 32px; }
  .gmb-hubai-conversation { margin-top: 29px; }
  .gmb-hubai-message p { font-size: 16px; }
  .gmb-hubai-stage-footer { padding: 17px 21px; font-size: 11px; }
  .gmb-hubai-steps { gap: 8px; font-size: 11px; }
  .gmb-hubai-source { gap: 13px; }
  .gmb-hubai-source strong { font-size: 17px; }
  .gmb-hubai-source div > span { font-size: 12px; }
  .gmb-hubai-improve-item { gap: 14px; }
  .gmb-hubai-improve-item p { font-size: 17px; }
  .gmb-hubai-tags { gap: 6px; }
  .gmb-hubai-tags span { font-size: 11px; padding-inline: 8px; }
}
@media (prefers-reduced-motion: reduce) { .gmb-hubai :is(.gmb-hubai-link span,.gmb-hubai-feature-title) { transition: none; } }