#hbr-offer { --hb-navy: #0b2347; --hb-deep: #06162d; --hb-blue: #135fb9; --hb-soft: #eaf3fd; --hb-gold: #d2ad62; --hb-cream: #f7f4ed; --hb-ink: #17243a; --hb-muted: #5b6878; --hb-line: #dbe3ec; position: relative; display: block; width: 100%; max-width: 100%; min-width: 0; overflow: hidden; background: #ffffff; color: var(--hb-ink); font-family: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.65; isolation: isolate; } #hbr-offer *, #hbr-offer *::before, #hbr-offer *::after { box-sizing: border-box; } #hbr-offer img { display: block; max-width: 100%; height: auto; } #hbr-offer a { color: inherit; text-decoration: none; } #hbr-offer .hbo-hero { position: relative; min-height: 680px; overflow: hidden; color: #ffffff; } #hbr-offer .hbo-hero-bg { position: absolute; inset: 0; z-index: 0; background-color: #0b2347 !important; background-image: radial-gradient(circle at 86% 10%, rgba(45, 123, 210, .42), transparent 35%), radial-gradient(circle at 8% 95%, rgba(210, 173, 98, .19), transparent 32%), linear-gradient(135deg, #06162d 0%, #0b2347 52%, #123c71 100%) !important; } #hbr-offer .hbo-hero-bg::after { position: absolute; right: -210px; bottom: -310px; width: 720px; height: 720px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 50%; content: ""; box-shadow: 0 0 0 70px rgba(255, 255, 255, .032), 0 0 0 140px rgba(255, 255, 255, .02); } #hbr-offer .hbo-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .96fr) minmax(360px, 1.04fr); align-items: center; gap: 64px; width: min(1180px, calc(100% - 48px)); min-height: 680px; margin: 0 auto; padding: 74px 0; } #hbr-offer .hbo-logo { width: 218px; margin-bottom: 52px; filter: brightness(0) invert(1); } #hbr-offer .hbo-kicker { margin: 0 0 14px; color: var(--hb-gold); font-size: .77rem; font-weight: 850; letter-spacing: .145em; text-transform: uppercase; } #hbr-offer .hbo-hero h1 { max-width: 680px; margin: 0; color: #ffffff !important; font-size: clamp(2.7rem, 5.3vw, 4.75rem); font-weight: 800; letter-spacing: -.052em; line-height: 1.04; } #hbr-offer .hbo-lead { max-width: 640px; margin: 26px 0 0; color: #d5e1ef !important; font-size: clamp(1.02rem, 1.6vw, 1.2rem); line-height: 1.72; } #hbr-offer .hbo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 36px; } #hbr-offer .hbo-button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 54px; border-radius: 999px; padding: 14px 24px; font-size: .94rem; font-weight: 800; line-height: 1.2; transition: transform 180ms ease, box-shadow 180ms ease; } #hbr-offer .hbo-button-primary { background: var(--hb-gold); color: #11213a !important; box-shadow: 0 13px 30px rgba(0, 0, 0, .22); } #hbr-offer .hbo-button:hover, #hbr-offer .hbo-button:focus-visible { transform: translateY(-2px); box-shadow: 0 17px 34px rgba(0, 0, 0, .25); } #hbr-offer .hbo-text-link { display: inline-flex; align-items: center; gap: 12px; color: #ffffff !important; font-weight: 750; } #hbr-offer .hbo-hero-visual { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, .22); border-radius: 28px; background: rgba(255, 255, 255, .08); box-shadow: 0 30px 80px rgba(0, 0, 0, .32); } #hbr-offer .hbo-hero-visual > img { width: 100%; min-height: 430px; object-fit: cover; } #hbr-offer .hbo-visual-note { position: absolute; right: 20px; bottom: 20px; left: 20px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 18px; padding: 18px 20px; background: rgba(6, 22, 45, .9); box-shadow: 0 14px 35px rgba(0, 0, 0, .24); } #hbr-offer .hbo-visual-note strong, #hbr-offer .hbo-visual-note span { display: block; } #hbr-offer .hbo-visual-note strong { color: #ffffff; } #hbr-offer .hbo-visual-note span { margin-top: 4px; color: #cdd9e8; font-size: .84rem; letter-spacing: .035em; } #hbr-offer .hbo-intro { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 104px 0; } #hbr-offer .hbo-heading { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .7fr); align-items: end; gap: 70px; } #hbr-offer .hbo-heading h2, #hbr-offer .hbo-security h2, #hbr-offer .hbo-submit h2, #hbr-offer .hbo-careers h2, #hbr-offer .hbo-office h2 { margin: 0; color: var(--hb-navy); font-size: clamp(2.05rem, 4vw, 3.45rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.08; } #hbr-offer .hbo-heading > p { margin: 0; color: var(--hb-muted); line-height: 1.8; } #hbr-offer .hbo-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 56px; } #hbr-offer .hbo-check-card { min-height: 250px; border: 1px solid var(--hb-line); border-radius: 22px; padding: 34px; background: #ffffff; box-shadow: 0 12px 38px rgba(11, 35, 71, .065); } #hbr-offer .hbo-number { display: grid; width: 48px; height: 48px; place-items: center; margin-bottom: 28px; border-radius: 14px; background: var(--hb-soft); color: var(--hb-blue); font-size: .77rem; font-weight: 850; letter-spacing: .08em; } #hbr-offer .hbo-check-card h3 { margin: 0 0 12px; color: var(--hb-navy); font-size: 1.3rem; line-height: 1.25; } #hbr-offer .hbo-check-card p { margin: 0; color: var(--hb-muted); line-height: 1.72; } #hbr-offer .hbo-security { padding: 94px 24px; background: var(--hb-cream); } #hbr-offer .hbo-security-inner { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; gap: 46px; width: min(980px, 100%); margin: 0 auto; } #hbr-offer .hbo-shield { display: grid; width: 112px; height: 124px; place-items: center; background: var(--hb-navy); clip-path: polygon(50% 0, 93% 17%, 86% 72%, 50% 100%, 14% 72%, 7% 17%); } #hbr-offer .hbo-shield span { display: grid; width: 48px; height: 48px; place-items: center; border: 2px solid rgba(255, 255, 255, .7); border-radius: 50%; color: #ffffff; font-size: 1.35rem; font-weight: 800; } #hbr-offer .hbo-security h2 { font-size: clamp(2rem, 3.6vw, 3rem); } #hbr-offer .hbo-security p:last-child { max-width: 800px; margin: 20px 0 0; color: var(--hb-muted); font-size: 1.05rem; line-height: 1.8; } #hbr-offer .hbo-submit { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 50px; width: min(1080px, calc(100% - 48px)); margin: 100px auto; border-radius: 28px; padding: 58px 62px; background-color: #0b2347 !important; background-image: linear-gradient(135deg, #071a36, #0b2347 58%, #174a85) !important; box-shadow: 0 20px 55px rgba(7, 30, 60, .13); } #hbr-offer .hbo-submit h2 { color: #ffffff !important; font-size: clamp(1.9rem, 3.5vw, 2.85rem); } #hbr-offer .hbo-submit p:not(.hbo-kicker) { max-width: 680px; margin: 18px 0 0; color: #cbd8e9 !important; } #hbr-offer .hbo-careers { padding: 104px 24px 112px; background: var(--hb-soft); } #hbr-offer .hbo-careers-inner { width: min(1180px, 100%); margin: 0 auto; } #hbr-offer .hbo-careers-copy { max-width: 900px; } #hbr-offer .hbo-careers-copy > p:not(.hbo-kicker):not(.hbo-emphasis) { margin: 24px 0 0; color: var(--hb-muted); font-size: 1.04rem; line-height: 1.82; } #hbr-offer .hbo-emphasis { margin: 23px 0 0; color: var(--hb-blue); font-size: 1.13rem; font-weight: 800; } #hbr-offer .hbo-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 58px; } #hbr-offer .hbo-link-card { display: flex; min-height: 230px; flex-direction: column; border: 1px solid rgba(19, 95, 185, .15); border-radius: 20px; padding: 30px; background: #ffffff; box-shadow: 0 12px 34px rgba(11, 35, 71, .07); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } #hbr-offer .hbo-link-card:hover, #hbr-offer .hbo-link-card:focus-visible { transform: translateY(-4px); border-color: rgba(19, 95, 185, .5); box-shadow: 0 20px 42px rgba(11, 35, 71, .13); } #hbr-offer .hbo-link-label { color: var(--hb-blue); font-size: .71rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; } #hbr-offer .hbo-link-card strong { margin-top: 12px; color: var(--hb-navy); font-size: 1.22rem; line-height: 1.3; } #hbr-offer .hbo-link-copy { margin-top: 12px; color: var(--hb-muted); font-size: .92rem; line-height: 1.65; } #hbr-offer .hbo-link-arrow { margin-top: auto; padding-top: 20px; color: var(--hb-blue); font-size: 1.25rem; font-weight: 800; } #hbr-offer .hbo-office { width: min(1080px, calc(100% - 48px)); margin: 0 auto; padding: 110px 0; } #hbr-offer .hbo-office-card { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); overflow: hidden; border-radius: 28px; background: var(--hb-navy); box-shadow: 0 20px 55px rgba(7, 30, 60, .13); } #hbr-offer .hbo-office-card > img { width: 100%; min-height: 480px; height: 100%; object-fit: cover; } #hbr-offer .hbo-office-copy { display: flex; justify-content: center; flex-direction: column; padding: clamp(42px, 6vw, 72px); } #hbr-offer .hbo-office h2 { color: #ffffff !important; font-size: clamp(2rem, 3.5vw, 3rem); } #hbr-offer .hbo-office-copy > p:not(.hbo-kicker) { margin: 22px 0 0; color: #cbd7e7 !important; line-height: 1.78; } #hbr-offer .hbo-office address { margin-top: 26px; color: #ffffff; font-style: normal; line-height: 1.7; } #hbr-offer .hbo-phone { width: fit-content; margin-top: 22px; color: var(--hb-gold) !important; font-size: 1.08rem; font-weight: 800; } @media (max-width: 960px) { #hbr-offer .hbo-hero-inner { grid-template-columns: 1fr; gap: 46px; } #hbr-offer .hbo-heading { grid-template-columns: 1fr; gap: 22px; } #hbr-offer .hbo-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { #hbr-offer .hbo-hero-inner, #hbr-offer .hbo-intro, #hbr-offer .hbo-submit, #hbr-offer .hbo-office { width: min(100% - 32px, 1180px); } #hbr-offer .hbo-hero h1 { font-size: clamp(2.35rem, 12vw, 3.7rem); } #hbr-offer .hbo-check-grid, #hbr-offer .hbo-links, #hbr-offer .hbo-office-card { grid-template-columns: 1fr; } #hbr-offer .hbo-security-inner { grid-template-columns: 1fr; gap: 28px; } #hbr-offer .hbo-submit { grid-template-columns: 1fr; gap: 34px; padding: 42px 30px; } #hbr-offer .hbo-submit .hbo-button { width: 100%; } #hbr-offer .hbo-office-card > img { min-height: 310px; } } @media (max-width: 520px) { #hbr-offer .hbo-hero-inner { padding: 46px 0 72px; } #hbr-offer .hbo-logo { width: 180px; margin-bottom: 40px; } #hbr-offer .hbo-actions { align-items: stretch; flex-direction: column; } #hbr-offer .hbo-button, #hbr-offer .hbo-text-link { width: 100%; justify-content: center; } #hbr-offer .hbo-hero-visual > img { min-height: 300px; } #hbr-offer .hbo-visual-note { position: static; border-radius: 0; background: #06162d; } #hbr-offer .hbo-intro { padding: 78px 0; } #hbr-offer .hbo-check-card { min-height: 0; padding: 28px; } #hbr-offer .hbo-security, #hbr-offer .hbo-careers { padding-right: 16px; padding-left: 16px; } } 

