button:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: rgb(21, 134, 255) solid 3px; outline-offset: 4px; }
[hidden] { display: none !important; }
.skip:focus { top: 10px; }
.desktop-nav { display: flex; gap: 32px; margin-left: auto; margin-right: 34px; font-size: 14px; }
.desktop-nav a { padding-block: 12px; }
.desktop-nav a:hover { color: var(--blue); }
.motion-toggle { border: 0px; background: none; padding: 8px; font-size: 16px; min-width: 32px; }
.header-circle:hover, .action:hover { background: rgb(0, 100, 214); }
.action:hover > span:last-child { transform: translate(2px, -2px); }
.text-link:hover { color: rgb(0, 91, 199); }
.text-link:hover > span { transform: translateX(4px); }
.intro-note { display: flex; align-items: center; gap: 17px; margin-top: 27px; font-size: 12px; color: rgb(107, 116, 128); }
.intro-note > span:first-child, .intro-note > span:nth-child(2) { font-weight: 600; color: rgb(69, 78, 89); }
.intro-note i { display: block; width: 1px; height: 13px; background: rgb(207, 211, 220); }
.workflows { padding-block: 15px 80px; }
.workflows .center-heading { margin-bottom: 65px; }
.feature-row { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; margin-top: 55px; }
.feature-row + .feature-row { margin-top: 95px; }
.feature-row.reverse .feature-visual { order: 2; }
.feature-copy h3 { font-size: 34px; line-height: 1.15; font-weight: 600; letter-spacing: -1.2px; margin: 0px 0px 19px; }
.feature-copy > p { font-size: 16px; line-height: 1.65; color: var(--muted); margin: 0px 0px 27px; max-width: 480px; }
.related-inline { display: flex; gap: 20px; margin-top: 17px; }
.related-inline a { font-size: 12px; color: rgb(123, 133, 146); border-bottom: 1px solid rgb(214, 221, 229); padding-bottom: 3px; }
.related-inline a:hover { color: var(--blue); }
.feature-visual { border-radius: 15px; min-height: 380px; padding: 44px 45px; position: relative; overflow: hidden; background: rgb(238, 240, 246); }
.company-feature { background: radial-gradient(at 0px 0px, rgb(213, 239, 240), transparent 65%), rgb(238, 241, 247); }
.company-summary { background: white; border-radius: 10px; padding: 19px 22px; box-shadow: rgba(66, 84, 114, 0.04) 0px 3px 8px; }
.summary-head { display: flex; align-items: center; gap: 10px; }
.summary-head > div { flex: 1 1 0%; }
.summary-head strong { font-size: 13px; display: block; font-weight: 600; }
.summary-head > div > span { font-size: 10px; color: rgb(125, 137, 152); display: block; margin-top: 4px; }
.summary-data { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgb(233, 237, 244); margin-top: 18px; padding-top: 15px; gap: 15px; }
.summary-data span { display: block; font-size: 10px; color: rgb(134, 144, 158); margin-bottom: 6px; }
.summary-data strong { font-size: 14px; font-weight: 500; }
.source-row { display: flex; align-items: center; gap: 11px; background: white; border-radius: 9px; margin-top: 10px; padding: 17px 20px; }
.source-symbol { width: 31px; height: 31px; border-radius: 50%; background: rgb(232, 243, 251); color: rgb(84, 133, 167); display: grid; place-items: center; font-size: 16px; }
.source-row > div { flex: 1 1 0%; }
.source-row strong { font-size: 12px; font-weight: 500; display: block; }
.source-row > div > span { font-size: 9px; color: rgb(129, 144, 160); display: block; margin-top: 5px; }
.source-row > .check-icon { width: 18px; height: 18px; font-size: 11px; }
.check-feature { background: rgb(233, 237, 245); padding-inline: 65px; }
.validation-window { background: white; border-radius: 11px; padding: 22px; box-shadow: rgba(33, 61, 99, 0.063) 0px 7px 16px; }
.validation-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.validation-top strong { font-size: 14px; font-weight: 600; }
.validation-value { font: 18px / 1.55 Consolas, monospace; letter-spacing: 0.5px; background: rgb(248, 249, 252); border: 1px solid rgb(231, 235, 242); border-radius: 6px; padding: 13px; margin: 18px 0px 15px; white-space: nowrap; }
.validation-value > span { color: var(--blue); }
.validation-check { display: flex; align-items: center; justify-content: space-between; font-size: 12px; padding: 10px 0px; border-bottom: 1px solid rgb(238, 240, 244); }
.validation-check > .check-icon { width: 18px; height: 18px; font-size: 10px; }
.validation-note { font-size: 9px; line-height: 1.5; color: rgb(125, 137, 152); margin-top: 13px; }
.validation-caption { background: rgb(225, 245, 232); color: rgb(38, 121, 67); border-radius: 7px; padding: 10px 15px; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 12px; position: relative; margin: 12px 15px -13px; }
.validation-caption > .check-icon { border: 0px; background: transparent; }
.feature-visual.in-view .source-row { animation: 8s ease 0s infinite normal none running feature-row-in; }
.feature-visual.in-view .source-row:nth-child(3) { animation-delay: 0.22s; }
.feature-visual.in-view .validation-check .check-icon { animation: 8s ease 0s infinite normal none running check-arrive; }
.feature-visual.in-view .validation-check:nth-child(4) .check-icon { animation-delay: 0.25s; }
.numbers-section { background: var(--soft); padding-block: 75px 80px; }
.numbers-section .center-heading { margin-bottom: 53px; }
.number-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 60px; }
.number-grid h3 { font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: -0.4px; margin: 0px 0px 12px; }
.number-grid strong { font-size: 43px; font-weight: 500; letter-spacing: -1.8px; color: var(--blue); white-space: nowrap; }
.number-grid p { font-size: 15px; line-height: 1.65; color: var(--muted); margin: 15px 0px 0px; max-width: 310px; }
.connection { padding: 75px 0px 55px; background: rgb(245, 245, 248); }
.connection .center-heading { margin-bottom: 36px; }
.api-label { display: block; font-size: 12px; color: rgb(123, 134, 148); margin-bottom: 8px; }
.method { color: var(--blue); font-size: 11px; }
.copy-control { background: none; border: 0px; color: inherit; padding: 8px; font-size: 12px; }
#demo-date { font-size: 11px; color: rgb(136, 151, 167); margin: 0px 0px 15px; }
.connection-links { display: flex; justify-content: center; gap: 25px; align-items: center; flex-wrap: wrap; padding-top: 25px; font-size: 13px; color: rgb(108, 121, 137); }
.connection-links a { color: var(--blue); }
.closing-section { background: var(--soft); padding: 25px 0px 75px; }
.closing-card { background: white; border-radius: 14px; padding: 45px 30px; text-align: center; }
.closing-card h2 { font-size: 34px; font-weight: 600; letter-spacing: -1.1px; line-height: 1.2; margin: 0px 0px 14px; }
.closing-card > p { font-size: 16px; color: var(--muted); margin: 0px 0px 23px; }
.closing-card h2 br { display: none; }
.toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 200; background: var(--ink); color: white; border-radius: 8px; padding: 16px 24px; max-width: calc(100% - 32px); font-size: 14px; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 25px; }
@keyframes data-arrive { 
  0% { transform: translateY(5px); opacity: 0.35; }
  100% { transform: none; opacity: 1; }
}
@keyframes check-arrive { 
  0%, 4% { opacity: 0.35; transform: translateY(4px); }
  15%, 100% { opacity: 1; transform: none; }
}
@keyframes meter-fill { 
  0%, 6% { transform: scaleX(0.15); }
  35%, 100% { transform: scaleX(1); }
}
@keyframes tender-arrive { 
  0%, 6% { transform: translateY(10px); opacity: 0.5; }
  20%, 100% { transform: none; opacity: 1; }
}
@keyframes tag-arrive { 
  0%, 12% { transform: translateY(6px); opacity: 0.4; }
  24%, 100% { transform: none; opacity: 1; }
}
@keyframes feature-row-in { 
  0%, 5% { transform: translateY(8px); opacity: 0.5; }
  18%, 100% { transform: none; opacity: 1; }
}
@keyframes scan-down { 
  100% { top: 100%; opacity: 0; }
}
#catalogue-end { text-align: right; margin-top: 24px; }
#catalogue-end .action { padding-inline: 0px; }
.empty { padding: 40px 0px; display: flex; gap: 25px; align-items: center; flex-wrap: wrap; }
.empty > span { font-size: 40px; color: var(--blue); }
.empty p { font-size: 16px; line-height: 1.6; }
.empty button { border: 1px solid var(--line); background: rgb(255, 255, 255); padding: 12px 15px; color: var(--blue); }
.breadcrumbs a:hover { color: var(--blue); }
.catalogue-intro > p { color: var(--muted); margin-top: 28px; }
.detail-category { display: flex; justify-content: space-between; gap: 20px; margin-top: 40px; }
.detail-category > span { color: var(--muted); }
.detail-intro > div > span { font-size: 12px; color: var(--muted); }
.detail-endpoint { display: flex; align-items: center; border-block: 1px solid var(--line); }
.detail-endpoint code { font-size: 13px; overflow-wrap: anywhere; min-width: 0px; }
.detail-endpoint .copy-control { margin-left: auto; }
.api-section-card, .api-billing-card { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid var(--line); overflow: hidden; }
.api-section-card h2, .api-billing-card h2 { line-height: 1.2; margin: 0px 0px 18px; }
.api-section-card h3, .api-billing-card h3 { font-size: 17px; line-height: 1.5; font-weight: 500; }
.api-section-card p, .api-section-card li, .api-billing-card p, .api-billing-card li { font-size: 16px; line-height: 1.75; color: var(--muted); }
.api-section-card svg, .api-billing-card svg { width: 21px; height: 21px; color: var(--blue); }
.api-section-card a, .api-billing-card a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.api-section-card code, .api-billing-card code { font: 13px / 1.75 Consolas, monospace; overflow-wrap: anywhere; }
.api-section-card pre { font: 13px / 1.75 Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 400px; overflow: auto; padding: 20px; background: rgb(237, 243, 248); }
.api-section-card table { border-collapse: collapse; display: block; overflow: auto; width: 100%; font-size: 13px; }
.api-section-card th, .api-section-card td { padding: 12px; text-align: left; border-bottom: 1px solid var(--line); line-height: 1.6; }
.api-section-card th { background: rgb(237, 243, 248); }
.api-section-card button { background: white; border: 1px solid var(--line); padding: 8px 12px; font-size: 12px; }
.api-decision-grid, .api-source-grid { display: grid; gap: 20px; }
.api-decision-grid > article { border-top: 1px solid var(--line); padding: 5px 0px 15px; }
.api-source-card { background: rgb(237, 243, 248); padding: 22px; }
.api-source-card-head { display: flex; gap: 12px; font-size: 14px; }
.api-section-card ul { padding-left: 20px; }
.catalogue-intro > p { font-size: 15px; }
.api-section-card h2, .api-billing-card h2 { font-size: 28px; font-weight: 600; letter-spacing: -0.8px; }
.api-source-card, .api-section-card pre { border-radius: 9px; background: rgb(244, 246, 250); }
.api-section-card button { border-radius: 5px; }
.section-counter { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px; font-size: 13px; }
.section-counter > a { color: var(--blue); }
@media (max-width: 1100px){.feature-row { gap: 60px; }
.feature-visual { padding: 35px; }
.check-feature { padding: 35px 43px; }
.feature-copy h3 { font-size: 31px; }
.number-grid { gap: 30px; }
.number-grid strong { font-size: 37px; }
.number-grid h3 { font-size: 17px; }
.desktop-nav { margin-right: 15px; gap: 22px; }}
@media (max-width: 850px){.desktop-nav { display: none; }
.intro-note { gap: 10px; font-size: 10px; }
.feature-row { gap: 35px; }
.feature-copy h3 { font-size: 28px; letter-spacing: -0.8px; }
.feature-copy > p { font-size: 15px; }
.feature-visual { min-height: 350px; padding: 28px 22px; }
.check-feature { padding: 28px 23px; }
.validation-window { padding: 17px; }
.validation-value { font-size: 15px; }
.source-row { padding: 15px; }
.source-row > div > span { font-size: 8px; }
.company-summary { padding: 17px; }
.workflows { padding-bottom: 60px; }
.feature-row + .feature-row { margin-top: 65px; }
.number-grid { gap: 25px; }
.number-grid h3 { font-size: 15px; }
.number-grid strong { font-size: 29px; letter-spacing: -1px; }
.number-grid p { font-size: 13px; }
.numbers-section { padding-block: 60px; }
.closing-card h2 { font-size: 30px; }}
@media (max-width: 600px){.motion-toggle { min-width: 28px; padding: 6px; }
.mobile-nav summary::-webkit-details-marker { display: none; }
.intro-note { margin-top: 22px; font-size: 11px; gap: 14px; }
.center-heading { margin-bottom: 33px; }
.center-heading h2 { font-size: 31px; line-height: 1.18; letter-spacing: -1.15px; margin-bottom: 14px; }
.capabilities-section { padding-block: 55px; }
.workflows { padding-block: 5px 55px; }
.workflows .center-heading { margin-bottom: 32px; }
.feature-row, .feature-row.reverse { grid-template-columns: 1fr; gap: 27px; margin-top: 0px; }
.feature-row.reverse .feature-visual { order: 0; }
.feature-row + .feature-row { margin-top: 50px; }
.feature-visual { min-height: 340px; padding: 30px; max-width: 100%; width: 100%; }
.feature-copy h3 { font-size: 29px; line-height: 1.17; letter-spacing: -1px; margin-bottom: 15px; }
.feature-copy > p { font-size: 16px; margin-bottom: 22px; }
.feature-copy .text-link { font-size: 14px; }
.source-row > div > span { font-size: 9px; }
.validation-value { font-size: 17px; }
.validation-window { padding: 19px; }
.validation-caption { margin-bottom: 0px; }
.numbers-section { padding-block: 50px; }
.numbers-section .center-heading { margin-bottom: 35px; }
.number-grid { grid-template-columns: 1fr; gap: 33px; }
.number-grid h3 { font-size: 18px; margin-bottom: 7px; }
.number-grid strong { font-size: 39px; letter-spacing: -1.4px; }
.number-grid p { font-size: 15px; max-width: none; margin-top: 11px; }
.category-filter { white-space: nowrap; gap: 12px; flex-shrink: 0; padding: 12px; font-size: 12px; }
#catalogue-end .action { font-size: 13px; }
.connection { padding-block: 50px 30px; }
.connection-links { gap: 17px; font-size: 12px; }
.connection-links > span { width: 100%; text-align: center; }
.closing-section { padding: 15px 0px 50px; }
.closing-card { padding: 32px 21px; }
.closing-card h2 { font-size: 27px; letter-spacing: -0.9px; }
.closing-card h2 br { display: block; }
.closing-card > p { font-size: 14px; }
.closing-card .action { font-size: 13px; }
.catalogue-intro > p { font-size: 14px; }
.detail-category { font-size: 10px; }
.detail-endpoint code { font-size: 10px; }
.api-section-card h2, .api-billing-card h2 { font-size: 25px; }
.api-section-card p, .api-section-card li, .api-billing-card p, .api-billing-card li { font-size: 15px; }
.section-counter { flex-direction: column; align-items: start; gap: 13px; }}
@media (max-width: 370px){.shell { width: calc(100% - 32px); }
.header-actions { gap: 3px; }
.wordmark { font-size: 20px; }
.brand-lockup img { width: 28px; }
.intro-actions { gap: 13px; }
.intro-actions .action { padding-inline: 15px; }
.intro-actions .text-link { font-size: 11px; }
.feature-visual { padding: 23px; }
.validation-value { font-size: 15px; }}
.curl-command { color: rgb(201, 217, 235); font: 12px Consolas, monospace; white-space: nowrap; }
.detail-endpoint { background: rgb(20, 36, 56); border: 1px solid rgb(48, 70, 93); border-radius: 9px; padding: 16px 18px; color: rgb(216, 230, 244); flex-wrap: wrap; gap: 12px; }
.detail-endpoint .method { color: rgb(128, 212, 255); }
.detail-endpoint #endpoint-code { flex: 1 1 0%; min-width: 140px; font-size: 12px; }
.detail-endpoint .copy-control { color: rgb(177, 198, 220); }
.feature-visual.in-view .validation-caption { animation: 5.5s ease 0s infinite normal none running validation-confirm; }
@keyframes document-sway { 
  0%, 100% { transform: rotate(-5deg) translateY(0px); }
  50% { transform: rotate(-2deg) translateY(-5px); }
}
@keyframes source-ping { 
  0%, 100% { box-shadow: rgba(104, 174, 241, 0) 0px 0px 0px 0px; }
  35% { box-shadow: rgba(104, 174, 241, 0.2) 0px 0px 0px 4px; }
}
@keyframes vat-return { 
  0%, 12% { opacity: 0.25; transform: translateY(7px); }
  28%, 85% { opacity: 1; transform: none; }
  100% { opacity: 0.25; transform: translateY(7px); }
}
@keyframes validation-confirm { 
  0%, 12% { opacity: 0.55; transform: translateY(7px); }
  25%, 80% { opacity: 1; transform: none; }
  100% { opacity: 0.55; transform: translateY(7px); }
}
@keyframes response-pop { 
  0% { transform: translateY(11px) scale(0.98); opacity: 0.3; }
  70% { transform: translateY(-2px) scale(1); }
  100% { transform: none; opacity: 1; }
}
@keyframes shell-blink { 
  50% { opacity: 0; }
}
@keyframes shell-reveal { 
  0% { clip-path: inset(0px 0px 100%); }
  100% { clip-path: inset(0px); }
}
@media (max-width: 600px){.detail-endpoint { padding: 13px; gap: 9px; }
.detail-endpoint #endpoint-code { font-size: 10px; flex-basis: 65%; min-width: 0px; }
.curl-command { font-size: 10px; }}
@keyframes scan-content { 
  0% { opacity: 0; transform: translateY(3px); }
  100% { opacity: 1; transform: none; }
}
@keyframes scan-sweep { 
  0% { top: 46px; opacity: 1; }
  95% { top: 100%; opacity: 1; }
  100% { top: 100%; opacity: 0; }
}
.api-schema-grid { display: grid; gap: 18px; margin-top: 24px; }
.api-schema-box { border: 1px solid rgb(220, 227, 237); border-radius: 12px; background: rgb(255, 255, 255); overflow: hidden; }
.api-schema-box > summary { padding: 19px 22px; background: rgb(237, 243, 249); font-size: 17px; font-weight: 600; cursor: pointer; }
.api-schema-content { padding: 0px 22px; }
.api-schema-row { display: grid; grid-template-columns: minmax(120px, 1fr) auto; gap: 8px 20px; padding: 19px 0px; border-bottom: 1px solid rgb(231, 236, 243); }
.api-schema-row > code { color: rgb(23, 100, 172); font-weight: 600; }
.api-schema-row > .api-schema-type { font: 11px Consolas, monospace; background: rgb(238, 242, 248); color: rgb(104, 120, 142); padding: 5px 8px; border-radius: 5px; align-self: start; }
.api-schema-row > p { grid-column: 1 / -1; font-size: 13px; line-height: 1.7; color: rgb(104, 120, 142); margin: 0px; }
.api-schema-raw { padding: 18px 0px; }
.api-schema-raw > summary { color: rgb(36, 124, 204); font-size: 12px; cursor: pointer; }
@media (max-width: 600px){.api-schema-content { padding: 0px 16px; }}
.machine-entry a:hover { border-color: rgb(90, 159, 224); }
.health-link { display: inline-flex; align-items: center; gap: 9px; }
@keyframes service-breathe { 
  0%, 100% { box-shadow: rgba(64, 190, 145, 0) 0px 0px 0px 0px; opacity: 0.8; }
  50% { box-shadow: rgba(64, 190, 145, 0.145) 0px 0px 0px 5px; opacity: 1; }
}
.example-terminal { width: 100%; background: rgb(17, 34, 56); color: rgb(185, 213, 237); border-radius: 10px; overflow: hidden; box-shadow: rgba(23, 55, 81, 0.082) 0px 15px 30px; }
.example-terminal > div { padding: 18px; font: 11px Consolas, monospace; background: rgb(28, 48, 74); overflow-wrap: anywhere; }
.example-terminal > div > span { color: rgb(119, 219, 188); margin-right: 8px; }
.example-terminal pre { font: 13px / 1.8 Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; padding: 22px; margin: 0px; }
.example-return { display: block; padding: 16px 22px; border-top: 1px solid rgb(43, 65, 91); font: 11px Consolas, monospace; color: rgb(130, 200, 237); }
.procurement-example.in-view .example-return { animation: 5s ease 0s infinite normal none running vat-return; }
.examples-catalogue-link { display: flex; justify-content: center; margin-top: 40px; }
.site-header .language:hover { background: rgb(237, 244, 255); border-color: rgb(167, 201, 235); }
.site-header .language:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.home-page #apis { position: relative; }
.home-page #apis::before { content: ""; position: absolute; top: -2px; left: 0px; width: 64px; height: 3px; background: var(--blue); border-radius: 2px; }
.home-page .connection + .workflows { padding-top: 90px; }
@media (max-width: 600px){.home-page .connection + .workflows { padding-top: 60px; }}
.home-page #apis { clip-path: inset(0px -100vmax); border-top: 0px; }
.home-page #apis::before { display: none; }
.detail-heading .detail-category { margin-top: 28px; }
.catalogue-reassurance { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; margin-top: 55px; padding: 32px; background: rgb(240, 245, 251); border: 1px solid rgb(224, 232, 242); border-radius: 12px; }
.catalogue-reassurance > div > span { display: block; color: rgb(39, 131, 216); font-size: 22px; margin-bottom: 14px; }
.catalogue-reassurance strong { font-size: 15px; font-weight: 500; }
.catalogue-reassurance p { font-size: 13px; line-height: 1.7; color: var(--muted); margin-bottom: 0px; }
.response-scan { position: relative; }
@media (max-width: 600px){.catalogue-reassurance { grid-template-columns: 1fr; padding: 24px; gap: 26px; }}
@keyframes optical-breathe { 
  0% { transform: scale(1); }
  100% { transform: scale(1.025) translateY(-4px); }
}
.protocol-section { background: rgb(255, 255, 255); padding: 85px 0px; }
.protocol-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 38px; }
.protocol-heading h2 { font-size: clamp(30px, 3.4vw, 46px); line-height: 1.15; letter-spacing: -1.4px; margin: 14px 0px 0px; }
.protocol-heading > p { max-width: 300px; color: var(--muted); line-height: 1.7; font-size: 15px; }
.protocol-player { border: 1px solid rgb(220, 229, 238); border-radius: 20px; overflow: hidden; background: rgb(251, 252, 254); box-shadow: rgba(35, 66, 96, 0.03) 0px 20px 50px; }
.protocol-diagram { display: flex; align-items: center; justify-content: space-between; padding: 40px 50px; background: radial-gradient(rgb(235, 244, 255), transparent 70%); }
.protocol-node { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px; min-width: 170px; border: 1px solid rgb(219, 229, 239); border-radius: 14px; background: white; transition: border-color 0.4s, box-shadow 0.4s; }
.protocol-node strong { font-size: 15px; font-weight: 500; }
.protocol-node > span:last-child { font-size: 10px; color: rgb(122, 143, 163); }
.node-symbol { display: grid; place-items: center; font: 22px Consolas, monospace; color: rgb(29, 130, 216); height: 36px; }
.protocol-wire { height: 1px; background: rgb(187, 212, 233); flex: 1 1 0%; position: relative; }
.protocol-wire > span { position: absolute; left: 50%; top: 15px; transform: translateX(-50%); font: 10px Consolas, monospace; color: rgb(112, 144, 172); }
.protocol-wire i { position: absolute; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: rgb(22, 148, 248); box-shadow: rgb(58, 181, 255) 0px 0px 10px; animation: 1.9s ease-in-out 0s infinite normal none running flow-transit; }
.settlement-wire i { opacity: 0; }
[data-flow-step="2"] .protocol-wire i, [data-flow-step="5"] .protocol-wire i { animation-direction: reverse; }
[data-flow-step="4"] .settlement-wire i { opacity: 1; }
[data-flow-step="4"] [data-node="facilitator"], [data-flow-step="0"] [data-node="agent"], [data-flow-step="3"] [data-node="agent"], [data-flow-step="1"] [data-node="api"], [data-flow-step="2"] [data-node="api"], [data-flow-step="5"] [data-node="agent"] { border-color: rgb(104, 175, 240); box-shadow: rgba(49, 143, 236, 0.05) 0px 0px 0px 5px; }
@keyframes flow-transit { 
  0% { left: 0px; opacity: 0; }
  15%, 85% { opacity: 1; }
  100% { left: 100%; opacity: 0; }
}
.flow-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; border-top: 1px solid rgb(225, 232, 240); padding: 32px 40px; min-height: 210px; }
.flow-detail h3 { font-size: 22px; margin: 9px 0px 12px; }
.flow-detail p { font-size: 14px; line-height: 1.7; color: rgb(98, 119, 142); margin: 0px; }
.flow-detail #flow-number { font: 11px Consolas, monospace; color: rgb(50, 137, 212); }
.flow-detail pre { margin: 0px; padding: 22px; background: rgb(16, 33, 55); color: rgb(152, 212, 239); font: 12px / 1.8 Consolas, monospace; border-radius: 9px; white-space: pre-wrap; overflow-wrap: anywhere; align-self: center; }
.flow-controls { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid rgb(224, 231, 239); }
.flow-controls button { border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(224, 231, 239) currentcolor currentcolor; border-image: none; background: white; color: rgb(108, 129, 149); padding: 18px 12px; font-size: 11px; text-align: left; }
.flow-controls button span { display: block; font: 10px Consolas, monospace; margin-bottom: 7px; }
.flow-controls button[aria-pressed="true"] { background: rgb(237, 246, 255); color: rgb(9, 110, 196); box-shadow: rgb(22, 137, 237) 0px 3px inset; }
.flow-footnote { display: flex; justify-content: space-between; gap: 20px; font-size: 11px; color: rgb(129, 144, 160); margin-top: 20px; }
.flow-footnote a { color: rgb(72, 135, 189); }
.faq-section { padding: 85px 0px; background: rgb(247, 246, 243); border-block: 1px solid rgb(234, 231, 226); }
.faq-layout { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; }
.faq-intro h2 { font-size: clamp(30px, 3vw, 42px); line-height: 1.2; letter-spacing: -1px; margin: 15px 0px 22px; }
.faq-intro p { color: rgb(112, 128, 147); font-size: 15px; line-height: 1.7; margin-bottom: 25px; }
.faq-item summary { display: flex; align-items: center; gap: 18px; cursor: pointer; list-style: none; padding: 25px 0px; font-size: 16px; line-height: 1.5; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-num { font: 11px Consolas, monospace; color: rgb(131, 149, 166); }
.faq-item summary > span:nth-child(2) { flex: 1 1 0%; }
.faq-item summary i { font-style: normal; font-size: 25px; color: rgb(49, 137, 211); font-weight: 300; transition: transform 0.25s; }
.faq-item[open] summary i { transform: rotate(45deg); }
.faq-answer p { margin: 0px; padding-top: 0px; padding-right: 35px; padding-bottom: 25px; font-size: 14px; line-height: 1.8; color: rgb(98, 117, 138); }
@media (max-width: 850px){.protocol-diagram { padding: 30px 20px; }
.protocol-node { min-width: 130px; padding: 16px 10px; }
.faq-layout { gap: 35px; }
.flow-controls { grid-template-columns: repeat(3, 1fr); }}
@media (max-width: 600px){.protocol-section, .faq-section { padding: 55px 0px; }
.protocol-heading { display: block; }
.protocol-heading > p { max-width: none; }
.protocol-diagram { padding: 25px 10px; }
.protocol-node { min-width: 0px; width: 29%; padding: 15px 5px; }
.protocol-node strong { font-size: 11px; }
.protocol-node > span:last-child { display: none; }
.protocol-wire > span { font-size: 8px; }
.flow-detail { grid-template-columns: 1fr; padding: 25px; gap: 20px; min-height: 310px; }
.flow-controls button { font-size: 10px; padding: 14px 10px; }
.flow-footnote { flex-direction: column; gap: 8px; }
.faq-layout { grid-template-columns: 1fr; gap: 25px; }
.faq-item summary { font-size: 14px; gap: 12px; }}
@media (prefers-reduced-motion: reduce){.protocol-wire i { left: 50%; }}
.home-page #apis { background: rgb(247, 248, 250); box-shadow: rgb(247, 248, 250) 0px 0px 0px 100vmax; }
.home-page .connection { background: rgb(13, 32, 55); color: rgb(255, 255, 255); padding-block: 80px; }
.home-page .connection .center-heading > p, .home-page .connection-links > span { color: rgb(178, 196, 216); }
.home-page .connection-links a { color: rgb(127, 207, 255); }
.home-page .faq-section { background: rgb(255, 255, 255); border-top: 1px solid rgb(225, 232, 240); border-bottom: 0px; position: relative; }
.home-page .faq-section::before { content: ""; position: absolute; width: 70px; height: 3px; top: -2px; left: calc(0.5 * (100% - min(1168px, 92%))); background: rgb(24, 142, 229); }
.faq-list { border-top: 0px; }
.faq-item { margin-bottom: 12px; border: 1px solid rgb(225, 232, 240); border-radius: 10px; background: rgb(250, 252, 255); padding-inline: 20px; }
.faq-item[open] { background: rgb(240, 247, 255); border-color: rgb(183, 215, 244); }
.faq-answer p { padding-left: 30px; }
.home-page .numbers-section { background: rgb(239, 246, 252); }
.home-page .closing-section { background: rgb(255, 255, 255); }
.sequence-diagram { padding: 28px 32px 15px; }
.sequence-actors { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; margin-bottom: 18px; }
.sequence-actors strong { font-size: 14px; font-weight: 500; background: rgb(255, 255, 255); border: 1px solid rgb(220, 231, 242); border-radius: 9px; padding: 14px; margin: 0px 14px; }
.sequence-lanes { position: relative; background: linear-gradient(90deg, transparent calc(16.666% - 0.5px), rgb(221, 231, 240) 16.666%, transparent calc(16.666% + 0.5px), transparent calc(50% - 0.5px), rgb(221, 231, 240) 50%, transparent calc(50% + 0.5px), transparent calc(83.333% - 0.5px), rgb(221, 231, 240) 83.333%, transparent calc(83.333% + 0.5px)); }
.sequence-message { height: 38px; margin-left: calc(16.666% + var(--from)*33.333%); width: calc(var(--span)*33.333%); position: relative; color: rgb(154, 170, 186); transition: color 0.25s; }
.sequence-label { display: block; text-align: center; font: 10px / 1.4 Inter, Arial, sans-serif; padding: 0px 5px; position: relative; top: 1px; }
.sequence-arrow { position: absolute; left: 0px; right: 0px; bottom: 10px; height: 1px; background: currentcolor; }
.sequence-arrow::after { content: ""; position: absolute; right: 0px; top: -3px; width: 6px; height: 6px; border-right: 1.5px solid; border-top: 1.5px solid; transform: rotate(45deg); }
[data-direction="left"] .sequence-arrow::after { left: 0px; right: auto; transform: rotate(-135deg); }
.sequence-message[data-direction="self"] { width: 28%; margin-left: 50%; height: 45px; }
.sequence-message[data-direction="self"] .sequence-arrow { left: 0px; right: 70%; height: 9px; background: none; border-right: 1px solid; border-bottom: 1px solid; bottom: 7px; }
.sequence-message[data-direction="self"] .sequence-arrow::after { left: 0px; right: auto; transform: rotate(-135deg); top: 5px; }
.sequence-message.is-done { color: rgb(84, 140, 170); }
.sequence-message.is-active { color: rgb(8, 127, 214); }
.sequence-message.is-active .sequence-label { font-weight: 600; }
.sequence-message.is-active .sequence-arrow { animation-duration: 3s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: exchange-reveal; animation-timeline: auto; animation-range: normal; animation-delay: var(--delay); transform-origin: left center; }
.sequence-message.is-active[data-direction="left"] .sequence-arrow { transform-origin: right center; }
.sequence-legend { font-size: 10px; color: rgb(135, 151, 167); margin-top: 15px; text-align: center; }
@keyframes exchange-reveal { 
  0% { transform: scaleX(0); opacity: 0; }
  25%, 100% { transform: scaleX(1); opacity: 1; }
}
.catalogue-constellation { grid-area: 1 / 2 / 3; position: relative; height: 280px; min-width: 0px; }
.catalogue-constellation > svg { position: absolute; inset: 0px; width: 100%; height: 100%; z-index: 0; }
.catalogue-constellation path { stroke: rgb(74, 147, 203); stroke-width: 1; fill: none; stroke-dasharray: 4, 7; animation: 12s linear 0s infinite normal none running map-data; }
.constellation-core { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 8px; background: rgb(18, 46, 76); border: 1px solid rgba(117, 186, 246, 0.5); border-radius: 16px; padding: 16px; box-shadow: rgba(29, 166, 255, 0.082) 0px 0px 45px; }
.constellation-core > span { font: 10px Inter, Arial, sans-serif; color: rgb(140, 189, 221); letter-spacing: 2px; }
.constellation-family { position: absolute; z-index: 1; display: flex; align-items: center; gap: 9px; background: rgb(17, 43, 70); border: 1px solid rgb(54, 85, 113); border-radius: 9px; padding: 12px; color: rgb(214, 234, 255); font-size: 10px; box-shadow: rgba(0, 18, 37, 0.19) 0px 10px 25px; white-space: nowrap; }
.constellation-family i { font-style: normal; font-size: 16px; color: rgb(116, 210, 244); }
.constellation-family b { font-size: 10px; font-weight: 400; color: rgb(116, 172, 208); border-left: 1px solid rgb(54, 85, 113); padding-left: 8px; }
@keyframes map-data { 
  100% { stroke-dashoffset: -110; }
}
@media (max-width: 850px){.catalogue-constellation { grid-area: 3 / 1; width: min(500px, 100%); justify-self: center; }}
@media (max-width: 600px){.sequence-diagram { padding: 22px 10px 15px; }
.sequence-actors strong { font-size: 10px; margin: 0px 3px; padding: 12px 4px; }
.sequence-label { font-size: 8px; line-height: 1.4; }
.sequence-message { height: 43px; }
.sequence-message[data-direction="self"] { height: 46px; }
.sequence-legend { line-height: 1.5; }
.constellation-family { padding: 9px 7px; gap: 6px; font-size: 9px; }
.faq-item { padding-inline: 14px; }
.home-page .connection { padding-block: 55px; }}
@media (prefers-reduced-motion: reduce){.catalogue-constellation path, .sequence-message.is-active .sequence-arrow { animation: auto ease 0s 1 normal none running none; }}
.home-page .numbers-section .closing-card { background: rgb(255, 255, 255); border: 1px solid rgb(220, 233, 247); border-radius: 18px; box-shadow: rgba(37, 69, 105, 0.024) 0px 15px 40px; margin-top: 55px; padding: 45px 30px; text-align: center; }
.journey-player { position: relative; }
.journey-controls { display: grid; position: relative; margin-bottom: 28px; }
.journey-controls::before { content: ""; position: absolute; height: 2px; background: rgb(199, 221, 242); left: 10%; right: 10%; top: 50%; z-index: 0; }
.journey-controls button { position: relative; display: flex; text-align: left; min-width: 0px; border: 1px solid rgb(220, 230, 239); background: rgb(255, 255, 255); border-radius: 15px; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; }
.journey-controls button:not(:last-child)::after { position: absolute; color: rgb(51, 142, 227); font-size: 20px; top: calc(50% - 12px); }
.journey-controls button[aria-pressed="true"] { border-color: rgb(22, 133, 249); box-shadow: rgba(25, 123, 227, 0.082) 0px 7px 25px; transform: translateY(-3px); }
.journey-icon { display: grid; place-items: center; flex-shrink: 0; width: 45px; height: 45px; background: rgb(238, 246, 255); border-radius: 12px; color: rgb(8, 123, 245); font: 24px Inter, Arial, sans-serif; }
.journey-step-copy { display: flex; flex-direction: column; gap: 6px; }
.journey-step-copy small { font-size: 10px; color: rgb(123, 147, 168); }
.journey-step-copy strong { font-weight: 600; }
.journey-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; border: 1px solid rgb(224, 233, 243); border-radius: 20px; padding: 42px 48px; background: linear-gradient(115deg, rgb(250, 252, 255), rgb(240, 247, 255)); }
.journey-story h3 { font-size: 30px; letter-spacing: -0.8px; line-height: 1.2; margin: 14px 0px; }
.journey-story > p { font-size: 15px; line-height: 1.75; color: rgb(96, 117, 141); margin: 0px 0px 23px; }
.journey-preview { min-height: 245px; display: flex; flex-direction: column; justify-content: center; }
.journey-query, .journey-result { display: flex; align-items: center; gap: 16px; padding: 22px; background: rgb(255, 255, 255); border: 1px solid rgb(222, 232, 242); border-radius: 13px; box-shadow: rgba(37, 78, 115, 0.063) 0px 10px 30px; }
.journey-query { font-size: 14px; }
.journey-query img { object-fit: contain; }
.journey-arrow { text-align: center; color: rgb(24, 136, 232); font-size: 24px; line-height: 1.4; animation: 2s ease 0s infinite normal none running journey-down; }
.journey-symbol { display: grid; place-items: center; background: rgb(234, 244, 255); border-radius: 9px; color: rgb(8, 123, 245); font-size: 21px; width: 42px; height: 42px; flex-shrink: 0; }
.journey-result strong { font-size: 16px; }
.journey-result p { font-size: 12px; color: rgb(122, 139, 156); margin: 7px 0px 0px; }
.journey-check { margin-left: auto; color: rgb(32, 162, 117); }
.journey-price { display: flex; flex-direction: column; gap: 13px; border-bottom: 1px solid rgb(216, 228, 239); padding-bottom: 17px; margin-bottom: 12px; color: rgb(67, 94, 119); font-size: 13px; }
.journey-price strong { font-size: 42px; color: rgb(8, 123, 245); font-weight: 500; letter-spacing: -1px; }
.journey-price small { font-size: 15px; color: rgb(96, 117, 141); letter-spacing: 0px; }
.journey-proof { font-size: 13px; padding: 9px 0px; color: rgb(67, 94, 119); display: flex; gap: 12px; }
.journey-proof > span { color: rgb(32, 162, 117); }
.journey-data { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 18px 22px; margin: 0px; background: rgba(255, 255, 255, 0.5); }
.journey-data dt { font-size: 11px; color: rgb(122, 139, 156); margin-bottom: 8px; }
.journey-data dd { margin: 0px; font-size: 14px; }
.journey-ready { padding: 15px 20px; background: rgb(229, 245, 238); color: rgb(36, 128, 102); border-radius: 9px; font-size: 13px; }
.journey-preview > * { animation: 0.45s ease 0s 1 normal both running journey-in; }
@keyframes journey-in { 
  0% { opacity: 0.5; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
@keyframes journey-down { 
  50% { transform: translateY(4px); }
}
@media (max-width: 1000px){.journey-controls { gap: 25px; }
.journey-controls button { padding: 18px 14px; gap: 10px; }
.journey-controls button:not(:last-child)::after { right: -20px; }
.journey-panel { padding: 32px; gap: 30px; }}
@media (max-width: 700px){.journey-controls button { flex-direction: column; gap: 8px; border-radius: 11px; }
.journey-step-copy > span { display: none; }
.journey-step-copy small { font-size: 9px; }
.journey-panel { grid-template-columns: 1fr; padding: 25px; gap: 20px; }
.journey-story h3 { font-size: 26px; }
.journey-preview { min-height: 230px; }
.journey-query, .journey-result { padding: 16px; gap: 10px; }
.journey-query { font-size: 12px; }
.journey-result strong { font-size: 14px; }
.home-page .numbers-section .closing-card { margin-top: 35px; padding: 30px 22px; }}
@media (prefers-reduced-motion: reduce){.journey-preview > *, .journey-arrow { animation: auto ease 0s 1 normal none running none; }}
#catalogue-end .action { background: rgb(8, 123, 255); color: rgb(255, 255, 255); border: 1px solid rgb(8, 123, 255); border-radius: 8px; padding: 15px 23px; box-shadow: none; }
#catalogue-end .action:hover { background: rgb(0, 101, 219); }
.journey-controls { grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 24px; }
.journey-controls button { padding: 20px 13px; gap: 12px; flex-direction: column; align-items: flex-start; }
.journey-controls button:not(:last-child)::after { right: -20px; }
.terminal-lights { color: rgb(108, 205, 177); font-size: 9px; margin-right: 12px; }
@media (max-width: 850px){.journey-controls { gap: 12px; }
.journey-controls button { padding: 13px 8px; }
.journey-controls button:not(:last-child)::after { right: -12px; font-size: 14px; }
.journey-step-copy strong { font-size: 12px; }
.journey-step-copy > span { display: none; }}
@media (max-width: 700px){.journey-controls { gap: 8px; }
.journey-controls button { align-items: center; text-align: center; }
.journey-icon { width: 29px; height: 29px; font-size: 18px; }
.journey-controls button:not(:last-child)::after { right: -9px; font-size: 11px; }}
.journey-controls::before { display: none; }
.journey-controls button:not(:last-child)::after { content: "→"; }
.dialogue-bubble { padding: 20px 22px; border: 1px solid rgb(218, 230, 243); border-radius: 15px; background: rgb(255, 255, 255); max-width: 94%; animation: 0.5s ease 0s 1 normal both running dialogue-arrive; }
.dialogue-bubble strong { display: flex; align-items: center; gap: 9px; font-size: 12px; }
.dialogue-bubble p { font-size: 14px; line-height: 1.65; margin: 12px 0px 0px; }
.speaker-avatar { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: rgb(232, 237, 244); color: rgb(82, 103, 124); }
.hma-speech { margin-left: auto; background: rgb(8, 119, 237); color: white; border: 0px; animation-delay: 0.9s; }
.hma-speech img { background: white; border-radius: 6px; }
.dialogue-transit { display: flex; justify-content: center; gap: 6px; padding: 10px; }
.dialogue-transit i { width: 5px; height: 5px; background: rgb(8, 123, 255); border-radius: 50%; animation: 1.2s ease 0s infinite normal none running talk-dots; }
.dialogue-transit i:nth-child(2) { animation-delay: 0.15s; }
.dialogue-transit i:nth-child(3) { animation-delay: 0.3s; }
.dialogue-timeline { height: 3px; background: rgb(220, 232, 245); margin-top: 22px; overflow: hidden; border-radius: 5px; }
.dialogue-timeline i { display: block; height: 100%; background: rgb(8, 123, 255); transform-origin: left center; animation: 6.5s linear 0s 1 normal both running talk-time; }
@keyframes talk-time { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes talk-dots { 
  50% { opacity: 0.25; transform: translateY(-3px); }
}
@keyframes dialogue-arrive { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: none; }
}
.schema-terminal > summary { list-style: none; }
.schema-terminal > summary::-webkit-details-marker { display: none; }
.schema-terminal > summary::marker { content: ""; }
.terminal-lights { display: inline-flex; gap: 6px; letter-spacing: 0px; vertical-align: middle; }
.terminal-lights i { display: block; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 96, 88); }
.terminal-lights i:nth-child(2) { background: rgb(255, 189, 46); }
.terminal-lights i:nth-child(3) { background: rgb(40, 200, 64); }
@media (max-width: 700px){.dialogue-bubble { padding: 16px; }
.dialogue-bubble p { font-size: 13px; }}
@media (prefers-reduced-motion: reduce){.dialogue-bubble, .dialogue-transit i, .dialogue-timeline i { animation: auto ease 0s 1 normal none running none; }
.dialogue-timeline { display: none; }}
.journey-controls [data-actor="agent"] .journey-icon { background: rgb(230, 236, 243); color: rgb(68, 89, 111); }
.journey-controls [data-actor="hma"] .journey-icon { color: rgb(255, 255, 255); }
.journey-step-copy > span { font-weight: 600; font-size: 12px; color: rgb(82, 103, 126); display: block !important; }
.journey-controls [data-actor="hma"] .journey-step-copy > span { color: rgb(8, 123, 255); }
.journey-step-copy strong { font-size: 15px; line-height: 1.35; }
@media (max-width: 1000px){.journey-step-copy strong { font-size: 13px; }
.journey-step-copy > span { font-size: 10px; }}
@media (max-width: 700px){.journey-controls { grid-template-columns: repeat(5, minmax(130px, 1fr)); overflow-x: auto; padding: 5px 2px 14px; scroll-snap-type: x; }
.journey-controls button { scroll-snap-align: center; padding: 14px 9px; }
.journey-step-copy strong { font-size: 12px; }
.journey-step-copy > span { font-size: 11px; }}
.journey-controls [data-actor="hma"] .journey-icon { background: rgb(255, 255, 255); border: 1px solid rgb(216, 227, 238); box-shadow: rgba(25, 53, 84, 0.03) 0px 3px 8px; }
.journey-icon img { object-fit: contain; }
.journey-controls [data-actor="agent"] .journey-icon, .agent-speech .speaker-avatar { background: rgb(8, 123, 255); color: rgb(255, 255, 255); font-weight: 600; }
.journey-controls [data-actor="agent"] .journey-icon { font-size: 17px; }
@keyframes family-build { 
  0%, 6% { opacity: 0; translate: 0px 13px; clip-path: inset(0px 100% 0px 0px); }
  18%, 78% { opacity: 1; translate: 0px; clip-path: inset(0px); }
  90%, 100% { opacity: 0; translate: 0px -5px; clip-path: inset(0px); }
}
@keyframes family-draw { 
  0%, 8% { opacity: 0; transform: scaleX(0); }
  35%, 78% { opacity: 1; transform: scaleX(1); }
  90%, 100% { opacity: 0; transform: scaleX(1); }
}
.catalogue-suggestion-card.card-to-back { animation: 0.35s ease 0s 1 normal both running catalogue-card-turn; z-index: 4; }
.catalogue-suggestion-card:focus-visible { outline: rgb(8, 123, 255) solid 3px; outline-offset: 4px; }
@keyframes catalogue-card-turn { 
  0% { transform: translate3d(0px, 0px, 0px) rotate(0deg); opacity: 1; z-index: 4; }
  35% { transform: translate3d(65px, -38px, 50px) rotate(13deg); opacity: 0; z-index: 4; }
  36% { opacity: 0; z-index: 1; }
  65% { transform: translate3d(20px, 29px, -60px) rotate(7deg) scale(0.92); opacity: 0; z-index: 1; }
  100% { transform: translate3d(20px, 29px, -60px) rotate(7deg) scale(0.92); opacity: 1; z-index: 1; }
}
@media (prefers-reduced-motion: reduce){.catalogue-suggestion-card.card-to-back { animation: auto ease 0s 1 normal none running none; }}
.site-footer { background: rgb(11, 27, 46); color: rgb(244, 247, 252); }
.footer-main { display: grid; grid-template-columns: 40% 60%; max-width: 1600px; margin: auto; }
.footer-brand { display: flex; flex-direction: column; justify-content: center; gap: 22px; padding: 65px 36px 65px max(32px, -590px + 50vw); border-right: 1px solid rgb(41, 65, 91); }
.footer-brand .brand-lockup { gap: 14px; }
.footer-brand .brand-lockup img { width: 62px; height: 46px; object-fit: contain; background: none; padding: 0px; }
.footer-brand .wordmark { font-size: clamp(25px, 2.7vw, 40px); color: rgb(255, 255, 255); }
.footer-brand .wordmark > span { color: rgb(8, 121, 245); }
#catalogue-end .action, .journey-controls [data-actor="agent"] .journey-icon, .hma-speech { background-color: rgb(0, 107, 214); }
.summary-head > div > span, .summary-data > div > span, .source-row > div > span, .validation-note, .journey-step-copy > small, .faq-intro p { color: rgb(89, 105, 122); }
.journey-controls [data-actor="hma"] .journey-step-copy > span { color: rgb(0, 107, 214); }
.related-inline a { color: rgb(89, 102, 117); }
.source-symbol { color: rgb(50, 104, 143); }
.footer-protocols { font-size: 15px; line-height: 1.7; color: rgb(174, 197, 223); max-width: 360px; }
.footer-resource-links { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.45fr); gap: 30px; background: rgb(20, 45, 73); padding: 65px max(32px, -590px + 50vw) 65px 48px; }
.footer-resource-links > div { display: flex; flex-direction: column; gap: 10px; }
.footer-resource-links a { font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.site-footer a > span[aria-hidden] { color: rgb(22, 134, 255); display: inline-block; margin-left: 4px; }
.site-footer a:hover { color: rgb(143, 199, 255); }
.footer-utility { background: rgb(8, 23, 37); border-top: 1px solid rgb(41, 65, 91); }
.footer-utility > .shell { display: flex; align-items: center; gap: 32px; padding-block: 28px; font-size: 14px; }
.footer-utility .health-link { display: flex; align-items: center; gap: 10px; }
.footer-utility .service-dot { width: 11px; height: 11px; background: rgb(22, 197, 139); box-shadow: rgba(22, 197, 139, 0.14) 0px 0px 0px 4px; }
.footer-back { margin-left: auto; }
@media (min-width: 1600px){.footer-brand { padding-left: 48px; }
.footer-resource-links { padding-right: 48px; }}
@media (max-width: 1000px){.footer-main { grid-template-columns: 1fr; }
.footer-brand { padding: 40px 32px; border-right: 0px; border-bottom: 1px solid rgb(41, 65, 91); }
.footer-resource-links { padding: 40px 32px; }
.footer-protocols { max-width: none; }}
@media (max-width: 600px){.footer-resource-links { grid-template-columns: 1fr; gap: 20px; padding: 32px 20px; }
.footer-brand { padding: 36px 20px; }
.footer-utility > .shell { gap: 22px; flex-wrap: wrap; }
.footer-back { margin-left: 0px; width: 100%; }
.footer-brand .wordmark { font-size: 30px; }}
@keyframes estate-pin-in { 
  0%, 10% { opacity: 0; scale: 0.35; translate: -50% -25%; }
  22%, 78% { opacity: 1; scale: 1; translate: -50% -50%; }
  90%, 100% { opacity: 0; scale: 0.8; translate: -50% -60%; }
}

/* Account pages */
.hma-account-main{padding:clamp(64px,8vw,112px) 0;border-top:1px solid var(--line)}.hma-account-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.hma-account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:clamp(48px,7vw,100px);align-items:center}.hma-account-copy{max-width:620px}.hma-account-title{margin:0;font-size:clamp(38px,4.1vw,68px);line-height:1.08;font-weight:600;letter-spacing:-2px;color:#081324}.hma-account-lead{max-width:560px;margin:26px 0 0;font-size:18px;line-height:1.55;color:#536176}.hma-account-panel{padding:34px;border:1px solid #dde3ea;border-radius:18px;background:#f7f8fa}.hma-account-panel-title{margin:0;font-size:26px;line-height:1.05;letter-spacing:-.035em}.hma-account-panel-text{margin:14px 0 0;color:#536176;font-size:15px;line-height:1.6}.hma-account-form{margin-top:28px}.hma-account-form label{display:block;margin:0 0 9px;font-size:13px;font-weight:700}.hma-account-form input[type=email]{box-sizing:border-box;width:100%;height:52px;padding:0 15px;border:1px solid #cfd7e2;border-radius:9px;background:#fff;color:#071426;font:inherit;font-size:15px;outline:none}.hma-account-form input[type=email]:focus{border-color:#0967df;box-shadow:0 0 0 3px rgba(9,103,223,.1)}.hma-account-remember{margin-top:18px}.hma-account-remember select{box-sizing:border-box;width:100%;height:48px;padding:0 38px 0 14px;border:1px solid #cfd7e2;border-radius:9px;background:#fff;color:#172438;font:inherit;font-size:14px;outline:none}.hma-account-remember select:focus{border-color:#0967df;box-shadow:0 0 0 3px rgba(9,103,223,.1)}.hma-account-remember small{display:block;margin-top:7px;color:#7a8698;font-size:11px;line-height:1.45}.hma-account-primary,.hma-account-secondary,.hma-account-form button{box-sizing:border-box;display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 18px;border-radius:9px;text-decoration:none;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.hma-account-primary,.hma-account-form button{border:0;background:#0967df;color:#fff}.hma-account-form button{width:100%;margin-top:12px}.hma-account-secondary{margin-top:18px;border:1px solid #d5dce5;background:#fff;color:#172438}.hma-account-note{margin:16px 0 0;color:#7a8698;font-size:12px;line-height:1.55}.hma-account-error{margin:18px 0 0;padding:12px 14px;border:1px solid #f2c9c9;border-radius:9px;background:#fff6f6;color:#9d2828;font-size:13px;line-height:1.5}.hma-account-status{display:flex;align-items:center;gap:10px;margin:22px 0 0;padding:14px;border:1px solid #d9e7dd;border-radius:10px;background:#f3faf5}.hma-account-status-dot{width:9px;height:9px;border-radius:50%;background:#18a558;flex:0 0 auto}.hma-account-status strong{display:block;color:#153a25;font-size:14px}.hma-account-status span{display:block;margin-top:2px;color:#5f7468;font-size:12px}.hma-account-email{margin-top:22px;padding:16px;border:1px solid #e0e5eb;border-radius:10px;background:#fff}.hma-account-email-label{display:block;color:#7b8798;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.hma-account-email-value{display:block;margin-top:5px;color:#172438;font-size:15px;font-weight:750;overflow-wrap:anywhere}@media(max-width:840px){.hma-account-shell{width:min(100% - 32px,680px)}.hma-account-main{padding:56px 0 72px}.hma-account-grid{grid-template-columns:1fr;gap:42px}.hma-account-copy{max-width:none}.hma-account-panel{padding:26px}}@media(max-width:1000px){.hma-account-title{font-size:37px}}@media(max-width:700px){.hma-account-title{font-size:42px}}@media(max-width:520px){.hma-account-title{font-size:42px}.hma-account-lead{font-size:16px}.hma-account-panel{padding:22px}}

/* HelpMyAgent account credit dashboard — v2.6.6 */
.hma-account-main--dashboard{padding:72px 0 96px}.hma-account-dashboard{display:grid;gap:34px}.hma-account-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.hma-account-title--dashboard{font-size:clamp(38px,4.1vw,68px)}.hma-account-lead--dashboard{max-width:670px}.hma-account-identity{min-width:300px;text-align:right}.hma-account-identity>span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.hma-account-identity>strong{display:block;margin-top:6px;font-size:15px;font-weight:600;overflow-wrap:anywhere}.hma-account-signout{display:inline-block;margin-top:10px;color:var(--blue);font-size:12px}.hma-credit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hma-credit-stat{min-height:156px;padding:24px;border:1px solid #dfe6ee;border-radius:14px;background:#f7f9fb}.hma-credit-stat--primary{background:#0d2037;border-color:#0d2037;color:#fff}.hma-credit-stat>span{display:block;font-size:12px;color:#69798a}.hma-credit-stat--primary>span,.hma-credit-stat--primary>small{color:#b9c9db}.hma-credit-stat>strong{display:block;margin-top:18px;font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.04em}.hma-credit-stat>small{display:block;margin-top:10px;color:#7b8897;font-size:11px}.hma-credit-stat-date{font-size:clamp(24px,2.5vw,34px)!important}.hma-credit-currencies{display:flex;flex-wrap:wrap;gap:8px;margin-top:-18px}.hma-credit-currencies>span{padding:8px 11px;border-radius:7px;background:#f1f5f9;color:#5f6f80;font-size:11px}.hma-account-section{padding:28px;border:1px solid #e0e6ed;border-radius:14px;background:#fff}.hma-account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.hma-account-section-head h2{margin:0;font-size:23px;line-height:1.2;letter-spacing:-.025em}.hma-account-section-head p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.hma-account-section-head>span{flex:0 0 auto;padding:6px 9px;border-radius:6px;background:#f1f5f9;color:#66778a;font-size:10px}.hma-credit-lots{display:grid;gap:10px}.hma-credit-lot{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(280px,1.25fr);gap:18px 34px;padding:18px 0;border-top:1px solid #edf1f5}.hma-credit-lot:first-child{border-top:0;padding-top:0}.hma-credit-lot-main>span{display:block;color:#7b8897;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.hma-credit-lot-main>strong{display:block;margin-top:4px;font-size:20px;font-weight:600}.hma-credit-lot-meta{display:flex;align-items:center;justify-content:flex-end;gap:26px;color:#788697;font-size:11px}.hma-credit-lot-meta strong{color:#344355;font-weight:600}.hma-credit-meter{grid-column:1/-1;height:3px;border-radius:10px;background:#edf2f6;overflow:hidden}.hma-credit-meter i{display:block;height:100%;border-radius:inherit;background:#1481ea}.hma-account-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hma-account-history{display:grid}.hma-history-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 0;border-top:1px solid #edf1f5}.hma-history-row:first-child{border-top:0}.hma-history-row>div{min-width:0}.hma-history-row strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.hma-history-row span{display:block;margin-top:4px;color:#8490a0;font-size:10px}.hma-history-row>b{flex:0 0 auto;font-size:12px;font-weight:600}.hma-history-row>b.is-positive{color:#14835b}.hma-history-row>b.is-negative{color:#a95454}.hma-account-empty{padding:24px 0 4px;color:#8693a2;font-size:13px}.hma-account-dashboard .hma-account-section:last-child{align-self:start}@media(max-width:900px){.hma-account-dashboard-head{align-items:flex-start;flex-direction:column;gap:24px}.hma-account-identity{min-width:0;text-align:left}.hma-credit-summary{grid-template-columns:1fr 1fr}.hma-credit-stat--primary{grid-column:1/-1}.hma-account-history-grid{grid-template-columns:1fr}}@media(max-width:600px){.hma-account-main--dashboard{padding:48px 0 64px}.hma-credit-summary{grid-template-columns:1fr}.hma-credit-stat--primary{grid-column:auto}.hma-account-section{padding:20px}.hma-credit-lot{grid-template-columns:1fr;gap:12px}.hma-credit-lot-meta{justify-content:flex-start;flex-wrap:wrap;gap:8px 20px}.hma-account-section-head{flex-direction:column;gap:12px}.hma-history-row{align-items:flex-start}.hma-credit-stat{min-height:138px}}

/* Account tabs — v2.6.7 */
.hma-account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.hma-account-tabs{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:thin}
.hma-account-tab{position:relative;flex:0 0 auto;padding:12px 14px;color:#6a7888;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none;border-radius:8px}
.hma-account-tab:hover{color:var(--blue);background:#f5f8fc}
.hma-account-tab.is-active{color:#0b65c8;background:#eef5fd}
.hma-account-tab.is-active::after{content:"";position:absolute;left:14px;right:14px;bottom:-23px;height:2px;background:var(--blue);border-radius:2px}
.hma-account-toolbar .hma-account-identity{min-width:0;text-align:right;flex:0 1 auto}
.hma-account-toolbar .hma-account-identity>strong{margin-top:0}
.hma-account-tab-panel{display:grid;gap:18px}
.hma-account-dashboard.hma-tabs-ready .hma-account-tab-panel[hidden]{display:none!important}
@media(max-width:760px){.hma-account-toolbar{align-items:flex-start;flex-direction:column-reverse;gap:18px}.hma-account-tabs{width:100%;padding-bottom:2px}.hma-account-toolbar .hma-account-identity{text-align:left}.hma-account-tab.is-active::after{bottom:-23px}}

/* HelpMyAgent account — compact dashboard alignment v2.6.8 */
.hma-account-main--dashboard{padding:48px 0 72px}
.hma-account-dashboard{gap:24px}
.hma-account-toolbar{padding:0;border-bottom:1px solid var(--line);min-height:52px}
.hma-account-tabs{gap:28px;overflow-x:auto;scrollbar-width:none}
.hma-account-tabs::-webkit-scrollbar{display:none}
.hma-account-tab{padding:16px 0 14px;border-radius:0;color:#445467;font-size:13px;font-weight:500;background:transparent!important}
.hma-account-tab:hover{color:var(--blue)}
.hma-account-tab.is-active{color:#071426;font-weight:600}
.hma-account-tab.is-active::after{left:0;right:0;bottom:-1px;height:2px;background:var(--blue)}
.hma-account-toolbar .hma-account-identity{display:flex;align-items:center;gap:14px;text-align:right}
.hma-account-toolbar .hma-account-identity>strong{font-size:12px;font-weight:500;color:#5f6f80}
.hma-account-toolbar .hma-account-signout{margin:0;font-size:11px;white-space:nowrap}
.hma-account-tab-panel{gap:14px}
.hma-credit-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #e0e6ed;border-radius:12px;background:#fff;overflow:hidden}
.hma-credit-stat,.hma-credit-stat--primary{min-height:104px;padding:17px 20px;border:0;border-left:1px solid #e8edf2;border-radius:0;background:#fff;color:#071426}
.hma-credit-stat:first-child{border-left:0}
.hma-credit-stat>span,.hma-credit-stat--primary>span{font-size:10px;font-weight:500;color:#758397;text-transform:uppercase;letter-spacing:.045em}
.hma-credit-stat>strong{margin-top:9px;font-size:28px;line-height:1.05;font-weight:600;letter-spacing:-.035em;color:#071426}
.hma-credit-stat--primary>strong{color:var(--blue)}
.hma-credit-stat>small,.hma-credit-stat--primary>small{margin-top:7px;color:#8a96a5;font-size:10px}
.hma-credit-stat-date{font-size:24px!important}
.hma-credit-currencies{margin-top:-4px}
.hma-account-section{padding:22px 24px;border:1px solid #e1e7ed;border-radius:12px}
.hma-account-section-head{margin-bottom:12px;align-items:center}
.hma-account-section-head h2{font-size:18px;letter-spacing:-.02em}
.hma-account-section-head p{margin-top:4px;font-size:11px}
.hma-account-section-head>span{padding:5px 8px;font-size:9px}
.hma-credit-lots{gap:0}
.hma-credit-lot{grid-template-columns:minmax(180px,.7fr) minmax(360px,1.3fr);gap:8px 28px;padding:14px 0;border-top:1px solid #edf1f5;align-items:center}
.hma-credit-lot:first-child{padding-top:4px}
.hma-credit-lot-main{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline}
.hma-credit-lot-main>span{grid-column:1/-1;font-size:9px}
.hma-credit-lot-main>strong{margin-top:3px;font-size:17px}
.hma-credit-lot-main>small{font-size:10px;color:#8a96a5}
.hma-credit-lot-meta{gap:24px;font-size:10px}
.hma-credit-meter{height:2px}
.hma-account-history .hma-history-row{padding:11px 0}
.hma-history-row strong{font-size:12px}
.hma-history-row span{font-size:9px}
.hma-history-row>b{font-size:11px}
.hma-account-empty{padding:16px 0 2px;font-size:12px}
@media(max-width:900px){.hma-account-toolbar .hma-account-identity{align-items:flex-start;flex-direction:column;gap:5px}.hma-credit-summary{grid-template-columns:1fr 1fr}.hma-credit-stat:first-child{grid-column:1/-1;border-bottom:1px solid #e8edf2}.hma-credit-stat:nth-child(2){border-left:0}.hma-credit-lot{grid-template-columns:1fr;gap:8px}.hma-credit-lot-meta{justify-content:flex-start}}
@media(max-width:600px){.hma-account-main--dashboard{padding:36px 0 56px}.hma-account-toolbar{align-items:stretch;gap:12px}.hma-account-tabs{gap:22px}.hma-credit-summary{grid-template-columns:1fr}.hma-credit-stat,.hma-credit-stat:first-child,.hma-credit-stat:nth-child(2){grid-column:auto;border-left:0;border-top:1px solid #e8edf2;border-bottom:0}.hma-credit-stat:first-child{border-top:0}.hma-credit-stat{min-height:92px;padding:15px 17px}.hma-account-section{padding:18px}.hma-account-section-head{align-items:flex-start}.hma-credit-lot-meta{gap:7px 18px}}

/* HelpMyAgent account workspace — v2.6.9 */
.hma-account-main--dashboard{padding:42px 0 76px;background:#F7F8FA}.hma-account-dashboard{gap:18px}.hma-account-toolbar{min-height:58px;padding:0;border-bottom:1px solid var(--line);align-items:stretch}.hma-account-tabs{display:flex;align-items:stretch;align-self:stretch;gap:30px;overflow-x:auto;scrollbar-width:none}.hma-account-tabs::-webkit-scrollbar{display:none}.hma-account-tab{display:inline-flex;align-items:center;position:relative;height:100%;gap:8px;padding:17px 0 15px;border-radius:0;background:transparent!important;color:#536176;font-size:13px;font-weight:500;white-space:nowrap}.hma-account-tab:hover{color:var(--blue)}.hma-account-tab.is-active{color:var(--blue);font-weight:600}.hma-account-tab.is-active::after{left:0;right:0;bottom:-1px;height:2px;background:var(--blue)}.hma-account-tab-icon{width:18px;height:18px;display:grid;place-items:center;line-height:0}.hma-account-tab-icon svg{display:block;width:18px;height:18px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hma-account-tab:first-child .hma-account-tab-icon svg{fill:currentColor;stroke:none}.hma-account-toolbar .hma-account-identity{display:flex;align-items:center;align-self:center;gap:14px;margin-left:auto;min-width:0;text-align:right}.hma-account-toolbar .hma-account-identity>strong{margin:0;color:#37475a;font-size:12px;font-weight:500}.hma-account-toolbar .hma-account-signout{margin:0;color:var(--blue);font-size:11px}.hma-account-tab-panel{display:grid;gap:18px;padding-top:4px}.hma-account-dashboard.hma-tabs-ready .hma-account-tab-panel[hidden]{display:none!important}
.hma-credit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;background:transparent;overflow:visible}.hma-credit-stat,.hma-credit-stat--primary{display:flex;align-items:center;gap:16px;min-height:124px;padding:21px 22px;border:1px solid #e1e8f0;border-radius:12px;background:#f8fafc;color:#071426}.hma-credit-stat:first-child{border-left:1px solid #d9e8f8}.hma-credit-stat--blue{background:linear-gradient(135deg,#f1f7ff,#f8fbff);border-color:#d9e8f8}.hma-credit-stat--warm{background:linear-gradient(135deg,#fffaf4,#fffdf9);border-color:#eee4d8}.hma-credit-stat-icon{position:relative;width:44px;height:44px;display:block;flex:0 0 44px;border-radius:50%;background:#e8f3ff;color:#087bf4;line-height:0}.hma-credit-stat--warm .hma-credit-stat-icon{background:#fff1df;color:#ef8a12}.hma-credit-stat:nth-child(3) .hma-credit-stat-icon{background:#f0f3f8;color:#172c48}.hma-credit-stat-icon svg{position:absolute;left:50%;top:50%;display:block;width:24px;height:24px;margin:0;transform:translate(-50%,calc(-50% + 1px));fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hma-credit-stat>div{min-width:0}.hma-credit-stat>div>span{display:block;color:#607086;font-size:11px;font-weight:500;text-transform:none;letter-spacing:0}.hma-credit-stat>div>strong{display:block;margin-top:8px;color:#071426;font-size:31px;line-height:1.05;font-weight:600;letter-spacing:-.04em}.hma-credit-stat>div>small{display:block;margin-top:7px;color:#77869a;font-size:10px}.hma-credit-stat-date{font-size:27px!important}.hma-credit-currencies{margin-top:-4px}
.hma-account-topup{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;min-height:210px;padding:32px 36px;border:1px solid #dbe9f7;border-radius:14px;background:radial-gradient(circle at 86% 22%,rgba(179,220,255,.55),transparent 38%),linear-gradient(110deg,#f3f8ff,#eef6ff 55%,#e6f2ff);overflow:hidden}.hma-account-topup-copy{position:relative;z-index:2;max-width:650px}.hma-account-topup h2{margin:0;font-size:29px;line-height:1.15;font-weight:600;letter-spacing:-.035em}.hma-account-topup-action{margin-top:18px;min-height:42px;padding:10px 17px;font-size:12px;opacity:.62}.hma-account-topup-visual{position:relative;min-height:145px;display:flex;align-items:flex-end;justify-content:flex-end}.hma-account-topup-visual img{position:relative;z-index:2;width:150px;height:auto;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(47,99,157,.14))}.hma-account-topup-chip{position:absolute;right:132px;bottom:28px;width:58px;height:58px;display:grid;place-items:center;border-radius:10px;background:rgba(70,157,242,.22);color:#187fdc;font:700 22px Consolas,monospace;transform:rotate(-3deg)}.hma-account-topup-chip--chart{right:104px;bottom:91px;width:52px;height:52px;font-family:Inter,Arial,sans-serif;font-size:24px;transform:rotate(4deg)}
.hma-account-section{padding:22px 24px;border:1px solid #e1e7ed;border-radius:12px;background:#fff}.hma-account-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}.hma-account-section-head h2{margin:0;font-size:18px;line-height:1.2;letter-spacing:-.02em}.hma-account-section-head p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.hma-account-section-head>a{flex:0 0 auto;color:var(--blue);font-size:11px}.hma-account-section-head>span{padding:5px 8px;border-radius:6px;background:#f1f5f9;color:#66778a;font-size:9px}.hma-account-activity-table{display:grid}.hma-account-activity-head,.hma-account-activity-row{display:grid;grid-template-columns:1.05fr .7fr .75fr .9fr 1.35fr;gap:18px;align-items:center}.hma-account-activity-head{padding:10px 0;color:#7b8999;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.hma-account-activity-row{padding:12px 0;border-top:1px solid #edf1f5;color:#617187;font-size:11px}.hma-account-activity-row>strong{font-size:11px;font-weight:600;color:#203247}.hma-account-activity-row>strong.is-positive{color:#13986b}.hma-account-activity-row>strong.is-negative{color:#a95454}
.hma-credit-lots{display:grid;gap:0}.hma-credit-lots-head,.hma-credit-lot{display:grid;grid-template-columns:1fr 1.35fr .8fr;gap:28px;align-items:center}.hma-credit-lots-head{padding:7px 0 10px;color:#7f8c9b;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.hma-credit-lot{padding:15px 0;border-top:1px solid #edf1f5}.hma-credit-lot-original strong,.hma-credit-lot-main>strong,.hma-credit-lot-expiry strong{display:block;color:#203247;font-size:13px;font-weight:600}.hma-credit-lot-original small,.hma-credit-lot-expiry small{display:block;margin-top:4px;color:#8995a3;font-size:9px}.hma-credit-lot-main{display:grid;grid-template-columns:auto minmax(100px,1fr);gap:14px;align-items:center}.hma-credit-meter{height:6px;border-radius:10px;background:#edf2f6;overflow:hidden}.hma-credit-meter i{display:block;height:100%;border-radius:inherit;background:#1687f8}.hma-account-history .hma-history-row{padding:11px 0}.hma-history-row strong{font-size:12px}.hma-history-row span{font-size:9px}.hma-history-row>b{font-size:11px}.hma-account-empty{padding:16px 0 2px;color:#8693a2;font-size:12px}
.hma-account-placeholder{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px;border:1px solid #e1e8ef;border-radius:14px;background:#fafbfd;text-align:center}.hma-account-placeholder-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#edf5ff;color:#147fe8;font-size:22px}.hma-account-placeholder h2{margin:15px 0 0;font-size:22px;letter-spacing:-.03em}.hma-account-placeholder p{margin:8px 0 0;color:#596b80;font-size:13px}.hma-account-placeholder small{margin-top:8px;color:#8793a1;font-size:10px}
@media(max-width:900px){.hma-account-toolbar{align-items:flex-start;flex-direction:column-reverse;gap:6px}.hma-account-toolbar .hma-account-identity{margin-left:0;align-items:flex-start;flex-direction:column;gap:4px}.hma-account-tabs{width:100%;gap:22px}.hma-credit-summary{grid-template-columns:1fr 1fr}.hma-credit-stat:first-child{grid-column:1/-1}.hma-account-topup{grid-template-columns:1fr 180px}.hma-account-activity-head,.hma-account-activity-row{grid-template-columns:1fr .7fr .75fr .85fr 1.15fr}.hma-credit-lots-head,.hma-credit-lot{grid-template-columns:1fr 1.1fr .8fr;gap:18px}}
@media(max-width:640px){.hma-account-main--dashboard{padding:28px 0 52px}.hma-account-tabs{gap:18px}.hma-account-tab{font-size:12px}.hma-account-tab-icon{display:none}.hma-credit-summary{grid-template-columns:1fr}.hma-credit-stat,.hma-credit-stat:first-child{grid-column:auto;min-height:104px}.hma-account-topup{grid-template-columns:1fr;min-height:0;padding:25px 22px}.hma-account-topup h2{font-size:24px}.hma-account-topup-visual{display:none}.hma-account-section{padding:18px}.hma-account-activity-head{display:none}.hma-account-activity-row{grid-template-columns:1fr auto;gap:6px 12px}.hma-account-activity-row>span:nth-child(2),.hma-account-activity-row>span:nth-child(3),.hma-account-activity-row>span:nth-child(5){grid-column:1}.hma-account-activity-row>strong{grid-column:2;grid-row:1/4;text-align:right}.hma-account-payment-amount{font-weight:500;color:#263b51}.hma-credit-lots-head{display:none}.hma-credit-lot{grid-template-columns:1fr;gap:10px}.hma-credit-lot-main{grid-template-columns:auto 1fr}.hma-credit-lot-expiry{display:flex;align-items:baseline;gap:8px}.hma-credit-lot-expiry small{margin:0}.hma-account-placeholder{min-height:220px;padding:30px 20px}}

/* Audience switch + human journey — v2.4.8 */
.audience-switch{display:inline-flex;align-items:center;gap:4px;margin:0 0 32px;padding:4px;border:1px solid #dce6f1;border-radius:12px;background:#f4f7fb;box-shadow:0 5px 16px rgba(32,72,112,.04)}
.audience-tab{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#42536a;font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.audience-tab[aria-selected="true"]{background:#087bf5;color:#fff;box-shadow:0 4px 12px rgba(8,123,245,.22)}
.audience-tab-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto}
.audience-tab-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.audience-tab-agent img{width:21px;height:16px;object-fit:contain;border-radius:4px;background:#fff;padding:1px}
.audience-panel[hidden]{display:none!important}
.human-journey-player{position:relative}
.human-journey-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-bottom:28px}
.human-journey-controls button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:20px 13px;border:1px solid #dce6ef;border-radius:15px;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.human-journey-controls button:not(:last-child)::after{content:"→";position:absolute;right:-20px;top:calc(50% - 12px);color:#338ee3;font-size:20px}
.human-journey-controls button[aria-pressed="true"]{border-color:#1685f9;box-shadow:0 7px 25px rgba(25,123,227,.08);transform:translateY(-3px)}
.human-journey-controls .journey-icon{background:#eaf4ff;color:#087bf5;border:0;box-shadow:none}
.human-journey-controls button[aria-pressed="true"] .journey-icon{background:#087bf5;color:#fff}
.human-journey-icon>span{display:block;width:22px;height:22px;position:relative}
.human-journey-controls [data-human-icon="user"] .human-journey-icon>span::before{content:"";position:absolute;left:8px;top:2px;width:6px;height:6px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}
.human-journey-controls [data-human-icon="user"] .human-journey-icon>span::after{content:"";position:absolute;left:4px;bottom:2px;width:14px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0;box-sizing:border-box}
.human-journey-controls [data-human-icon="wallet"] .human-journey-icon>span::before{content:"€";position:absolute;inset:0;display:grid;place-items:center;font-size:17px;font-weight:700}
.human-journey-controls [data-human-icon="link"] .human-journey-icon>span::before{content:"↔";position:absolute;inset:0;display:grid;place-items:center;font-size:20px;font-weight:600}
.human-journey-controls [data-human-icon="chat"] .human-journey-icon>span::before{content:"";position:absolute;left:3px;top:4px;width:16px;height:12px;border:2px solid currentColor;border-radius:5px;box-sizing:border-box}
.human-journey-controls [data-human-icon="chat"] .human-journey-icon>span::after{content:"";position:absolute;left:7px;top:14px;width:5px;height:5px;border-left:2px solid currentColor;transform:skew(-28deg)}
.human-journey-controls [data-human-icon="chart"] .human-journey-icon>span{background:linear-gradient(to top,currentColor 0 100%) 3px 13px/3px 6px no-repeat,linear-gradient(to top,currentColor 0 100%) 9px 8px/3px 11px no-repeat,linear-gradient(to top,currentColor 0 100%) 15px 3px/3px 16px no-repeat}
.human-journey-panel{background:linear-gradient(115deg,#fbfdff,#f0f7ff)}
.human-speech{max-width:94%}
.human-avatar{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#087bf5;color:#fff}
.human-avatar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.human-credit-card,.human-usage-card{padding:24px;border:1px solid #dce7f2;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(37,78,115,.06)}
.human-credit-card>span,.human-usage-card>div:first-child>span{display:block;color:#72849a;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.human-credit-card>strong,.human-usage-card>div:first-child>strong{display:block;margin-top:7px;color:#203247;font-size:16px;font-weight:600}
.human-credit-balance{display:flex;align-items:flex-end;gap:7px;margin:22px 0 13px;color:#087bf5}
.human-credit-balance b{font-size:42px;line-height:1;font-weight:600;letter-spacing:-1.4px}
.human-credit-balance small{padding-bottom:4px;font-size:15px}
.human-credit-meter{height:5px;border-radius:10px;background:#e8eef5;overflow:hidden}
.human-credit-meter i{display:block;width:72%;height:100%;border-radius:inherit;background:#087bf5;animation:human-meter 6.5s ease both}
.human-credit-card p{margin:13px 0 0;color:#718298;font-size:12px}
.human-connect-visual{position:relative;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:14px;min-height:210px;padding:22px}
.human-connect-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:118px;border:1px solid #dce7f2;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(37,78,115,.05)}
.human-connect-node strong{font-size:13px;font-weight:600}
.human-connect-hma img{width:44px;height:33px;object-fit:contain}
.human-connect-line{position:relative;height:2px;background:#c7dcf1;overflow:visible}
.human-connect-line i{position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:#087bf5;box-shadow:0 0 12px rgba(8,123,245,.35);animation:human-connect 2.2s ease-in-out infinite}
.human-connect-caption{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:100%;text-align:center;color:#7b8da2;font-size:10px}
.human-usage-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #edf2f6;color:#5f7185;font-size:12px}
.human-usage-row:first-of-type{margin-top:18px}
.human-usage-row b{color:#087bf5;font-size:13px}
.human-usage-bars{display:flex;align-items:flex-end;gap:7px;height:48px;margin-top:14px;padding-top:10px;border-top:1px solid #edf2f6}
.human-usage-bars i{flex:1;border-radius:4px 4px 1px 1px;background:#d9eaff;animation:human-bars 6.5s ease both}
.human-usage-bars i:nth-child(1){height:28%}.human-usage-bars i:nth-child(2){height:52%;animation-delay:.08s}.human-usage-bars i:nth-child(3){height:78%;animation-delay:.16s}.human-usage-bars i:nth-child(4){height:61%;animation-delay:.24s}.human-usage-bars i:nth-child(5){height:88%;animation-delay:.32s}
@keyframes human-meter{0%{width:8%}28%,100%{width:72%}}
@keyframes human-connect{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 9px);opacity:0}}
@keyframes human-bars{0%{transform:scaleY(.15);transform-origin:bottom;opacity:.45}28%,100%{transform:scaleY(1);transform-origin:bottom;opacity:1}}
@media(max-width:1000px){.human-journey-controls{gap:12px}.human-journey-controls button{padding:13px 8px}.human-journey-controls button:not(:last-child)::after{right:-12px;font-size:14px}}
@media(max-width:700px){.audience-switch{width:100%;box-sizing:border-box}.audience-tab{flex:1;padding:0 10px}.human-journey-controls{grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px;overflow-x:auto;padding:5px 2px 14px;scroll-snap-type:x}.human-journey-controls button{scroll-snap-align:center;align-items:center;text-align:center;padding:14px 9px}.human-journey-controls button:not(:last-child)::after{right:-9px;font-size:11px}.human-connect-visual{grid-template-columns:1fr 70px 1fr;padding:10px 0}.human-connect-node{min-height:105px}.human-connect-caption{bottom:-4px}.human-credit-card,.human-usage-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.human-credit-meter i,.human-connect-line i,.human-usage-bars i{animation:none}}

/* HelpMyAgent account catalogue + prepaid playground — v2.7.2 */
.hma-account-api{display:grid;gap:18px;padding:22px 24px;border:1px solid #e1e7ed;border-radius:12px;background:#fff}
.hma-account-api-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.hma-account-api-head h2{margin:0;font-size:18px;line-height:1.2;letter-spacing:-.02em}
.hma-account-api-head p{max-width:680px;margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.hma-account-api-search{width:min(280px,100%);flex:0 0 auto}
.hma-account-api-search input{width:100%;height:38px;padding:0 12px;border:1px solid #dce4ec;border-radius:8px;background:#f8fafc;font-size:12px;outline:0}
.hma-account-api-search input:focus{border-color:#8dbfee;box-shadow:0 0 0 3px rgba(0,107,214,.08)}
.hma-account-api-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.55fr);gap:18px;min-height:480px}
.hma-account-api-list{min-height:0;max-height:560px;overflow:auto;border:1px solid #e4e9ef;border-radius:10px;background:#fbfcfd}
.hma-account-api-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:0;border-bottom:1px solid #e9edf2;border-radius:0;background:transparent;text-align:left;color:#24364a}
.hma-account-api-item:last-child{border-bottom:0}
.hma-account-api-item:hover{background:#f1f6fb}
.hma-account-api-item.is-active{background:#eaf4ff;box-shadow:inset 2px 0 0 var(--blue)}
.hma-account-api-item>span{min-width:0;display:grid;gap:3px}
.hma-account-api-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}
.hma-account-api-item code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#748397;font-size:9px}
.hma-account-api-item b{flex:0 0 auto;color:#2a415a;font-size:10px;font-weight:600}
.hma-account-api-empty{padding:24px;color:#7d8a99;font-size:12px;text-align:center}
.hma-account-api-runner{min-width:0;padding:18px;border:1px solid #e4e9ef;border-radius:10px;background:#fff}
.hma-account-api-selected{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.hma-account-api-selected>div{min-width:0}
.hma-account-api-category{display:block;margin-bottom:5px;color:var(--blue);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}
.hma-account-api-selected h3{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.025em}
.hma-account-api-selected code{display:block;margin-top:6px;color:#6b7c8f;font-size:10px;overflow-wrap:anywhere}
.hma-account-api-selected>strong{flex:0 0 auto;padding:6px 9px;border-radius:7px;background:#edf5ff;color:#146fc8;font-size:11px}
.hma-account-api-description{margin:13px 0 16px;color:#5e6f82;font-size:12px;line-height:1.65}
.hma-account-api-input-label{display:block;margin-bottom:7px;color:#34485e;font-size:10px;font-weight:600}
.hma-account-api-input{display:block;width:100%;min-height:155px;resize:vertical;padding:14px;border:1px solid #263d57;border-radius:9px;background:#10243a;color:#d5e5f5;font:11px/1.7 Consolas,"Courier New",monospace;outline:0}
.hma-account-api-input:focus{border-color:#1687f8;box-shadow:0 0 0 3px rgba(22,135,248,.1)}
.hma-account-api-actions{display:flex;align-items:center;gap:16px;margin-top:13px}
.hma-account-api-actions .action{min-height:39px;padding:9px 15px;font-size:11px}
.hma-account-api-actions>span{color:#728194;font-size:10px}
.hma-account-api-result{margin-top:14px;border:1px solid #dbe4ec;border-radius:9px;overflow:hidden;background:#0e2034}
.hma-account-api-result-meta{padding:10px 13px;border-bottom:1px solid #2a4058;background:#162b43;color:#b9cce0;font-size:10px}
.hma-account-api-result pre{max-height:360px;margin:0;padding:15px;overflow:auto;color:#d7e7f7;font:11px/1.7 Consolas,"Courier New",monospace;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){.hma-account-api-head{align-items:stretch;flex-direction:column}.hma-account-api-search{width:100%}.hma-account-api-layout{grid-template-columns:1fr}.hma-account-api-list{max-height:300px}}
@media(max-width:640px){.hma-account-api{padding:18px}.hma-account-api-runner{padding:15px}.hma-account-api-selected{flex-direction:column;gap:10px}.hma-account-api-actions{align-items:stretch;flex-direction:column}.hma-account-api-actions .action{width:100%}.hma-account-api-actions>span{align-self:flex-start}}

/* Account API catalogue category navigation */
.hma-account-api-categories{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:1px 0 3px}
.hma-account-api-category-filter{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 11px;border:1px solid #e1e7ed;border-radius:8px;background:#fff;color:#617286;font-size:11px;font-weight:500;line-height:1;transition:background .18s,border-color .18s,color .18s}
.hma-account-api-category-filter sup{font-size:9px;font-weight:500;line-height:1;color:#8290a0}
.hma-account-api-category-filter:hover{border-color:#bfd5e9;background:#f6faff;color:#176fbf}
.hma-account-api-category-filter.is-active{border-color:#c9dff4;background:#edf6ff;color:var(--blue)}
.hma-account-api-category-filter.is-active sup{color:#3982c7}
.hma-account-api-group+.hma-account-api-group{border-top:1px solid #e3e9ef}
.hma-account-api-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 8px;background:#f5f8fb;color:#53677d;font-size:10px;font-weight:600;letter-spacing:.025em}
.hma-account-api-group-title small{font-size:9px;font-weight:500;color:#8a98a8}
.hma-account-api-group .hma-account-api-item:last-child{border-bottom:0}
@media(max-width:640px){.hma-account-api-categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.hma-account-api-category-filter{flex:0 0 auto}}
/* Account catalogue — database-driven request form. */
.hma-account-api-form-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:17px 0 9px;padding-top:15px;border-top:1px solid #edf0f4}
.hma-account-api-form-head>div{display:grid;gap:3px}
.hma-account-api-form-head strong{color:#263b52;font-size:11px;font-weight:600}
.hma-account-api-form-head span,.hma-account-api-form-head small{color:#7a8999;font-size:9px;line-height:1.5}
.hma-account-api-form-head small{flex:0 0 auto}
.hma-account-api-dynamic-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;padding:14px;border:1px solid #e3e9ef;border-radius:9px;background:#f8fafc}
.hma-account-api-field{min-width:0;display:grid;align-content:start;gap:6px}
.hma-account-api-field-label{color:#34485e;font-size:10px;font-weight:600;line-height:1.35}
.hma-account-api-field input,.hma-account-api-field select,.hma-account-api-field textarea{width:100%;min-width:0;border:1px solid #d7e0e9;border-radius:7px;background:#fff;color:#1c2d40;font-size:11px;line-height:1.45;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}
.hma-account-api-field input,.hma-account-api-field select{height:39px;padding:0 11px}
.hma-account-api-field textarea{min-height:92px;padding:10px 11px;resize:vertical}
.hma-account-api-field input:focus,.hma-account-api-field select:focus,.hma-account-api-field textarea:focus{border-color:#8dbfee;box-shadow:0 0 0 3px rgba(0,107,214,.08)}
.hma-account-api-field input:invalid:not(:focus):not(:placeholder-shown),.hma-account-api-field textarea:invalid:not(:focus):not(:placeholder-shown){border-color:#d6a3a3}
.hma-account-api-field-help{display:block;color:#7b8999;font-size:9px;line-height:1.55}
.hma-account-api-json-field{font-family:Consolas,"Courier New",monospace!important;font-size:10px!important}
.hma-account-api-fieldset{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:0;padding:13px;border:1px solid #dfe7ef;border-radius:8px;background:#fff}
.hma-account-api-fieldset legend{padding:0 6px;color:#2d435a;font-size:10px;font-weight:600}
.hma-account-api-fieldset>.hma-account-api-field-help{grid-column:1/-1;margin-top:-3px}
@media(max-width:640px){.hma-account-api-form-head{align-items:flex-start;flex-direction:column;gap:5px}.hma-account-api-dynamic-form,.hma-account-api-fieldset{grid-template-columns:1fr}.hma-account-api-fieldset{grid-column:auto}}

/* HelpMyAgent account billing — v2.8.1 */
.hma-billing-notice{padding:12px 15px;border:1px solid #dbe6f1;border-radius:10px;background:#f7fafe;color:#344b63;font-size:12px;line-height:1.5}.hma-billing-notice--success{border-color:#cfe9df;background:#f4fbf8;color:#24634d}.hma-billing-notice--cancel{background:#fafbfd}.hma-billing-notice--error{border-color:#eed9d9;background:#fff8f8;color:#824747}.hma-account-billing{padding:26px 28px;border:1px solid #dfe7ef;border-radius:14px;background:#fff}.hma-account-billing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.hma-account-billing-head h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.025em}.hma-account-billing-head p{max-width:720px;margin:6px 0 0;color:#68798b;font-size:12px;line-height:1.55}.hma-billing-mode{flex:0 0 auto;padding:5px 8px;border-radius:6px;background:#edf5ff;color:#126fc6;font-size:9px;font-weight:700;letter-spacing:.06em}.hma-account-billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hma-billing-option{display:flex;flex-direction:column;min-height:230px;padding:22px;border:1px solid #e4eaf0;border-radius:12px;background:#fafbfd}.hma-billing-option--subscription{background:#f5f9ff;border-color:#d9e8f7}.hma-billing-kicker{color:#738397;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.065em}.hma-billing-option>strong{display:block;margin-top:9px;color:#162b42;font-size:24px;font-weight:650;letter-spacing:-.035em}.hma-billing-option>p{margin:6px 0 0;color:#4e6277;font-size:12px}.hma-billing-option>small{display:block;margin:9px 0 0;color:#7b8998;font-size:10px;line-height:1.5}.hma-billing-form{margin-top:auto;padding-top:18px}.hma-billing-form input[type=range]{width:100%;accent-color:#147fe8;cursor:pointer}.hma-billing-form input[type=range]:disabled{cursor:not-allowed;opacity:.45}.hma-billing-range{display:flex;justify-content:space-between;margin-top:4px;color:#8a97a5;font-size:9px}.hma-billing-action{margin-top:13px;min-height:40px;padding:9px 16px;font-size:11px}.hma-billing-action:disabled{cursor:not-allowed;opacity:.45}.hma-billing-unavailable{margin:14px 0 0;color:#7b8998;font-size:10px}.hma-billing-portal-form{margin:18px 0 0}.hma-account-placeholder .hma-billing-action{margin-top:0}.hma-account-placeholder .hma-billing-portal-form+small{margin-top:14px}@media(max-width:760px){.hma-account-billing{padding:22px 18px}.hma-account-billing-head{flex-direction:column;gap:10px}.hma-account-billing-grid{grid-template-columns:1fr}.hma-billing-option{min-height:210px}}

/* HelpMyAgent account billing showcase — v2.9.3 */
.hma-account-billing{padding:28px 30px 30px;border:1px solid #d8e5f2;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 12px 34px rgba(26,75,124,.035);overflow:hidden}
.hma-account-billing-head{align-items:flex-start;margin-bottom:22px}.hma-account-billing-head h2{font-size:25px;font-weight:650;color:#0b1c31}.hma-account-billing-head p{max-width:720px;margin-top:7px;color:#687b91;font-size:12px;line-height:1.55}.hma-billing-mode{margin-top:2px;padding:6px 10px;border-radius:8px;background:#edf5ff;color:#0f6fcb;font-size:9px;font-weight:750;letter-spacing:.065em}
.hma-account-billing-showcase{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.72fr);gap:22px;align-items:stretch}.hma-account-billing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hma-billing-option{min-height:300px;padding:24px;border:1px solid #dfe7ef;border-radius:14px;background:linear-gradient(145deg,#fbfcfe,#f8fafc);box-shadow:0 8px 22px rgba(43,79,115,.03)}.hma-billing-option--subscription{border-color:#cfe3f7;background:linear-gradient(145deg,#f5f9ff,#f1f7ff)}
.hma-billing-option-head{display:flex;align-items:flex-start;gap:15px}.hma-billing-option-head>div{min-width:0}.hma-billing-option-icon{position:relative;width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:50%;background:#e9f4ff;color:#0d7ce7}.hma-billing-option--subscription .hma-billing-option-icon{background:#e5f1ff}.hma-billing-option-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hma-billing-kicker{font-size:10px;color:#6b7d93;letter-spacing:.07em}.hma-billing-option-head strong{display:block;margin-top:7px;color:#0b1c31;font-size:25px;line-height:1.08;font-weight:650;letter-spacing:-.04em}.hma-billing-option-head p{margin:7px 0 0;color:#4e6379;font-size:12px}.hma-billing-per-credit{margin-left:6px;color:#78899b}
.hma-billing-benefits{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.hma-billing-benefits li{display:flex;align-items:center;gap:9px;color:#62758b;font-size:11px;line-height:1.4}.hma-billing-benefits li>span{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;border-radius:50%;background:#dceeff;color:#0b7eea;font-size:12px;font-weight:800}
.hma-billing-form{display:flex;flex-direction:column;margin-top:auto;padding-top:24px}.hma-billing-form input[type=range]{--hma-range-progress:5.3%;width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;accent-color:#147fe8}.hma-billing-form input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#1786ef 0 var(--hma-range-progress),#e1e7ed var(--hma-range-progress) 100%);box-shadow:inset 0 0 0 1px rgba(98,119,142,.16)}.hma-billing-form input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:0;border-radius:50%;background:#1786ef;box-shadow:0 2px 5px rgba(15,91,165,.18);appearance:none;-webkit-appearance:none}.hma-billing-form input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#e1e7ed}.hma-billing-form input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:#1786ef}.hma-billing-form input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#1786ef;box-shadow:0 2px 5px rgba(15,91,165,.18)}.hma-billing-range{margin-top:2px;color:#7f8fa0;font-size:9px}.hma-billing-action-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin-top:20px}.hma-billing-action-row small{margin:0;color:#718398;font-size:10px;line-height:1.45}.hma-billing-action{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:10px 19px;border-radius:9px;font-size:11px;box-shadow:0 8px 18px rgba(9,103,223,.14)}.hma-billing-action span{font-size:15px;line-height:1}
.hma-account-billing-art{position:relative;min-height:300px;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 48% 48%,rgba(217,237,255,.8),rgba(244,249,255,.45) 44%,rgba(255,255,255,0) 72%)}.hma-account-billing-orbit{position:absolute;left:50%;bottom:-136px;width:330px;max-width:none;transform:translateX(-50%);opacity:.72;pointer-events:none}.hma-account-billing-robot{position:absolute;right:-4px;bottom:-38px;z-index:2;width:275px;height:auto;filter:drop-shadow(0 18px 24px rgba(32,84,133,.12));pointer-events:none}.hma-account-billing-note{position:absolute;left:8px;top:24px;z-index:3;max-width:180px;color:#0d78df;font-size:20px;line-height:1.16;font-weight:700;letter-spacing:-.035em;white-space:pre-line;transform:rotate(-4deg)}.hma-account-billing-note::after{content:"";display:block;width:78px;height:2px;margin:7px 0 0 24px;border-radius:9px;background:#48a6ff;transform:rotate(-4deg)}.hma-account-billing-bubble{position:absolute;right:2px;top:88px;z-index:4;max-width:128px;padding:10px 12px;border:1px solid #d7e5f2;border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 9px 24px rgba(48,85,121,.08);color:#466079;font-size:9px;line-height:1.45;white-space:pre-line}.hma-billing-unavailable{margin:16px 0 0}
@media(max-width:1080px){.hma-account-billing-showcase{grid-template-columns:1fr}.hma-account-billing-art{min-height:220px;border-top:1px solid #edf3f8}.hma-account-billing-orbit{left:auto;right:20px;bottom:-195px;width:360px;transform:none}.hma-account-billing-robot{right:56px;bottom:-80px;width:230px}.hma-account-billing-note{left:calc(50% - 280px);top:44px}.hma-account-billing-bubble{right:28px;top:40px}}
@media(max-width:760px){.hma-account-billing{padding:22px 18px}.hma-account-billing-head{flex-direction:row;gap:12px}.hma-account-billing-head h2{font-size:23px}.hma-account-billing-grid{grid-template-columns:1fr}.hma-billing-option{min-height:0}.hma-account-billing-art{min-height:205px}.hma-account-billing-note{left:18px;top:34px;font-size:18px}.hma-account-billing-robot{right:10px;bottom:-62px;width:210px}.hma-account-billing-orbit{right:-20px;bottom:-185px;width:330px}.hma-account-billing-bubble{display:none}}
@media(max-width:520px){.hma-account-billing-head{align-items:flex-start;flex-direction:column}.hma-billing-option{padding:20px}.hma-billing-option-icon{width:46px;height:46px;flex-basis:46px}.hma-billing-option-head strong{font-size:23px}.hma-billing-action-row{grid-template-columns:1fr}.hma-billing-action{justify-content:center;width:100%}.hma-account-billing-art{min-height:175px}.hma-account-billing-note{max-width:145px;font-size:16px}.hma-account-billing-robot{right:-10px;bottom:-62px;width:185px}.hma-account-billing-orbit{right:-65px;bottom:-190px;width:300px}}

/* Account billing credit summary — v2.9.8 */
.hma-account-billing-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 24px!important}
@media(max-width:640px){.hma-account-billing-summary{grid-template-columns:1fr}}

/* v2.9.9 — account onboarding: agent connection block */
.hma-account-connect{margin-top:24px;padding:28px 30px;border:1px solid #d8e5f2;border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(26,75,124,.035)}
.hma-account-connect-head h2{margin:0;color:#0b1c31;font-size:25px;line-height:1.2;font-weight:650;letter-spacing:-.025em}
.hma-account-connect-head p{max-width:720px;margin:7px 0 0;color:#687b91;font-size:12px;line-height:1.55}
@media(max-width:760px){.hma-account-connect{padding:22px 18px}.hma-account-connect-head h2{font-size:23px}}


/* v2.10.0 — account onboarding steps */
.hma-account-step-label{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#0879e6;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.075em}
.hma-account-step-label>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#0a7fe8;color:#fff;font-size:11px;font-weight:800;letter-spacing:0;box-shadow:0 5px 12px rgba(10,127,232,.18)}
.hma-account-step-label>strong{font:inherit;color:inherit}
.hma-account-step-label--next{color:#5d7186}.hma-account-step-label--next>span{background:#eaf3fc;color:#0a75d4;box-shadow:none}
.hma-account-connect-placeholder{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;margin-top:22px;padding:18px 20px;border:1px dashed #cfdeeb;border-radius:12px;background:#f8fbfe}
.hma-account-connect-placeholder-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e9f4ff;color:#0a7fe8}.hma-account-connect-placeholder-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hma-account-connect-placeholder>div{min-width:0}.hma-account-connect-placeholder>div>strong{display:block;color:#17314b;font-size:13px;font-weight:650}.hma-account-connect-placeholder>div>p{margin:4px 0 0;color:#708297;font-size:11px;line-height:1.5}
.hma-account-connect-placeholder-status{padding:6px 9px;border-radius:999px;background:#edf5fd;color:#44708f;font-size:9px;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.055em}
@media(max-width:640px){.hma-account-connect-placeholder{grid-template-columns:auto minmax(0,1fr)}.hma-account-connect-placeholder-status{grid-column:2;justify-self:start}.hma-account-step-label{margin-bottom:9px}}

/* v3.0.4 — account onboarding flow */
.hma-account-onboarding-flow{
    position:relative;
    display:grid;
    gap:28px;
}
.hma-account-onboarding-step{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:84px minmax(0,1fr);
    gap:40px;
    margin-left:20px;
    align-items:start;
}
.hma-account-onboarding-step--current::after{
    content:"";
    position:absolute;
    z-index:0;
    left:42px;
    top:50px;
    width:1px;
    height:calc(100% + 28px);
    transform:translateX(-50%);
    background:repeating-linear-gradient(
        to bottom,
        rgba(94,145,190,.48) 0 5px,
        transparent 5px 10px
    );
    pointer-events:none;
}
.hma-account-onboarding-rail{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:18px;
    text-align:center;
    color:#5c748b;
}
.hma-account-onboarding-number{
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    margin-bottom:10px;
    border:8px solid #ffffff;
    border-radius:50%;
    background:#337fbf;
    box-sizing:content-box;
    color:#fff;
    font-size:20px;
    line-height:1;
    font-weight:750;
    box-shadow:0 5px 15px rgb(44 105 158 / 30%);
}
.hma-account-onboarding-step--current .hma-account-onboarding-number,
.hma-account-onboarding-step--next .hma-account-onboarding-number{
    border:8px solid #ffffff;
    background:#337fbf;
    color:#fff;
    box-shadow:0 5px 15px rgb(44 105 158 / 30%);
}
.hma-account-onboarding-step>.hma-account-billing,
.hma-account-onboarding-step>.hma-account-connect{
    min-width:0;
    width:100%;
    margin-top:0;
}

@media(max-width:900px){
    .hma-account-onboarding-flow{gap:24px}
    .hma-account-onboarding-step{grid-template-columns:1fr;gap:10px;margin-left:0}
    .hma-account-onboarding-step--current::after{display:none}
    .hma-account-onboarding-rail{
        flex-direction:row;
        justify-content:flex-start;
        gap:9px;
        padding:0 4px;
        text-align:left;
    }
    .hma-account-onboarding-number{
        margin:0;
    }
}

/* Account OTP verification step — v2.7.11 */
.hma-account-otp-address{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:52px;min-width:0;margin-top:18px;padding:0 15px;border:1px solid #dce5ef;border-radius:10px;background:#fff}
.hma-account-otp-address strong{min-width:0;overflow-wrap:anywhere;color:#14253b;font-size:14px;font-weight:650}
.hma-account-otp-change,.hma-account-otp-resend{margin:0;flex:0 0 auto}
.hma-account-otp-change button,.hma-account-otp-resend button{border:0;background:transparent;padding:5px 0;color:#0967df;font-family:inherit;font-size:12px;font-weight:500;line-height:inherit;cursor:pointer}
.hma-account-otp-change button:hover,.hma-account-otp-resend button:hover{color:#074da6;text-decoration:underline}
.hma-account-otp-change button:focus-visible,.hma-account-otp-resend button:focus-visible{outline:2px solid #0967df;outline-offset:3px;border-radius:3px}
.hma-account-otp-form.hma-account-form{margin-top:25px}
.hma-account-otp-form .hma-account-otp-input{box-sizing:border-box;display:block;width:100%;height:52px;padding:0 16px;border:1px solid #cfd7e2;border-radius:10px;background:#fff;color:#15243a;font:600 22px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.35em;text-align:center;outline:none}
.hma-account-otp-form .hma-account-otp-input::placeholder{color:#bdc9d7;opacity:1}
.hma-account-otp-form .hma-account-otp-input:focus{border-color:#0967df;box-shadow:0 0 0 3px rgba(9,103,223,.12)}
.hma-account-otp-expiry{margin:10px 0 14px;color:#728197;font-size:12px;line-height:1.5;text-align:center}
.hma-account-otp-form.hma-account-form>button{margin-top:0}
.hma-account-otp-footer{box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;height:30px;margin-top:21px;color:#748197;font-family:inherit;font-size:clamp(10px,2.8vw,12px);font-weight:400;line-height:1.6;white-space:nowrap}
.hma-account-otp-footer span,.hma-account-otp-resend,.hma-account-otp-resend button{font-family:inherit;font-size:inherit;line-height:inherit}
.hma-account-otp-resend-action{display:flex;align-items:center}
.hma-account-otp-resend-action[hidden]{display:none}
.hma-account-otp-wait{margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:center}
.hma-account-otp-notice{margin:16px 0 0;padding:11px 13px;border:1px solid #d8e5f7;border-radius:9px;background:#f0f6ff;color:#315b85;font-size:12px;line-height:1.55}
.hma-account-otp-wait[hidden]{display:none}
@media(max-width:520px){.hma-account-otp-address{align-items:center;flex-direction:row;gap:8px}.hma-account-otp-address strong{font-size:13px}.hma-account-otp-form .hma-account-otp-input{font-size:20px;letter-spacing:.25em}}