.agents-page {
    background: radial-gradient(ellipse at 88% 0%, #eaf6ee 0, transparent 38%), linear-gradient(180deg, #f6f9fc, #fff);
    padding: 155px 0 80px;
}
.agents-container { max-width: 1180px; }
.agents-header { margin-bottom: 36px; }
.agents-heading-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); align-items: center; gap: 2rem; }
.agents-heading-copy { grid-column: 2; min-width: 0; text-align: center; }
.agents-header .agents-heading-row h1 { margin-bottom: 14px; font-size: clamp(30px, 3.2vw, 44px); text-wrap: balance; }
.agents-header h1 .agents-heading-world { color: inherit; }
.agents-heading-world .bi { display: inline-block; font-size: .7em; vertical-align: .05em; color: var(--tf-green); }
.agents-product-search { grid-column: 1; display: flex; align-items: center; gap: .875rem; color: var(--tf-blue); text-align: left; text-decoration: none; }
.agents-product-search-icon { display: grid; place-items: center; flex: 0 0 3.25rem; width: 3.25rem; height: 3.25rem; border-radius: 50%; background: var(--tf-blue); color: #fff; font-size: 1.5rem; }
.agents-product-search-label { font-size: 1.125rem; font-weight: 700; line-height: 1.4; }
.agents-product-search-label .bi { color: var(--tf-green); }
.agents-product-search-line { display: block; white-space: nowrap; }
.agents-product-search:hover .agents-product-search-icon { background: var(--tf-green); }
.agents-product-search:focus-visible { outline: 3px solid var(--tf-green); outline-offset: 6px; border-radius: .5rem; }
.agents-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--tf-green-dark); font-size: clamp(20px, 1.7vw, 30px); font-weight: 800; letter-spacing: .2px; line-height: 1.3; margin-bottom: 12px; }
.agents-eyebrow i { font-size: 20px; }
.agents-header h1 { color: var(--tf-blue); font-size: clamp(30px, 4vw, 48px); line-height: 1.15; font-weight: 800; letter-spacing: -1.6px; margin-bottom: 18px; }
.agents-header h1 span { color: var(--tf-green-dark); }
.agents-heading-copy > p { max-width: 680px; color: var(--tf-muted); font-size: 17px; line-height: 1.7; margin: 0 auto; text-wrap: balance; }
.agents-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.agents-search-output:has(#agents-search-notice[hidden]):has(#agents-results[hidden]) { display: none; }
.agents-search-output > h2 { margin: 0 0 20px; color: var(--tf-blue); font-size: 23px; font-weight: 750; }
.agents-panel { background: #fff; border: 1px solid var(--tf-border); border-radius: 22px; padding: 32px; box-shadow: 0 12px 42px rgba(11, 43, 92, .045); }
.agents-panel-heading { display: flex; gap: 14px; align-items: center; padding-bottom: 24px; margin-bottom: 26px; border-bottom: 1px solid var(--tf-border); }
.agents-section-icon { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border-radius: 12px; background: #edf6f0; color: var(--tf-green-dark); font-size: 21px; }
.agents-panel-heading h2 { font-size: 21px; font-weight: 750; margin-bottom: 5px; letter-spacing: -.4px; }
.agents-panel-heading p { font-size: 13px; color: var(--tf-muted); margin: 0; }
.agents-field { margin-bottom: 23px; min-width: 0; }
.agents-field label { display: flex; align-items: baseline; gap: 6px; font-size: 16px; font-weight: 750; color: var(--tf-blue); margin-bottom: 10px; }
.agents-required { color: var(--tf-green-dark); }
.agents-optional { color: var(--tf-muted); font-size: 12px; font-weight: 400; }
.agents-field label .agents-optional { margin-left: auto; }
.agents-field .form-control, .agents-field .form-select { border: 2px solid #8eabc3; border-radius: 10px; padding: 14px 16px; min-height: 54px; font-size: 16px; color: #17324d; background-color: #f4f8fc; box-shadow: inset 0 1px 2px rgba(11, 43, 92, .04); }
.agents-field .form-select { padding-right: 40px; }
.agents-field textarea.form-control { line-height: 1.6; resize: vertical; min-height: 85px; }
.agents-field .form-control::placeholder { color: #61758b; opacity: 1; }
.agents-field .form-control:hover, .agents-field .form-select:hover { border-color: #527b9d; }
.agents-field .form-control:focus, .agents-field .form-select:focus { border-color: var(--tf-green); box-shadow: 0 0 0 4px rgba(7, 148, 71, .16); background-color: #fff; }
.agents-autocomplete { position: relative; }
.agents-suggestions { position: absolute; top: calc(100% + 5px); left: 0; right: 0; z-index: 20; list-style: none; margin: 0; padding: 5px; max-height: 300px; overflow-y: auto; background: #fff; border: 1px solid #8eabc3; border-radius: 10px; box-shadow: 0 8px 24px rgba(11, 43, 92, .14); }
.agents-suggestions [role="option"] { padding: 12px; cursor: pointer; font-size: 15px; color: #17324d; border-radius: 6px; overflow-wrap: anywhere; }
.agents-suggestions [role="option"]:hover, .agents-suggestions [aria-selected="true"] { background: #eaf6ee; color: var(--tf-green-dark); }
.agents-help { font-size: 12px; line-height: 1.6; color: var(--tf-muted); margin: 7px 0 0; }
.agents-quota { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-bottom: 28px; padding: 18px 22px; border: 1px solid #c0e4cf; border-radius: 14px; background: linear-gradient(110deg, #edf8f1, #f7fcf9); color: var(--tf-green-dark); }
.agents-quota-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #dcf1e4; font-size: 25px; }
.agents-quota-heading { margin: 0; color: var(--tf-blue); font-size: 20px; font-weight: 650; line-height: 1.4; text-wrap: balance; }
.agents-quota-value { display: flex; align-items: baseline; gap: 8px; margin: 0; white-space: nowrap; }
.agents-quota-value strong { font-size: 38px; font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; }
.agents-quota-value span { font-size: 17px; font-weight: 600; }
.agents-quota[data-state="empty"], .agents-quota[data-state="verification"] { background: #f4f8fc; border-color: var(--tf-border); color: var(--tf-muted); }
.agents-quota[data-state="empty"] .agents-quota-icon, .agents-quota[data-state="verification"] .agents-quota-icon { background: #e7eef5; }
.agents-quota[data-state="verification"] { grid-template-columns: 48px minmax(0, 1fr); }
.agents-fields-row { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 20px; }
@media (min-width: 992px) {
    .agents-primary-fields {
        display: grid;
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        column-gap: 20px;
        margin-bottom: 23px;
    }
    .agents-primary-fields > .agents-field {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 3;
        margin-bottom: 0;
    }
    .agents-primary-fields > .agents-field > label { align-self: end; }
    .agents-primary-fields > .agents-field > .agents-help { align-self: start; }
}
.agents-advanced { border-top: 1px solid var(--tf-border); border-bottom: 1px solid var(--tf-border); margin-top: 2px; }
.agents-advanced summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: pointer; padding: 18px 0; font-size: 14px; font-weight: 650; }
.agents-advanced summary::-webkit-details-marker { display: none; }
.agents-advanced summary > span:first-child { display: flex; align-items: center; gap: 9px; }
.agents-advanced summary .bi-plus-circle { color: var(--tf-green-dark); }
.agents-advanced summary .bi-chevron-down { display: inline-block; margin-left: 6px; transition: transform .15s; }
.agents-advanced[open] summary .bi-chevron-down { transform: rotate(180deg); }
.agents-advanced-fields { padding: 4px 0 0; }
.agents-form-footer { display: flex; justify-content: flex-end; align-items: center; gap: 16px; padding-top: 24px; }
.agents-submit { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-width: 165px; padding: 13px 22px; font-weight: 700; border-radius: 10px; }
.agents-search-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; min-width: 0; }
.agents-activation-message { margin: 0; text-align: right; font-size: .95rem; line-height: 1.5; }
.agents-activation-message a { color: var(--tf-green); font-weight: 700; }
.agents-activation-cta { padding: 12px 16px; border-radius: 10px; font-weight: 650; }
.agents-activation-cta:hover,
.agents-activation-cta:focus { background: transparent; color: var(--tf-green); border-color: var(--tf-green); }
.agents-availability { display: flex; align-items: baseline; gap: 8px; justify-content: flex-start; color: #20354b; font-size: 18px; font-weight: 600; line-height: 1.6; margin: 0 0 18px; }
.agents-translation-status.agents-translation-loading { display: flex; align-items: center; gap: 10px; color: #20354b; font-size: 18px; font-weight: 600; line-height: 1.6; }
.agents-translation-spinner { flex: 0 0 auto; width: 20px; height: 20px; border: 3px solid #cddce9; border-top-color: #20354b; border-radius: 50%; animation: agents-translation-spin .8s linear infinite; }
@keyframes agents-translation-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .agents-translation-spinner { animation: none; } }
.agents-page [hidden] { display: none !important; }
.agents-results { margin-top: 36px; background: #fff; border: 1px solid var(--tf-border); border-radius: 22px; padding: 28px; }
.agents-final-results { margin-top: 16px; }
#agents-search-notice { scroll-margin-top: 110px; }
.agents-result-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.agents-result-grid .agents-result-card { display: grid; grid-template-columns: minmax(180px, 240px) minmax(0, 1fr); gap: 24px; padding: 20px; border: 1px solid #cddce9; border-radius: 12px; background: #f8fbfd; min-width: 0; overflow-wrap: anywhere; }
.agents-result-identity, .agents-result-content { min-width: 0; }
.agents-result-identity > p { font-size: 14px; line-height: 1.6; margin: 8px 0 14px; }
.agents-result-content > strong { display: block; font-size: 13px; margin-top: 14px; }
.agents-result-content .agents-language-profile:first-child > .agents-language-heading { margin-top: 0; }
.agents-result-grid .agents-result-card h3 { font-size: 19px; margin-bottom: 12px; }
.agents-result-grid .agents-result-card > p { font-size: 14px; line-height: 1.6; margin: 8px 0 14px; }
.agents-result-grid .agents-result-card > strong { display: block; font-size: 13px; margin-top: 14px; }
.agents-language-profile > strong { display: block; font-size: 13px; margin-top: 14px; }
.agents-language-profile > p { font-size: 14px; line-height: 1.6; margin: 8px 0 14px; overflow-wrap: anywhere; }
.agents-language-profile > .agents-language-heading { color: var(--tf-green-dark); font-size: 13px; font-weight: 700; margin: 18px 0 10px; }
.agents-translated-profile { border-top: 1px solid #cddce9; margin-top: 20px; padding-top: 4px; }
.agents-result-grid .agents-result-card a { display: block; margin: 8px 0 14px; }
.agents-social-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.agents-result-grid .agents-result-card .agents-social-link { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; font-size: 25px; text-decoration: none; border-radius: 8px; }
.agents-social-link[data-platform="instagram"] { color: #c13584; }
.agents-social-link[data-platform="facebook"] { color: #1877f2; }
.agents-social-link[data-platform="linkedin"] { color: #0a66c2; }
.agents-social-link[data-platform="youtube"] { color: #f00; }
.agents-social-link:hover { background: #eaf1f7; }
.agents-social-link:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 991px) { .agents-result-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) { .agents-result-grid .agents-result-card { grid-template-columns: minmax(0, 1fr); gap: 12px; } }
.agents-workflow-log > summary { cursor: pointer; font-weight: 700; }
.agents-workflow-log > .agents-history-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; list-style: none; }
.agents-history-heading::-webkit-details-marker { display: none; }
.agents-history-heading > span { display: inline-flex; align-items: center; gap: 8px; }
.agents-history-heading .bi { transition: transform .15s; }
#agents-history[open] > summary > span .bi { transform: rotate(90deg); }
.agents-history-clear,
.agents-history-clear:hover,
.agents-history-clear:focus,
.agents-history-clear:active { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; min-height: 44px; padding: 0; border: 0; background: transparent; color: #dc3545; font-size: 1.4rem; }
.agents-history-clear span { font-size: 14px; font-weight: 600; }
.agents-history-clear:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.agents-history-clear:disabled { color: #dc3545; opacity: .5; }
.agents-history-result-notice { scroll-margin-top: 110px; }
.agents-log-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
.agents-log-company { border-bottom: 1px solid var(--tf-border); padding: 12px 0; overflow-wrap: anywhere; }
.agents-log-event { margin-top: 12px; padding: 10px; background: #f6f9fc; border-radius: 8px; }
.agents-log-event summary { cursor: pointer; font-size: 13px; overflow-wrap: anywhere; }
.agents-log-event pre { margin: 14px 0 0; max-height: 450px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
.agents-standard-comparison { margin: 12px 0; }
.agents-standard-table { max-width: 100%; overflow-x: auto; }
.agents-standard-table table { width: 100%; font-size: 12px; border-collapse: collapse; }
.agents-standard-table th, .agents-standard-table td { padding: 9px; border-bottom: 1px solid var(--tf-border); text-align: left; }
#agents-log-benchmark h3 { font-size: 18px; margin: 20px 0 8px; }
#agents-log-plan h3, #agents-results-plan h3 { font-size: 18px; margin: 22px 0 10px; }
#agents-log-plan h4, #agents-results-plan h4 { font-size: 15px; margin: 20px 0 8px; }
.agents-plan-products { padding-left: 20px; font-size: 13px; }
.agents-plan-products li { padding: 8px 0; overflow-wrap: anywhere; }
.agents-plan-products p { margin-bottom: 6px; }
.agents-results-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.agents-results-heading h2 { font-size: 23px; font-weight: 750; }
.agents-result-card { padding: 24px 0; border-top: 1px solid var(--tf-border); }
.agents-result-card h3 { font-size: 21px; font-weight: 750; margin: 0; }
.agents-result-card > p { font-size: 14px; line-height: 1.7; margin-top: 12px; }
.agents-result-score { white-space: nowrap; background: #eaf6ee; color: var(--tf-green-dark); border-radius: 8px; padding: 6px 10px; font-size: 13px; font-weight: 750; }
.agents-result-evidence { padding-left: 20px; font-size: 13px; }
.agents-result-evidence li { margin: 15px 0; }
.agents-result-evidence p { margin-bottom: 8px; }
.agents-result-evidence blockquote { border-left: 3px solid var(--tf-border); padding-left: 12px; color: var(--tf-muted); font-style: italic; }
.agents-result-card a { overflow-wrap: anywhere; font-size: 13px; }
#agents-google-suggestions iframe { width: 100%; min-height: 140px; border: 0; }
@media (max-width: 991px) {
    .agents-page { padding-top: 96px; }
}
@media (max-width: 991.98px) {
    .agents-heading-row { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
    .agents-heading-copy { grid-column: 1; }
    .agents-product-search { max-width: 24rem; }
}
.agents-history-confirm {
    width: min(32rem, calc(100% - 2rem));
    padding: 1.5rem;
    border: 1px solid var(--tf-border);
    border-radius: 18px;
    color: var(--tf-blue);
}
.agents-history-confirm::backdrop { background: rgba(9, 46, 89, .45); }

@media (max-width: 575px) {
    .agents-page { padding: 88px 0 48px; }
    .agents-header { margin-bottom: 26px; }
    .agents-header h1 { letter-spacing: -.9px; }
    .agents-heading-copy > p { font-size: 14px; }
    .agents-panel { padding: 22px 18px; border-radius: 16px; }
    .agents-quota { grid-template-columns: 36px minmax(0, 1fr); gap: 8px 12px; padding: 16px; margin-bottom: 24px; }
    .agents-quota-icon { grid-row: span 2; align-self: start; width: 36px; height: 36px; font-size: 21px; }
    .agents-quota-heading { font-size: 17px; text-wrap: initial; }
    .agents-quota-value { grid-column: 2; }
    .agents-quota-value strong { font-size: 32px; }
    .agents-quota[data-state="verification"] { grid-template-columns: 36px minmax(0, 1fr); }
    .agents-panel-heading { gap: 10px; }
    .agents-panel-heading h2 { font-size: 18px; }
    .agents-fields-row { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .agents-form-footer { align-items: stretch; flex-direction: column-reverse; }
    .agents-search-actions { align-items: stretch; }
    .agents-activation-message { text-align: center; }
    .agents-form-footer .agents-help { text-align: center; margin: 0; }
    .agents-results { padding: 20px 16px; }
    .agents-results-heading { flex-wrap: wrap; }
}