#hbr-offer .hbo-hero-visual > img { width: 100%; min-height: 430px; object-fit: cover; } #hbr-offer .hbo-heading > p { margin: 0; color: var(--hb-muted); line-height: 1.8; } #hbr-offer .hbo-careers-copy > p:not(.hbo-kicker):not(.hbo-emphasis) { margin: 24px 0 0; color: var(--hb-muted); font-size: 1.04rem; line-height: 1.82; } #hbr-offer .hbo-office-card > img { width: 100%; min-height: 480px; height: 100%; object-fit: cover; } #hbr-offer .hbo-office-copy > p:not(.hbo-kicker) { margin: 22px 0 0; color: #cbd7e7 !important; line-height: 1.78; } #hbr-offer .hbo-contact { width: min(1080px, calc(100% - 48px)); margin: 0 auto 110px; padding: clamp(34px, 5vw, 58px); border: 1px solid var(--hb-line); border-radius: 28px; background: #fff; box-shadow: 0 20px 55px rgba(7, 30, 60, 0.1); } #hbr-offer .hbo-contact-head { max-width: 780px; margin-bottom: 30px; } #hbr-offer .hbo-contact-head h2 { margin: 0; color: var(--hb-navy); font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; letter-spacing: -0.045em; line-height: 1.08; } #hbr-offer .hbo-contact-head > p:not(.hbo-kicker) { margin: 18px 0 0; color: var(--hb-muted); line-height: 1.75; } #hbr-offer .hbo-proagent-form { padding: clamp(24px, 4vw, 40px); border: 1px solid var(--hb-line); border-radius: 22px; background: #f8fbff; } #hbr-offer .hbo-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } #hbr-offer .hbo-field { display: grid; gap: 8px; } #hbr-offer .hbo-field-full { grid-column: 1 / -1; } #hbr-offer .hbo-field label, #hbr-offer .hbo-verify-label { color: var(--hb-navy); font-size: 0.87rem; font-weight: 800; } #hbr-offer .hbo-proagent-form input[type="text"], #hbr-offer .hbo-proagent-form input[type="email"], #hbr-offer .hbo-proagent-form input[type="tel"], #hbr-offer .hbo-proagent-form textarea { width: 100%; min-width: 0; padding: 13px 14px; border: 1px solid #c7d4e2; border-radius: 9px; background: #fff; color: var(--hb-ink); font: inherit; } #hbr-offer .hbo-proagent-form textarea { min-height: 150px; resize: vertical; } #hbr-offer .hbo-proagent-form input:focus, #hbr-offer .hbo-proagent-form textarea:focus { border-color: var(--hb-blue); outline: 3px solid rgba(19, 95, 185, 0.14); } #hbr-offer .hbo-consent { display: flex; align-items: flex-start; gap: 11px; margin-top: 23px; padding: 16px; border-radius: 10px; background: var(--hb-soft); color: #4d5d71; font-size: 0.81rem; line-height: 1.55; } #hbr-offer .hbo-consent input { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; accent-color: var(--hb-blue); } #hbr-offer .hbo-consent a { color: var(--hb-blue); font-weight: 800; text-decoration: underline; text-underline-offset: 2px; } #hbr-offer .hbo-form-actions { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-top: 25px; padding-top: 25px; border-top: 1px solid var(--hb-line); } #hbr-offer .hbo-verify { display: grid; gap: 8px; } #hbr-offer .hbo-verify-entry { display: flex; align-items: center; gap: 10px; } #hbr-offer .hbo-verify-entry input { max-width: 118px; } #hbr-offer .hbo-verify-entry img { width: 88px; max-width: 88px; border: 1px solid var(--hb-line); border-radius: 5px; } #hbr-offer .hbo-form-submit { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; position: static !important; width: auto; min-width: 180px; min-height: 50px; align-items: center; justify-content: center; padding: 12px 24px; border: 0; border-radius: 999px; background: var(--hb-blue) !important; color: #fff !important; font: inherit; font-weight: 850; line-height: 1.2; text-align: center; cursor: pointer; -webkit-appearance: none; appearance: none; } #hbr-offer .hbo-form-submit:hover, #hbr-offer .hbo-form-submit:focus-visible { background: var(--hb-navy) !important; outline: none; } #hbr-offer .hbo-footer-note { margin: 22px 0 0; color: var(--hb-muted); font-size: 0.86rem; text-align: center; } @media (max-width: 760px) { #hbr-offer .hbo-office-card > img { min-height: 310px; } #hbr-offer .hbo-contact { width: min(100% - 32px, 1080px); } } @media (max-width: 620px) { #hbr-offer .hbo-form-grid { grid-template-columns: 1fr; } #hbr-offer .hbo-field-full { grid-column: auto; } #hbr-offer .hbo-form-actions { align-items: stretch; flex-direction: column; } #hbr-offer .hbo-form-submit { width: 100%; } } @media (max-width: 520px) { #hbr-offer .hbo-hero-visual > img { min-height: 300px; } #hbr-offer .hbo-contact { padding: 28px 18px; } } 

#hbr-offer { --hbr-navy: #08244a; --hbr-navy-deep: #04152d; --hbr-blue: #1262b7; --hbr-blue-bright: #1d78d2; --hbr-sky: #eaf4ff; --hbr-gold: #d4ad5b; --hbr-ink: #16243a; --hbr-muted: #5f6f82; --hbr-line: #dbe5ef; --hbr-white: #ffffff; display: block; width: 100%; max-width: 100%; min-width: 0; overflow: hidden; background: #f6f9fc; color: var(--hbr-ink); font-family: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.6; isolation: isolate; } #hbr-offer *, #hbr-offer *::before, #hbr-offer *::after { box-sizing: border-box; } #hbr-offer img { display: block; max-width: 100%; height: auto; } #hbr-offer a { color: inherit; } #hbr-offer button, #hbr-offer input, #hbr-offer textarea { font: inherit; } #hbr-offer .hbra-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 87% 7%, rgba(46, 132, 222, 0.44), transparent 33%), radial-gradient(circle at 4% 100%, rgba(212, 173, 91, 0.18), transparent 29%), linear-gradient(135deg, var(--hbr-navy-deep), var(--hbr-navy) 56%, #174d87); color: var(--hbr-white); } #hbr-offer .hbra-hero::after { position: absolute; right: -190px; bottom: -320px; width: 680px; height: 680px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255, 255, 255, 0.025), 0 0 0 140px rgba(255, 255, 255, 0.015); content: ""; pointer-events: none; } #hbr-offer .hbra-wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; } #hbr-offer .hbra-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(350px, 0.98fr); align-items: center; gap: 66px; min-height: 650px; padding: 68px 0; } #hbr-offer .hbra-logo { width: min(250px, 72%); margin-bottom: 48px; padding: 14px 18px; border-radius: 13px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18); } #hbr-offer .hbra-kicker { margin: 0 0 14px; color: var(--hbr-gold); font-size: 0.77rem; font-weight: 850; letter-spacing: 0.14em; text-transform: uppercase; } #hbr-offer .hbra-hero h1 { max-width: 680px; margin: 0; color: #ffffff !important; font-size: clamp(2.65rem, 5.2vw, 4.7rem); font-weight: 800; letter-spacing: -0.05em; line-height: 1.04; } #hbr-offer .hbra-lead { max-width: 650px; margin: 24px 0 0; color: #d5e3f2 !important; font-size: clamp(1.02rem, 1.6vw, 1.2rem); line-height: 1.75; } #hbr-offer .hbra-hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; } #hbr-offer .hbra-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; border: 0; border-radius: 999px; padding: 12px 22px; text-decoration: none; font-size: 0.93rem; font-weight: 800; line-height: 1.2; cursor: pointer; transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease; } #hbr-offer .hbra-button-primary { background: var(--hbr-gold); color: #10223d !important; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.23); } #hbr-offer .hbra-button-secondary { border: 1px solid rgba(255, 255, 255, 0.42); background: rgba(255, 255, 255, 0.08); color: #ffffff !important; } #hbr-offer .hbra-button:hover, #hbr-offer .hbra-button:focus-visible { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24); outline: none; } #hbr-offer .hbra-hero-visual { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.23); border-radius: 28px; background: rgba(255, 255, 255, 0.08); box-shadow: 0 28px 75px rgba(0, 0, 0, 0.32); } #hbr-offer .hbra-hero-visual > img { width: 100%; min-height: 430px; object-fit: cover; } #hbr-offer .hbra-visual-note { position: absolute; right: 18px; bottom: 18px; left: 18px; border: 1px solid rgba(255, 255, 255, 0.21); border-radius: 17px; padding: 17px 19px; background: rgba(4, 21, 45, 0.91); } #hbr-offer .hbra-visual-note strong, #hbr-offer .hbra-visual-note span { display: block; } #hbr-offer .hbra-visual-note strong { color: #ffffff; font-size: 1rem; } #hbr-offer .hbra-visual-note span { margin-top: 4px; color: #cbd9e8; font-size: 0.86rem; } #hbr-offer .hbra-directory { padding: 94px 0 104px; } #hbr-offer .hbra-directory-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr); align-items: end; gap: 56px; margin-bottom: 38px; } #hbr-offer .hbra-directory h2, #hbr-offer .hbra-contact h2 { margin: 0; color: var(--hbr-navy); font-size: clamp(2.05rem, 4vw, 3.45rem); font-weight: 800; letter-spacing: -0.045em; line-height: 1.08; } #hbr-offer .hbra-directory-copy { margin: 0; color: var(--hbr-muted); line-height: 1.8; } #hbr-offer .hbra-group { scroll-margin-top: 110px; margin-top: 28px; border: 1px solid var(--hbr-line); border-radius: 24px; padding: clamp(22px, 4vw, 38px); background: #ffffff; box-shadow: 0 14px 38px rgba(8, 36, 74, 0.065); } #hbr-offer .hbra-group:first-of-type { margin-top: 0; } #hbr-offer .hbra-group-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; padding-bottom: 17px; border-bottom: 1px solid var(--hbr-line); } #hbr-offer .hbra-group h3 { margin: 0; color: var(--hbr-navy); font-size: clamp(1.45rem, 3vw, 2rem); letter-spacing: -0.025em; } #hbr-offer .hbra-group-count { border-radius: 999px; padding: 7px 12px; background: var(--hbr-sky); color: var(--hbr-blue); font-size: 0.76rem; font-weight: 850; white-space: nowrap; } #hbr-offer .hbra-agent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } #hbr-offer .hbra-agent { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; min-height: 78px; border: 1px solid #e1e9f1; border-radius: 15px; padding: 14px 15px 14px 19px; background: #fbfdff; transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; } #hbr-offer .hbra-agent:hover { transform: translateY(-1px); border-color: #b9cee3; box-shadow: 0 10px 25px rgba(8, 36, 74, 0.075); } #hbr-offer .hbra-agent-name { min-width: 0; color: var(--hbr-navy); font-size: 0.98rem; font-weight: 780; overflow-wrap: anywhere; } #hbr-offer .hbra-submit-link { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; border-radius: 999px; padding: 10px 16px; background: var(--hbr-blue); color: #ffffff !important; text-decoration: none; font-size: 0.78rem; font-weight: 850; white-space: nowrap; transition: background 180ms ease, transform 180ms ease; } #hbr-offer .hbra-submit-link:hover, #hbr-offer .hbra-submit-link:focus-visible { transform: translateY(-1px); background: var(--hbr-navy); outline: none; } #hbr-offer .hbra-unavailable { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; border: 1px solid #ccd7e3; border-radius: 999px; padding: 9px 14px; background: #f1f4f7; color: #6e7b8a; font-size: 0.73rem; font-weight: 750; white-space: nowrap; } #hbr-offer .hbra-no-results { display: none; margin: 28px 0 0; border: 1px dashed #b8cadc; border-radius: 16px; padding: 26px; background: #ffffff; color: var(--hbr-muted); text-align: center; } #hbr-offer .hbra-contact-band { padding: 100px 0; background: linear-gradient(rgba(8, 36, 74, 0.035), rgba(8, 36, 74, 0.035)), #edf5fd; } #hbr-offer .hbra-contact { display: grid; grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr); gap: clamp(34px, 6vw, 72px); border: 1px solid rgba(18, 98, 183, 0.16); border-radius: 28px; padding: clamp(30px, 5vw, 58px); background: #ffffff; box-shadow: 0 20px 58px rgba(8, 36, 74, 0.11); } #hbr-offer .hbra-contact-copy > p:not(.hbra-kicker) { margin: 20px 0 0; color: var(--hbr-muted); line-height: 1.8; } #hbr-offer .hbra-contact-details { display: grid; gap: 12px; margin-top: 28px; color: var(--hbr-navy); font-size: 0.92rem; font-weight: 750; } #hbr-offer .hbra-contact-details a { width: fit-content; color: var(--hbr-blue); text-decoration: none; } #hbr-offer .hbra-contact-details a:hover, #hbr-offer .hbra-contact-details a:focus-visible { text-decoration: underline; text-underline-offset: 3px; } #hbr-offer .hbra-proagent-form { border: 1px solid var(--hbr-line); border-radius: 20px; padding: clamp(22px, 4vw, 36px); background: #f8fbff; } #hbr-offer .hbra-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 19px; } #hbr-offer .hbra-field { display: grid; gap: 7px; } #hbr-offer .hbra-field-full { grid-column: 1 / -1; } #hbr-offer .hbra-field label, #hbr-offer .hbra-verify-label { color: var(--hbr-navy); font-size: 0.84rem; font-weight: 800; } #hbr-offer .hbra-proagent-form input[type="text"], #hbr-offer .hbra-proagent-form input[type="email"], #hbr-offer .hbra-proagent-form input[type="tel"], #hbr-offer .hbra-proagent-form textarea { width: 100%; min-width: 0; border: 1px solid #c5d3e1; border-radius: 10px; padding: 12px 13px; background: #ffffff; color: var(--hbr-ink); } #hbr-offer .hbra-proagent-form textarea { min-height: 140px; resize: vertical; } #hbr-offer .hbra-proagent-form input:focus, #hbr-offer .hbra-proagent-form textarea:focus { border-color: var(--hbr-blue); outline: 3px solid rgba(18, 98, 183, 0.14); } #hbr-offer .hbra-consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; border-radius: 10px; padding: 14px; background: var(--hbr-sky); color: #4d5f73; font-size: 0.78rem; line-height: 1.55; } #hbr-offer .hbra-consent input { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; accent-color: var(--hbr-blue); } #hbr-offer .hbra-consent a { color: var(--hbr-blue); font-weight: 800; } #hbr-offer .hbra-form-actions { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-top: 22px; border-top: 1px solid var(--hbr-line); padding-top: 22px; } #hbr-offer .hbra-verify { display: grid; gap: 7px; } #hbr-offer .hbra-verify-entry { display: flex; align-items: center; gap: 10px; } #hbr-offer .hbra-verify-entry input { max-width: 116px; } #hbr-offer .hbra-verify-entry img { width: 88px; max-width: 88px; border: 1px solid var(--hbr-line); border-radius: 5px; background: #ffffff; } #hbr-offer .hbra-form-submit { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; min-width: 180px; min-height: 50px; border: 0 !important; border-radius: 999px !important; padding: 12px 23px !important; background: var(--hbr-blue) !important; color: #ffffff !important; font-weight: 850 !important; cursor: pointer; appearance: none; -webkit-appearance: none; } #hbr-offer .hbra-form-submit:hover, #hbr-offer .hbra-form-submit:focus-visible { background: var(--hbr-navy) !important; outline: none; } #hbr-offer .hbra-footer { padding: 34px 24px; background: var(--hbr-navy-deep); color: #c8d5e4; text-align: center; font-size: 0.84rem; } #hbr-offer .hbra-footer a { color: #ffffff; text-decoration: none; } #hbr-offer .hbra-footer a:hover, #hbr-offer .hbra-footer a:focus-visible { text-decoration: underline; text-underline-offset: 3px; } @media (max-width: 980px) { #hbr-offer .hbra-hero-inner, #hbr-offer .hbra-contact { grid-template-columns: 1fr; } #hbr-offer .hbra-directory-head { grid-template-columns: 1fr; gap: 20px; } #hbr-offer .hbra-hero-inner { padding-top: 54px; } #hbr-offer .hbra-hero-visual { max-width: 680px; } } @media (max-width: 760px) { #hbr-offer .hbra-wrap { width: min(100% - 30px, 1180px); } #hbr-offer .hbra-agent-grid { grid-template-columns: 1fr; } #hbr-offer .hbra-form-actions { align-items: stretch; flex-direction: column; } #hbr-offer .hbra-form-submit { width: 100%; } } @media (max-width: 560px) { #hbr-offer .hbra-hero-inner { gap: 38px; padding: 42px 0 56px; } #hbr-offer .hbra-logo { margin-bottom: 36px; } #hbr-offer .hbra-hero-actions { align-items: stretch; flex-direction: column; } #hbr-offer .hbra-button { width: 100%; } #hbr-offer .hbra-hero-visual > img { min-height: 300px; } #hbr-offer .hbra-visual-note { position: static; border-radius: 0; } #hbr-offer .hbra-directory { padding: 72px 0 80px; } #hbr-offer .hbra-group { border-radius: 19px; padding: 20px 15px; } #hbr-offer .hbra-agent { grid-template-columns: 1fr; gap: 11px; padding: 16px; } #hbr-offer .hbra-submit-link, #hbr-offer .hbra-unavailable { width: 100%; } #hbr-offer .hbra-contact-band { padding: 76px 0; } #hbr-offer .hbra-form-grid { grid-template-columns: 1fr; } #hbr-offer .hbra-field-full { grid-column: auto; } }