/*
 * Shared soft accents (Payment Center Insights palette).
 * Decorative only — reserve Bootstrap semantic / primary for true status + CTAs.
 */
.hwr-soft-accent{
	/* Fallback before a tone class — sky (blue secondary), not greenish teal. */
	--hwr-soft-accent: #2f9ed8;
	--hwr-soft-soft: rgba(47, 158, 216, 0.14);
	--hwr-soft-ink: #1d6f9c;
	position: relative;
	border: 0 !important;
}
/* Clip streak to radius on compact tiles/callouts only — panels host dropdowns. */
.hwr-soft-accent-card,
.hwr-soft-accent-callout{
	overflow: hidden;
}
.hwr-soft-accent::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: var(--hwr-soft-accent);
	z-index: 1;
	pointer-events: none;
}
/* Greenish accent — third-tier reserve (not default secondary; secondary = sky). */
.hwr-soft-tone-teal{ --hwr-soft-accent: #0d9f8a; --hwr-soft-soft: rgba(13, 159, 138, 0.14); --hwr-soft-ink: #0a7a6a; }
/* Peach-orange near Horizon logo #f79959 — main action; pairs with sky. */
.hwr-soft-tone-orange{ --hwr-soft-accent: #f08a48; --hwr-soft-soft: rgba(247, 153, 89, 0.18); --hwr-soft-ink: #b85a28; }
/* Blue secondary (default pairing with orange). */
.hwr-soft-tone-sky{ --hwr-soft-accent: #2f9ed8; --hwr-soft-soft: rgba(47, 158, 216, 0.14); --hwr-soft-ink: #1d6f9c; }
.hwr-soft-tone-violet{ --hwr-soft-accent: #7c6cf0; --hwr-soft-soft: rgba(124, 108, 240, 0.14); --hwr-soft-ink: #5546c7; }
.hwr-soft-tone-rose{ --hwr-soft-accent: #e85d8a; --hwr-soft-soft: rgba(232, 93, 138, 0.14); --hwr-soft-ink: #c23d6c; }
.hwr-soft-tone-amber{ --hwr-soft-accent: #e3a008; --hwr-soft-soft: rgba(227, 160, 8, 0.16); --hwr-soft-ink: #9a6c00; }
.hwr-soft-tone-cyan{ --hwr-soft-accent: #14b8a6; --hwr-soft-soft: rgba(20, 184, 166, 0.14); --hwr-soft-ink: #0f766e; }

/* Hyper dark theme is on body[data-layout-color]; also honor Bootstrap data-bs-theme. */
body[data-layout-color="dark"] .hwr-soft-tone-teal,
[data-layout-color="dark"] .hwr-soft-tone-teal,
[data-bs-theme="dark"] .hwr-soft-tone-teal{
	--hwr-soft-accent: #2dd4bf; --hwr-soft-soft: rgba(45, 212, 191, 0.22); --hwr-soft-ink: #99f6e4;
}
body[data-layout-color="dark"] .hwr-soft-tone-orange,
[data-layout-color="dark"] .hwr-soft-tone-orange,
[data-bs-theme="dark"] .hwr-soft-tone-orange{
	--hwr-soft-accent: #ffb07a; --hwr-soft-soft: rgba(255, 176, 122, 0.22); --hwr-soft-ink: #ffd4b0;
}
body[data-layout-color="dark"] .hwr-soft-tone-sky,
[data-layout-color="dark"] .hwr-soft-tone-sky,
[data-bs-theme="dark"] .hwr-soft-tone-sky{
	--hwr-soft-accent: #38bdf8; --hwr-soft-soft: rgba(56, 189, 248, 0.22); --hwr-soft-ink: #bae6fd;
}
body[data-layout-color="dark"] .hwr-soft-tone-violet,
[data-layout-color="dark"] .hwr-soft-tone-violet,
[data-bs-theme="dark"] .hwr-soft-tone-violet{
	--hwr-soft-accent: #a78bfa; --hwr-soft-soft: rgba(167, 139, 250, 0.24); --hwr-soft-ink: #ddd6fe;
}
body[data-layout-color="dark"] .hwr-soft-tone-rose,
[data-layout-color="dark"] .hwr-soft-tone-rose,
[data-bs-theme="dark"] .hwr-soft-tone-rose{
	--hwr-soft-accent: #fb7185; --hwr-soft-soft: rgba(251, 113, 133, 0.24); --hwr-soft-ink: #fecdd3;
}
body[data-layout-color="dark"] .hwr-soft-tone-amber,
[data-layout-color="dark"] .hwr-soft-tone-amber,
[data-bs-theme="dark"] .hwr-soft-tone-amber{
	--hwr-soft-accent: #fbbf24; --hwr-soft-soft: rgba(251, 191, 36, 0.22); --hwr-soft-ink: #fde68a;
}
body[data-layout-color="dark"] .hwr-soft-tone-cyan,
[data-layout-color="dark"] .hwr-soft-tone-cyan,
[data-bs-theme="dark"] .hwr-soft-tone-cyan{
	--hwr-soft-accent: #2dd4bf; --hwr-soft-soft: rgba(45, 212, 191, 0.22); --hwr-soft-ink: #99f6e4;
}

.hwr-soft-ink{ color: var(--hwr-soft-ink); }

/*
 * Pill badge: solid accent fill + readable type. Pair with .hwr-soft-tone-*.
 * Do not add .hwr-soft-accent (that class draws a leading streak).
 * Hyper .badge has white type and no fill unless a bg-* utility is present —
 * set --bs-badge-bg and use !important so the accent actually paints.
 */
.badge.hwr-soft-badge,
.hwr-soft-badge{
	--bs-badge-color: #fff;
	--bs-badge-bg: var(--hwr-soft-accent, #2f9ed8);
	--bs-bg-opacity: 1;
	background-color: var(--hwr-soft-accent, #2f9ed8) !important;
	color: #fff !important;
}
/* Light: ink fill (not peach accent) so white type stays readable — same idea as amber. */
.badge.hwr-soft-badge.hwr-soft-tone-orange{ --hwr-soft-accent:#b85a28; --hwr-soft-ink:#b85a28; --bs-badge-bg:#b85a28; background-color:#b85a28 !important; }
.badge.hwr-soft-badge.hwr-soft-tone-sky{ --hwr-soft-accent:#2f9ed8; --bs-badge-bg:#2f9ed8; background-color:#2f9ed8 !important; }
.badge.hwr-soft-badge.hwr-soft-tone-teal{ --hwr-soft-accent:#0d9f8a; --bs-badge-bg:#0d9f8a; background-color:#0d9f8a !important; }
.badge.hwr-soft-badge.hwr-soft-tone-violet{ --hwr-soft-accent:#7c6cf0; --bs-badge-bg:#7c6cf0; background-color:#7c6cf0 !important; }
.badge.hwr-soft-badge.hwr-soft-tone-rose{ --hwr-soft-accent:#e85d8a; --bs-badge-bg:#e85d8a; background-color:#e85d8a !important; }
.badge.hwr-soft-badge.hwr-soft-tone-cyan{ --hwr-soft-accent:#14b8a6; --bs-badge-bg:#14b8a6; background-color:#14b8a6 !important; }
.badge.hwr-soft-badge.hwr-soft-tone-amber{ --hwr-soft-accent:#9a6c00; --hwr-soft-ink:#9a6c00; --bs-badge-bg:#9a6c00; background-color:#9a6c00 !important; }
body[data-layout-color="dark"] .badge.hwr-soft-badge,
[data-layout-color="dark"] .badge.hwr-soft-badge,
[data-bs-theme="dark"] .badge.hwr-soft-badge,
body[data-layout-color="dark"] .hwr-soft-badge,
[data-layout-color="dark"] .hwr-soft-badge,
[data-bs-theme="dark"] .hwr-soft-badge{
	--bs-badge-color: #1a120c;
	color: #1a120c !important;
}
body[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-orange,
[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-orange,
[data-bs-theme="dark"] .badge.hwr-soft-badge.hwr-soft-tone-orange{
	--hwr-soft-accent:#ffb07a; --bs-badge-bg:#ffb07a; background-color:#ffb07a !important;
}
body[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-sky,
[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-sky,
[data-bs-theme="dark"] .badge.hwr-soft-badge.hwr-soft-tone-sky{
	--hwr-soft-accent:#38bdf8; --bs-badge-bg:#38bdf8; background-color:#38bdf8 !important;
}
body[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-teal,
[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-teal,
[data-bs-theme="dark"] .badge.hwr-soft-badge.hwr-soft-tone-teal{
	--hwr-soft-accent:#2dd4bf; --bs-badge-bg:#2dd4bf; background-color:#2dd4bf !important;
}
body[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-violet,
[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-violet,
[data-bs-theme="dark"] .badge.hwr-soft-badge.hwr-soft-tone-violet{
	--hwr-soft-accent:#a78bfa; --bs-badge-bg:#a78bfa; background-color:#a78bfa !important;
}
body[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-rose,
[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-rose,
[data-bs-theme="dark"] .badge.hwr-soft-badge.hwr-soft-tone-rose{
	--hwr-soft-accent:#fb7185; --bs-badge-bg:#fb7185; background-color:#fb7185 !important;
}
body[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-cyan,
[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-cyan,
[data-bs-theme="dark"] .badge.hwr-soft-badge.hwr-soft-tone-cyan{
	--hwr-soft-accent:#2dd4bf; --bs-badge-bg:#2dd4bf; background-color:#2dd4bf !important;
}
body[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-amber,
[data-layout-color="dark"] .badge.hwr-soft-badge.hwr-soft-tone-amber,
[data-bs-theme="dark"] .badge.hwr-soft-badge.hwr-soft-tone-amber{
	--hwr-soft-accent:#fbbf24; --bs-badge-bg:#fbbf24; background-color:#fbbf24 !important;
}

/* Compact summary / identity tile — full soft fill */
.hwr-soft-accent-card{
	background: var(--hwr-soft-soft);
	color: var(--hwr-soft-ink);
}

/*
 * Dense list/form card — leave background to Hyper/Bootstrap `.card` (themes
 * light + dark). Never force #fff / body-bg with a light fallback.
 */
.hwr-soft-accent-panel{
	overflow: visible;
}
.hwr-soft-accent-panel::before{
	border-radius: 0.3rem 0 0 0.3rem;
}
/*
 * List/table host: keep the header strip, suppress the parent leading streak.
 * Items (rows / stacked cards) own .hwr-soft-accent. Body is flush so the
 * table is full bleed; pad pager and empty states, not the table.
 */
.hwr-soft-accent-host.hwr-soft-accent::before{
	content: none;
	display: none;
	width: 0;
}
.hwr-soft-accent-host > .card-body{
	padding: 0;
}
/* tr::before is unreliable — paint the 4px streak on the first cell. */
table.table > tbody > tr.hwr-soft-accent > td:first-child,
table.table > tbody > tr.hwr-soft-accent > th:first-child{
	box-shadow: inset 4px 0 0 var(--hwr-soft-accent);
}
table.table > tbody > tr.hwr-soft-accent::before{
	content: none;
	display: none;
}
.hwr-soft-accent-strip{
	background: var(--hwr-soft-soft);
	color: var(--hwr-soft-ink);
}
.hwr-soft-accent-strip .mdi,
.hwr-soft-accent-strip i,
.hwr-soft-accent-strip .fw-semibold,
.hwr-soft-accent-strip .fw-bold{
	color: var(--hwr-soft-ink);
}
/* Buttons keep their own icon/label color (e.g. btn-primary white). */
.hwr-soft-accent-strip .btn .mdi,
.hwr-soft-accent-strip .btn i,
.hwr-soft-accent-strip .btn .fw-semibold,
.hwr-soft-accent-strip .btn .fw-bold,
.hwr-soft-accent-strip .dropdown-item .mdi,
.hwr-soft-accent-strip .dropdown-item i,
.hwr-soft-accent-strip button .mdi,
.hwr-soft-accent-strip button i{
	color: inherit;
}

/* Ribbons / advisories */
.hwr-soft-accent-callout{
	background: var(--hwr-soft-soft);
	color: var(--hwr-soft-ink);
}
.hwr-soft-accent-callout a{
	color: var(--hwr-soft-ink);
	text-decoration: underline;
}

/*
 * Empty / all-clear: tone ink only — no soft fill (looks nested/boxed inside
 * an already-accented panel). Pair with .hwr-soft-tone-* for CSS variables.
 */
.hwr-soft-tone-teal.hwr-soft-accent-empty,
.hwr-soft-tone-orange.hwr-soft-accent-empty,
.hwr-soft-tone-sky.hwr-soft-accent-empty,
.hwr-soft-tone-violet.hwr-soft-accent-empty,
.hwr-soft-tone-rose.hwr-soft-accent-empty,
.hwr-soft-tone-amber.hwr-soft-accent-empty,
.hwr-soft-tone-cyan.hwr-soft-accent-empty,
.hwr-soft-accent-empty{
	background: transparent;
	color: var(--hwr-soft-ink);
}
.hwr-soft-accent-empty .mdi,
.hwr-soft-accent-empty i,
.hwr-soft-accent-empty .fw-semibold,
.hwr-soft-accent-empty .fw-bold{
	color: var(--hwr-soft-ink);
}
/* Marketing preview — gaps utilities cannot express. */
.hwr-mkt-wrap{
	--hwr-mkt-black:#07070a;
	--hwr-mkt-black-2:#101014;
	--hwr-mkt-orange:#f08a48;
	--hwr-mkt-orange-deep:#b85a28;
	--hwr-mkt-sun:#ffb06a;
	--hwr-mkt-peach:#f3c39a;
	overflow-x:clip;
	max-width:100%;
	font-family:"Plus Jakarta Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	letter-spacing:0;
	background:#f7f3ee;
	color:#141418;
}
body.hwr-brand-palette .hwr-mkt-wrap .btn-primary,
body.hwr-brand-palette .hwr-mkt-wrap .btn-primary.text-white,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-wrap .btn-primary,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-wrap .btn-primary.text-white,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-wrap .btn-primary,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-wrap .btn-primary.text-white,
.hwr-mkt-wrap .btn-primary,
.hwr-mkt-wrap .bg-primary,
.hwr-mkt-wrap .badge.bg-primary{
	background-color:var(--hwr-mkt-orange) !important;
	background-image:none !important;
	border-color:var(--hwr-mkt-orange) !important;
	color:#140c08 !important;
	box-shadow:0 6px 16px rgba(240,138,72,0.28);
}
body.hwr-brand-palette .hwr-mkt-wrap .btn-primary:hover,
body.hwr-brand-palette .hwr-mkt-wrap .btn-primary:focus,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-wrap .btn-primary:hover,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-wrap .btn-primary:focus,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-wrap .btn-primary:hover,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-wrap .btn-primary:focus,
.hwr-mkt-wrap .btn-primary:hover,
.hwr-mkt-wrap .btn-primary:focus{
	background-color:var(--hwr-mkt-orange-deep) !important;
	border-color:var(--hwr-mkt-orange-deep) !important;
	color:#140c08 !important;
}
body.hwr-brand-palette .hwr-mkt-wrap .btn-outline-primary,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-wrap .btn-outline-primary,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-wrap .btn-outline-primary,
.hwr-mkt-wrap .btn-outline-primary{
	color:#8a3d16 !important;
	border-color:#c45e28 !important;
	background-color:transparent !important;
}
body.hwr-brand-palette .hwr-mkt-wrap .btn-outline-primary:hover,
body.hwr-brand-palette .hwr-mkt-wrap .btn-outline-primary:focus,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-wrap .btn-outline-primary:hover,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-wrap .btn-outline-primary:focus,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-wrap .btn-outline-primary:hover,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-wrap .btn-outline-primary:focus,
.hwr-mkt-wrap .btn-outline-primary:hover,
.hwr-mkt-wrap .btn-outline-primary:focus{
	background-color:var(--hwr-mkt-orange) !important;
	border-color:var(--hwr-mkt-orange) !important;
	color:#140c08 !important;
}
.hwr-mkt-wrap .border-primary{
	border-color:var(--hwr-mkt-orange) !important;
}
.hwr-mkt-wrap .text-primary{
	color:#8a3d16 !important;
}
.hwr-mkt-main a:not(.btn){
	color:#8a3d16;
}
.hwr-mkt-band a:not(.btn){
	color:#e8d8c8;
}
.hwr-mkt-band .card a:not(.btn),
.hwr-mkt-band .hwr-mkt-card a:not(.btn){
	color:#8a3d16;
}
.hwr-mkt-wrap .text-white-50{
	color:#e8d8c8 !important;
}
.hwr-mkt-wrap .text-muted{
	color:#5a534c !important;
}
/* Marketing soft accents: Horizon orange streaks only. Clip the streak to
 * the card radius so a straight bar does not square off rounded corners. */
.hwr-mkt-wrap .hwr-soft-accent,
.hwr-mkt-wrap .hwr-soft-tone-orange,
.hwr-mkt-wrap .hwr-soft-tone-sky,
.hwr-mkt-wrap .hwr-soft-tone-amber,
.hwr-mkt-wrap .hwr-soft-tone-teal,
.hwr-mkt-wrap .hwr-soft-tone-cyan,
.hwr-mkt-wrap .hwr-soft-tone-violet,
.hwr-mkt-wrap .hwr-soft-tone-rose{
	--hwr-soft-accent:#f08a48;
	--hwr-soft-soft:rgba(240, 138, 72, 0.16);
	--hwr-soft-ink:#8a3d16;
}
/* Cream marketing cards: orange left streak + light edge so white-on-cream
 * does not melt into the section. Soft-accent sets border:0 — restore here.
 * Photo mosaic tiles stay streak-free and unframed. */
.hwr-mkt-wrap .hwr-mkt-card:not(.hwr-mkt-sport-tile):not(.hwr-mkt-country-tile),
.hwr-mkt-wrap .card:not([class*="bg-"]):not(.hwr-mkt-sport-tile):not(.hwr-mkt-country-tile){
	position:relative;
	overflow:hidden;
	border:1px solid rgba(20,12,8,0.1) !important;
	box-shadow:0 10px 28px rgba(20,12,8,0.07);
}
.hwr-mkt-wrap .hwr-mkt-card:not(.hwr-mkt-sport-tile):not(.hwr-mkt-country-tile)::before,
.hwr-mkt-wrap .card:not([class*="bg-"]):not(.hwr-mkt-sport-tile):not(.hwr-mkt-country-tile)::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:4px;
	background:#f08a48;
	z-index:1;
	pointer-events:none;
}
/* Contact parent shell: no left streak (channel tiles carry the accent). */
.hwr-mkt-wrap .card.hwr-mkt-form-card::before{
	content:none;
	display:none;
}
.hwr-mkt-wrap .hwr-mkt-card.border-primary,
.hwr-mkt-wrap .card.border-primary{
	border-color:rgba(240,138,72,0.85) !important;
}
.hwr-mkt-skip{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}
.hwr-mkt-skip:focus,
.hwr-mkt-skip:focus-visible{
	position:absolute;
	left:12px;
	top:12px;
	width:auto;
	height:auto;
	margin:0;
	clip:auto;
	overflow:visible;
	z-index:1100;
	padding:0.55rem 1rem;
	min-height:2.75rem;
	outline:3px solid #ffb06a;
	outline-offset:2px;
	box-shadow:0 0 0 5px #140c08;
}
.hwr-mkt-nav{
	position:sticky;
	top:0;
	z-index:1030;
	padding-top:0.55rem;
	padding-bottom:0.55rem;
	background:rgba(7,7,10,0.92);
	backdrop-filter:blur(18px) saturate(1.15);
	-webkit-backdrop-filter:blur(18px) saturate(1.15);
	border-bottom:1px solid rgba(240,138,72,0.22);
}
.hwr-mkt-nav > .container{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.hwr-mkt-nav .navbar-brand{
	flex:0 0 auto;
	margin-right:0.75rem;
	padding-top:0;
	padding-bottom:0;
}
.hwr-mkt-nav .navbar-brand img{
	display:block;
	width:auto;
	height:64px;
	max-width:none;
	max-height:64px;
}
.hwr-mkt-nav.navbar-dark .nav-link,
.hwr-mkt-nav .nav-link{
	display:flex;
	align-items:center;
	min-height:2.5rem;
	font-weight:600;
	font-size:0.92rem;
	color:#f4efe8;
	white-space:nowrap;
}
.hwr-mkt-nav button.nav-link{
	appearance:none;
	-webkit-appearance:none;
	background:transparent;
	border:0;
	padding:0.5rem 0.75rem;
	cursor:pointer;
	font-family:inherit;
	line-height:inherit;
	text-align:inherit;
}
.hwr-mkt-nav.navbar-dark .nav-link:hover,
.hwr-mkt-nav.navbar-dark .nav-link:focus,
.hwr-mkt-nav .nav-link:hover,
.hwr-mkt-nav .nav-link:focus{
	color:#fff;
}
.hwr-mkt-nav .nav-link.active{
	color:#fff;
	box-shadow:inset 0 -2px 0 #f08a48;
}
.hwr-mkt-nav .navbar-toggler{
	margin-left:auto;
	flex:0 0 auto;
	min-width:2.75rem;
	min-height:2.75rem;
	color:#f4efe8;
	border-color:rgba(244,239,232,0.45);
}
.hwr-mkt-nav .hwr-mkt-lang{
	background:transparent;
	border:0;
	min-width:2.75rem;
	padding:0.45rem 0.65rem;
}
.hwr-mkt-nav .dropdown-item{
	display:flex;
	align-items:center;
	min-height:2.5rem;
}
.hwr-mkt-nav .btn{
	white-space:nowrap;
	border-radius:999px;
	padding-left:0.9rem;
	padding-right:0.9rem;
}
.hwr-mkt-nav-end{
	gap:0.5rem;
}
.hwr-mkt-nav-cta{
	padding:0.42rem 0.95rem !important;
	font-size:0.88rem;
	box-shadow:0 6px 16px rgba(240,138,72,0.28);
	white-space:nowrap;
}
.hwr-mkt-nav-cta-short{
	display:none;
}
.hwr-mkt-nav-cta-full{
	display:inline;
}
@media (min-width:1200px) and (max-width:1399.98px){
	.hwr-mkt-nav-cta-short{
		display:inline;
	}
	.hwr-mkt-nav-cta-full{
		display:none;
	}
}
.hwr-mkt-nav-account{
	position:relative;
	padding-left:0.15rem;
}
.hwr-mkt-nav-account-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.15rem;
	min-width:2.5rem;
	min-height:2.5rem;
	padding:0.35rem 0.55rem !important;
	border:1px solid rgba(244,239,232,0.28);
	border-radius:999px;
	background:rgba(255,255,255,0.06);
	color:#f4efe8 !important;
	line-height:1;
	transition:background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.hwr-mkt-nav-account-btn .mdi-account-circle{
	font-size:1.35rem;
	line-height:1;
}
.hwr-mkt-nav-account-btn::after{
	margin-left:0.15rem;
	transition:transform 0.2s ease;
}
.hwr-mkt-nav-account-btn:hover,
.hwr-mkt-nav-account-btn:focus,
.hwr-mkt-nav-account-btn[aria-expanded="true"]{
	color:#fff !important;
	background:rgba(255,255,255,0.12);
	border-color:rgba(244,239,232,0.5);
}
.hwr-mkt-nav-account-btn[aria-expanded="true"]::after{
	transform:rotate(180deg);
}
.hwr-mkt-nav-account > .dropdown-menu{
	/* Keep in layout so open/close can transition (Bootstrap toggles .show only). */
	display:block !important;
	position:absolute;
	top:100%;
	right:0;
	left:auto;
	z-index:1040;
	margin-top:0.4rem;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translate3d(0, -0.45rem, 0) scale(0.96);
	transform-origin:top right;
	transition:opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.hwr-mkt-nav-account > .dropdown-menu.show{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:translate3d(0, 0, 0) scale(1);
}
.hwr-mkt-nav-account .dropdown-item{
	display:flex;
	align-items:center;
	gap:0.15rem;
	white-space:nowrap;
}
.hwr-mkt-nav-account .dropdown-item .mdi{
	font-size:1.1rem;
	opacity:0.9;
}
@media (prefers-reduced-motion:reduce){
	.hwr-mkt-nav-account-btn,
	.hwr-mkt-nav-account-btn::after,
	.hwr-mkt-nav-account > .dropdown-menu{
		transition:none !important;
		transform:none !important;
	}
	.hwr-mkt-nav-account > .dropdown-menu:not(.show){
		opacity:0;
		visibility:hidden;
	}
	.hwr-mkt-nav-account > .dropdown-menu.show{
		opacity:1;
		visibility:visible;
	}
}
.hwr-mkt-wrap a.btn,
.hwr-mkt-wrap .btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	line-height:1;
	vertical-align:middle;
	box-sizing:border-box;
}
.hwr-mkt-cta-row{
	align-items:center;
}
.hwr-mkt-wrap .btn.hwr-mkt-cta-primary,
.hwr-mkt-wrap .btn.hwr-mkt-cta-primary:hover,
.hwr-mkt-wrap .btn.hwr-mkt-cta-primary:focus,
.hwr-mkt-wrap .btn.hwr-mkt-cta-primary:active{
	font-weight:700;
	border-radius:999px;
	padding:0.7rem 1.25rem;
	background:var(--hwr-mkt-orange) !important;
	border-color:#e07838 !important;
	color:#140c08 !important;
	box-shadow:0 10px 28px rgba(240,138,72,0.38);
}
.hwr-mkt-wrap .btn.hwr-mkt-cta-primary:hover{
	transform:translateY(-2px);
}
.hwr-mkt-hero{
	position:relative;
	isolation:isolate;
	background:
		radial-gradient(ellipse at 50% 132%, rgba(255,176,106,0.4) 0%, rgba(240,138,72,0.16) 24%, transparent 46%),
		linear-gradient(180deg,#050506 0%, #07070a 58%, #120a08 82%, #241108 93%, #3d1c0c 100%);
	overflow:hidden;
	padding-top:3.25rem;
	padding-bottom:12rem;
}
.hwr-mkt-hero::before{
	content:"";
	position:absolute;
	left:50%;
	bottom:-11.25rem;
	width:24rem;
	height:24rem;
	margin-left:-12rem;
	border-radius:50%;
	background:
		radial-gradient(circle at 50% 46%, #fff3d6 0%, #ffd19a 18%, #ffb06a 36%, #f08a48 54%, rgba(240,138,72,0.18) 68%, transparent 74%);
	box-shadow:0 0 80px 24px rgba(240,138,72,0.22);
	animation:hwrMktSun 18s ease-in-out infinite alternate;
	z-index:0;
	pointer-events:none;
}
.hwr-mkt-hero::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:9.5rem;
	max-height:9.5rem;
	background:
		linear-gradient(180deg, transparent 0%, rgba(7,7,10,0.08) 36%, rgba(7,7,10,0.55) 78%, #07070a 100%),
		linear-gradient(90deg, transparent 0%, rgba(240,138,72,0.35) 50%, transparent 100%);
	border-top:1px solid rgba(255,176,106,0.4);
	z-index:0;
	pointer-events:none;
}
.hwr-mkt-hero > .container{
	position:relative;
	z-index:1;
}
.hwr-mkt-hero-bleed{
	min-height:min(78vh, 42rem);
	display:flex;
	align-items:flex-end;
	padding-top:4.5rem;
	padding-bottom:5.5rem;
	background:#07070a;
}
.hwr-mkt-hero-bleed-media{
	position:absolute;
	inset:0;
	z-index:0;
	overflow:hidden;
}
.hwr-mkt-hero-bleed-media img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center 42%;
	display:block;
	border-radius:0;
	box-shadow:none;
}
.hwr-mkt-hero-bleed::before{
	content:"";
	position:absolute;
	inset:0;
	left:0;
	bottom:0;
	width:auto;
	height:auto;
	margin-left:0;
	border-radius:0;
	background:
		linear-gradient(105deg, rgba(5,5,6,0.92) 0%, rgba(5,5,6,0.72) 34%, rgba(5,5,6,0.28) 62%, rgba(5,5,6,0.45) 100%),
		linear-gradient(180deg, rgba(5,5,6,0.28) 0%, transparent 38%, rgba(5,5,6,0.55) 78%, #07070a 100%);
	box-shadow:none;
	animation:none;
	z-index:1;
	pointer-events:none;
}
.hwr-mkt-hero-bleed::after{
	height:4.5rem;
	max-height:4.5rem;
	background:
		linear-gradient(180deg, transparent 0%, rgba(7,7,10,0.35) 40%, #07070a 100%);
	border-top:0;
}
.hwr-mkt-hero-bleed .hwr-mkt-hero-title,
.hwr-mkt-hero-bleed .hwr-mkt-lead,
.hwr-mkt-hero-bleed .hwr-mkt-eyebrow{
	text-shadow:0 2px 18px rgba(0,0,0,0.45);
}
.hwr-mkt-hero-photo{
	padding-bottom:4.5rem;
	background:
		radial-gradient(ellipse at 88% 18%, rgba(255,176,106,0.18) 0%, transparent 42%),
		linear-gradient(180deg,#050506 0%, #0a0a0e 62%, #120a08 100%);
}
.hwr-mkt-hero-photo::before{
	display:none;
}
.hwr-mkt-hero-map{
	min-height:min(62vh, 34rem);
	padding-top:4rem;
	padding-bottom:4.5rem;
	align-items:flex-end;
	background:#07070a;
}
.hwr-mkt-hero-map-media{
	background:#0a1218;
}
.hwr-mkt-hero-map-canvas{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	z-index:0;
	pointer-events:none;
	background:#0a1218;
}
.hwr-mkt-hero-map .leaflet-control-zoom,
.hwr-mkt-hero-map .leaflet-bar{
	display:none !important;
}
.hwr-mkt-hero-map .leaflet-control-attribution{
	background:rgba(7,7,10,0.55) !important;
	color:rgba(255,255,255,0.55) !important;
	font-size:0.65rem !important;
	line-height:1.2 !important;
	padding:0.15rem 0.4rem !important;
	margin:0 !important;
	border:0 !important;
	box-shadow:none !important;
	pointer-events:auto;
}
.hwr-mkt-hero-map .leaflet-control-attribution a{
	color:rgba(255,255,255,0.7) !important;
}
.hwr-mkt-hero-map .leaflet-container{
	background:#0a1218;
	font:inherit;
}
.hwr-mkt-map-pin{
	background:transparent !important;
	border:0 !important;
}
.hwr-mkt-map-pin-mark{
	display:block;
	position:relative;
	width:18px;
	height:18px;
	margin:2px auto 0;
	border-radius:50% 50% 50% 0;
	transform:rotate(-45deg);
	background:rgba(255,176,106,0.88);
	box-shadow:
		0 0 0 3px rgba(240,138,72,0.28),
		0 4px 12px rgba(20,12,8,0.28);
}
.hwr-mkt-map-pin-mark::after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:6px;
	height:6px;
	margin:-3px 0 0 -3px;
	border-radius:50%;
	background:rgba(255,243,214,0.95);
	box-shadow:0 0 0 1px rgba(184,90,40,0.2);
}
.hwr-mkt-hero-photo::after{
	height:3.25rem;
	max-height:3.25rem;
	background:linear-gradient(180deg, transparent 0%, rgba(7,7,10,0.55) 55%, #07070a 100%);
	border-top:0;
}
.hwr-mkt-hero .btn{
	min-height:3rem;
	padding:0.85rem 1.3rem;
	line-height:1;
}
body.hwr-brand-palette .hwr-mkt-hero .btn-outline-light,
body.hwr-brand-palette .hwr-mkt-hero-final .btn-outline-light,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-hero .btn-outline-light,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-hero-final .btn-outline-light,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-hero .btn-outline-light,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-hero-final .btn-outline-light,
.hwr-mkt-hero .btn-outline-light,
.hwr-mkt-hero-final .btn-outline-light{
	color:#f7f2eb !important;
	border-color:rgba(247,242,235,0.88) !important;
	background:rgba(7,7,10,0.32) !important;
}
body.hwr-brand-palette .hwr-mkt-hero .btn-outline-light:hover,
body.hwr-brand-palette .hwr-mkt-hero .btn-outline-light:focus,
body.hwr-brand-palette .hwr-mkt-hero-final .btn-outline-light:hover,
body.hwr-brand-palette .hwr-mkt-hero-final .btn-outline-light:focus,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-hero .btn-outline-light:hover,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-hero .btn-outline-light:focus,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-hero-final .btn-outline-light:hover,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-hero-final .btn-outline-light:focus,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-hero .btn-outline-light:hover,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-hero .btn-outline-light:focus,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-hero-final .btn-outline-light:hover,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-hero-final .btn-outline-light:focus,
.hwr-mkt-hero .btn-outline-light:hover,
.hwr-mkt-hero .btn-outline-light:focus,
.hwr-mkt-hero-final .btn-outline-light:hover,
.hwr-mkt-hero-final .btn-outline-light:focus{
	color:#140c08 !important;
	background:#f7f2eb !important;
	border-color:#f7f2eb !important;
}
.hwr-mkt-hero-bar{
	background:#07070a;
	border-top:1px solid rgba(240,138,72,0.22);
	border-bottom:1px solid rgba(240,138,72,0.12);
}
.hwr-mkt-hero-tall{
	min-height:calc(100vh - 5.5rem);
	display:flex;
	align-items:flex-start;
	padding-top:4.5rem;
	padding-bottom:13.5rem;
}
.hwr-mkt-hero-tall::before{
	bottom:-14rem;
	width:28rem;
	height:28rem;
	margin-left:-14rem;
}
.hwr-mkt-hero-tall::after{
	height:9.5rem;
	max-height:9.5rem;
}
.hwr-mkt-hero-tall > .container::before{
	content:"";
	position:absolute;
	left:-1.5rem;
	top:-1rem;
	width:42rem;
	max-width:62%;
	height:115%;
	background:radial-gradient(ellipse at 28% 38%, rgba(7,7,10,0.82) 0%, rgba(7,7,10,0.4) 52%, transparent 76%);
	z-index:-1;
	pointer-events:none;
}
.hwr-mkt-hero-final{
	padding-top:4.5rem;
	padding-bottom:12rem;
}
.hwr-mkt-hero-final::before{
	bottom:-11.25rem;
}
.hwr-mkt-hero-final::after{
	height:9.5rem;
	max-height:9.5rem;
}
.hwr-mkt-hero-final > .container::before{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:48rem;
	max-width:100%;
	height:130%;
	transform:translate(-50%, -50%);
	background:radial-gradient(ellipse at 50% 42%, rgba(7,7,10,0.94) 0%, rgba(7,7,10,0.78) 48%, transparent 74%);
	z-index:-1;
	pointer-events:none;
}
@keyframes hwrMktSun{
	from{ transform:translate3d(0, 0.4rem, 0) scale(1); opacity:0.88; }
	to{ transform:translate3d(0, -0.55rem, 0) scale(1.04); opacity:1; }
}
.hwr-mkt-display,
.hwr-mkt-hero-title,
.hwr-mkt-kicker{
	font-family:Syne, "Plus Jakarta Sans", sans-serif;
	font-weight:700;
	letter-spacing:-0.01em;
	line-height:1.22;
	text-wrap:balance;
	text-rendering:optimizeLegibility;
	font-synthesis:none;
	padding-block:0.06em;
}
.hwr-mkt-hero-title{
	font-size:clamp(2.2rem, 5.6vw, 4.15rem);
	line-height:1.18;
}
.hwr-mkt-eyebrow{
	display:inline-flex;
	align-items:center;
	gap:0.5rem;
	letter-spacing:0.14em;
	text-transform:uppercase;
	font-size:0.72rem;
	font-weight:700;
	color:#f3c39a;
	margin-bottom:1rem;
}
.hwr-mkt-eyebrow::before{
	content:"";
	width:1.4rem;
	height:1px;
	background:#f08a48;
}
.hwr-mkt-lead{
	max-width:38rem;
	text-wrap:pretty;
	font-size:1.08rem;
	line-height:1.6;
}
.hwr-mkt-hero .hwr-mkt-lead{
	color:#e8d8c8;
}
.hwr-mkt-shot-frame,
.hwr-mkt-device-main{
	border-radius:1rem;
	overflow:hidden;
	background:#121218;
	box-shadow:0 40px 80px rgba(0,0,0,0.48), 0 0 0 1px rgba(255,255,255,0.08);
}
.hwr-mkt-shot-bar{
	height:1.65rem;
	background:#23232d;
	display:flex;
	align-items:center;
	padding:0 0.75rem;
	gap:0.35rem;
}
.hwr-mkt-shot-dot{
	width:0.5rem;
	height:0.5rem;
	border-radius:50%;
	background:#6c6c6c;
}
.hwr-mkt-shot-dot:first-child{ background:#e3675b; }
.hwr-mkt-shot-dot:nth-child(2){ background:#e4c15a; }
.hwr-mkt-shot-dot:nth-child(3){ background:#5fbe6d; }
.hwr-mkt-hero-shot,
.hwr-mkt-figure img{
	max-width:100%;
	height:auto;
	display:block;
}
.hwr-mkt-device-stack{
	position:relative;
	min-height:18rem;
	overflow:visible;
	perspective:1400px;
}
.hwr-mkt-device-main{
	transform:rotateY(-10deg) rotateX(6deg) translateZ(0);
	transition:transform 0.45s ease;
}
.hwr-mkt-device-stack:hover .hwr-mkt-device-main{
	transform:rotateY(-4deg) rotateX(2deg);
}
.hwr-mkt-device-phone{
	position:absolute;
	left:-8%;
	bottom:-55%;
	width:200px;
	max-width:min(200px, 46%);
	height:auto;
	aspect-ratio:9 / 19.5;
	object-fit:cover;
	object-position:top center;
	z-index:2;
	border-radius:1.4rem;
	overflow:hidden;
	box-shadow:0 24px 48px rgba(0,0,0,0.45), 0 0 0 8px #111;
	transform:rotate(-8deg);
}
.hwr-mkt-device-glow{
	position:absolute;
	inset:18% 8% auto 8%;
	height:55%;
	background:radial-gradient(circle, rgba(240,138,72,0.35), transparent 68%);
	filter:blur(24px);
	z-index:0;
	pointer-events:none;
}
.hwr-mkt-band{
	position:relative;
	color:#f4efe8;
	background:
		radial-gradient(ellipse at 50% 120%, rgba(240,138,72,0.2), transparent 48%),
		linear-gradient(180deg, #0c0c10 0%, #101014 100%);
}
.hwr-mkt-band .text-muted,
.hwr-mkt-wrap .hwr-mkt-band .text-muted{
	color:#e8d8c8 !important;
}
.hwr-mkt-band .hwr-mkt-kicker,
.hwr-mkt-band .hwr-mkt-lead{
	color:#f7f2eb;
}
.hwr-mkt-band .card,
.hwr-mkt-band .hwr-mkt-card{
	color:#141418;
}
.hwr-mkt-band .card .hwr-mkt-kicker,
.hwr-mkt-band .hwr-mkt-card .hwr-mkt-kicker{
	color:#141418;
}
.hwr-mkt-band .card .text-muted,
.hwr-mkt-band .hwr-mkt-card .text-muted{
	color:#5a534c !important;
}
body.hwr-brand-palette .hwr-mkt-wrap .hwr-mkt-band .btn-outline-primary,
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-wrap .hwr-mkt-band .btn-outline-primary,
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-wrap .hwr-mkt-band .btn-outline-primary,
.hwr-mkt-band .btn-outline-primary{
	color:#ffb06a !important;
	border-color:rgba(240,138,72,0.85) !important;
	background-color:transparent !important;
}
body.hwr-brand-palette .hwr-mkt-wrap .hwr-mkt-band .btn-outline-primary:hover,
body.hwr-brand-palette .hwr-mkt-wrap .hwr-mkt-band .btn-outline-primary:focus,
.hwr-mkt-band .btn-outline-primary:hover,
.hwr-mkt-band .btn-outline-primary:focus{
	background-color:var(--hwr-mkt-orange) !important;
	border-color:var(--hwr-mkt-orange) !important;
	color:#140c08 !important;
}
/* Cream cards stay cream on the marketing site. Product dark-theme
 * variables must not paint testimonials, KPI tiles, or pricing cards black. */
body.hwr-brand-palette .hwr-mkt-wrap .card:not([class*="bg-"]),
body.hwr-brand-palette[data-layout-color="dark"] .hwr-mkt-wrap .card:not([class*="bg-"]),
body.hwr-brand-palette[data-layout-color="light"] .hwr-mkt-wrap .card:not([class*="bg-"]),
body.hwr-brand-palette.hwr-mkt-preloader-dark .hwr-mkt-wrap .card:not([class*="bg-"]){
	background-color:#fffefb !important;
	color:#141418 !important;
	border-color:#e4dcd2 !important;
}
.hwr-mkt-card{
	transition:transform 0.22s ease, box-shadow 0.22s ease;
	border-radius:1rem;
}
.hwr-mkt-wrap .hwr-mkt-card:hover:not(.hwr-mkt-sport-tile):not(.hwr-mkt-country-tile),
.hwr-mkt-wrap .card.hwr-mkt-card:hover:not(.hwr-mkt-sport-tile):not(.hwr-mkt-country-tile){
	transform:translateY(-4px);
	box-shadow:0 20px 40px rgba(20,12,8,0.12);
}
.hwr-mkt-card-featured{
	box-shadow:0 22px 48px rgba(20,12,8,0.14) !important;
	transform:translateY(-8px);
	border-width:2px !important;
}
.hwr-mkt-enterprise-head{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between;
	gap:1.25rem;
	margin-bottom:1.25rem;
}
.hwr-mkt-enterprise-facts{
	display:grid;
	grid-template-columns:1fr;
	gap:1.15rem;
	padding-top:1.15rem;
	border-top:1px solid #e4dcd2;
}
.hwr-mkt-enterprise-facts h4{
	color:#8a3d16;
	margin-bottom:0.4rem;
}
.hwr-mkt-include-grid,
.hwr-mkt-notes-grid{
	display:grid;
	grid-template-columns:1fr;
	gap:1.15rem;
}
.hwr-mkt-include-col h3{
	margin-bottom:0.85rem;
}
.hwr-mkt-notes-grid{
	margin-top:1.5rem;
}
.hwr-mkt-ussf-note{
	padding:0.85rem 0;
	border-top:1px solid #e4dcd2;
	border-bottom:1px solid #e4dcd2;
	background:#faf7f2;
}
.hwr-mkt-ussf-note p{
	color:#5c5046;
	font-size:0.95rem;
}
.hwr-mkt-ussf-note a{
	white-space:nowrap;
}
.hwr-mkt-forward{
	padding:1.75rem 1.5rem;
}
.hwr-mkt-forward-share{
	display:flex;
	align-items:stretch;
	flex-wrap:nowrap;
	margin:0 0 1.25rem;
	gap:0;
}
.hwr-mkt-forward-blurb{
	flex:1 1 auto;
	margin:0;
	padding:1rem 1.15rem;
	height:auto;
	min-height:100%;
	white-space:normal;
	font-style:italic;
	line-height:1.55;
	color:#3a2f28;
	background:#f0e4d6;
	border:1px solid rgba(20,12,8,0.12);
	border-right:0;
	border-radius:0.35rem 0 0 0.35rem;
	border-left:4px solid #07070a;
	box-shadow:none;
}
.hwr-mkt-forward-blurb:focus{
	box-shadow:none;
	border-color:rgba(20,12,8,0.12);
	background:#f0e4d6;
}
.hwr-mkt-forward-mail{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.35rem;
	flex:0 0 auto;
	min-width:4.5rem;
	padding:0.85rem 0.9rem;
	background:#07070a !important;
	border:1px solid #07070a !important;
	border-radius:0 0.35rem 0.35rem 0 !important;
	color:#f7f2eb !important;
	font-size:0.8rem;
	font-weight:600;
	letter-spacing:0.02em;
	text-decoration:none !important;
	white-space:normal;
	line-height:1.2;
}
.hwr-mkt-forward-mail:hover,
.hwr-mkt-forward-mail:focus{
	background:#1a1a1f !important;
	border-color:#1a1a1f !important;
	color:#fff !important;
}
.hwr-mkt-forward-mail .mdi{
	font-size:1.35rem;
	line-height:1;
}
.hwr-mkt-forward-mail-label{
	max-width:4.75rem;
	text-align:center;
}
@media (max-width:575.98px){
	.hwr-mkt-forward-share{
		flex-direction:column;
	}
	.hwr-mkt-forward-blurb{
		border-radius:0.65rem 0.65rem 0 0;
		border-right:1px solid rgba(20,12,8,0.12);
		border-bottom:0;
	}
	.hwr-mkt-forward-mail{
		flex-direction:row;
		min-width:0;
		width:100%;
		border-radius:0 0 0.65rem 0.65rem;
		padding:0.75rem 1rem;
	}
	.hwr-mkt-forward-mail-label{
		max-width:none;
	}
}
.hwr-mkt-band .hwr-mkt-card .hwr-mkt-check{
	color:#8a3d16;
}
@media (min-width:768px){
	.hwr-mkt-enterprise-facts,
	.hwr-mkt-include-grid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}
@media (min-width:992px){
	.hwr-mkt-notes-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}
.hwr-mkt-enterprise-banner{
	background:#120a08;
	border-top:1px solid rgba(240,138,72,0.28);
	border-bottom:1px solid rgba(240,138,72,0.16);
	color:#f7f2eb;
}
.hwr-mkt-enterprise-inner{
	padding:1.25rem 0;
}
.hwr-mkt-enterprise-banner h2{
	color:#f7f2eb;
}
.hwr-mkt-legal-doc{
	max-width:52rem;
}
.hwr-mkt-icon{
	width:2.75rem;
	height:2.75rem;
	border-radius:0.85rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:1.3rem;
	background:var(--hwr-soft-soft, rgba(240,138,72,0.16));
	color:var(--hwr-soft-ink, #8a3d16);
}
.hwr-mkt-step-num{
	width:2.5rem;
	height:2.5rem;
	font-weight:700;
	font-family:Syne, "Plus Jakarta Sans", sans-serif;
	line-height:1;
}
.hwr-mkt-path-steps{
	list-style:none;
	padding-left:0;
	margin:0;
}
.hwr-mkt-path-steps li{
	display:flex;
	align-items:center;
	gap:0.35rem;
	margin-bottom:0.85rem;
}
.hwr-mkt-path-steps li:last-child{
	margin-bottom:0;
}
.hwr-mkt-path-steps .hwr-mkt-step-num{
	width:1.75rem;
	height:1.75rem;
	flex:0 0 1.75rem;
	font-size:0.85rem;
}
.hwr-mkt-quote{
	border:0;
	position:relative;
}
.hwr-mkt-quote-mark{
	font-size:4rem;
	line-height:0.7;
	color:rgba(240,138,72,0.4);
	font-family:Georgia, "Times New Roman", serif;
	display:block;
	margin-bottom:0.2rem;
}
.hwr-mkt-check{
	color:#8a3d16;
}
.hwr-mkt-band .hwr-mkt-check{
	color:#ffb06a;
}
.hwr-mkt-list{
	list-style:none;
	padding-left:0;
}
.hwr-mkt-list li{
	display:flex;
	gap:0.6rem;
	align-items:center;
	margin-bottom:0.7rem;
}
.hwr-mkt-list li .hwr-mkt-check{
	flex:0 0 auto;
	line-height:1;
	margin-top:0;
}
.hwr-mkt-list li:last-child{
	margin-bottom:0;
}
.hwr-mkt-crumb{
	font-size:0.875rem;
	background:#f7f3ee;
	border-bottom:1px solid rgba(20,12,8,0.06);
}
.hwr-mkt-crumb .breadcrumb{
	background:transparent;
	padding:0;
	margin:0;
}
.hwr-mkt-crumb a{
	text-decoration:none;
	color:#8a3d16;
}
.hwr-mkt-crumb a:hover{
	text-decoration:underline;
}
.hwr-mkt-form-card{
	border:1px solid rgba(0,0,0,0.06);
	border-radius:1.1rem;
}
.hwr-mkt-contact-channel{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.35rem;
	padding:1.15rem 1.2rem;
	background:#fffefb;
	border:1px solid rgba(20,12,8,0.12);
	border-left:4px solid #f08a48;
	border-radius:0.85rem;
	color:#141418;
	box-shadow:0 8px 22px rgba(20,12,8,0.06);
	transition:transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.hwr-mkt-contact-channel:hover,
.hwr-mkt-contact-channel:focus{
	transform:translateY(-2px);
	box-shadow:0 14px 28px rgba(20,12,8,0.1);
	border-color:rgba(240,138,72,0.55);
	color:#141418;
}
.hwr-mkt-contact-channel.is-selected{
	border-color:rgba(240,138,72,0.7);
	box-shadow:0 12px 26px rgba(184,90,40,0.12);
}
.hwr-mkt-contact-channel-icon{
	font-size:1.55rem;
	line-height:1;
	color:#b85a28;
}
.hwr-mkt-contact-channel-title{
	font-weight:700;
	font-size:1.05rem;
}
.hwr-mkt-contact-channel-text{
	font-size:0.92rem;
	line-height:1.45;
	color:#5a534c;
}
.hwr-mkt-contact-email-panel{
	display:none;
	margin-top:1.25rem;
	padding-top:1.25rem;
	border-top:1px solid rgba(20,12,8,0.08);
}
@media (prefers-reduced-motion: reduce){
	.hwr-mkt-contact-channel{
		transition:none;
	}
}
.hwr-mkt-faq-list{
	display:flex;
	flex-direction:column;
	gap:0.9rem;
	--bs-accordion-border-width:0;
	--bs-accordion-bg:transparent;
	--bs-accordion-btn-focus-box-shadow:none;
}
.hwr-mkt-faq-item,
.hwr-mkt-faq-item:first-of-type,
.hwr-mkt-faq-item:last-of-type,
.hwr-mkt-faq-item:first-of-type .accordion-button,
.hwr-mkt-faq-item:last-of-type .accordion-button.collapsed{
	border-radius:1rem;
}
.hwr-mkt-faq-item{
	overflow:hidden;
	background:#fff;
	border:1px solid rgba(20,12,8,0.1) !important;
	box-shadow:inset 4px 0 0 #f08a48, 0 10px 28px rgba(20,12,8,0.07);
}
.hwr-mkt-faq-item:has(.accordion-button:not(.collapsed)){
	border-color:rgba(184,90,40,0.38) !important;
}
.hwr-mkt-faq-btn.accordion-button{
	display:flex;
	align-items:flex-start;
	gap:1rem;
	min-height:3.35rem;
	padding:1.2rem 1.35rem;
	font-family:Syne, "Plus Jakarta Sans", sans-serif;
	font-weight:700;
	font-size:1.12rem;
	line-height:1.35;
	color:#141418;
	background:#fff;
	box-shadow:none;
}
.hwr-mkt-faq-btn.accordion-button:not(.collapsed){
	color:#141418;
	background:#fff8f2;
	box-shadow:none;
}
.hwr-mkt-faq-num{
	flex:0 0 1.75rem;
	padding-top:0.18rem;
	font-size:0.72rem;
	font-weight:700;
	letter-spacing:0.08em;
	color:#8a3d16;
}
.hwr-mkt-faq-q{
	flex:1 1 auto;
	text-align:left;
	padding-right:0.5rem;
}
.hwr-mkt-faq-body{
	padding:0 1.35rem 1.55rem 4.1rem;
	background:#fff8f2;
	border-top:1px solid rgba(184,90,40,0.14);
}
.hwr-mkt-faq-label{
	margin:0.85rem 0 0.7rem;
	font-size:0.72rem;
	font-weight:700;
	letter-spacing:0.14em;
	text-transform:uppercase;
	color:#8a3d16;
}
.hwr-mkt-faq-a{
	max-width:38rem;
	margin:0 0 0.85rem;
	font-size:1.12rem;
	line-height:1.7;
	color:#141418;
	text-wrap:pretty;
}
.hwr-mkt-faq-a:last-child{
	margin-bottom:0;
}
@media (max-width:575.98px){
	.hwr-mkt-faq-body{
		padding-left:1.35rem;
		padding-right:1.35rem;
	}
}
.hwr-mkt-step-pill{
	display:inline-flex;
	align-items:center;
	gap:0.4rem;
	padding:0.25rem 0.7rem;
	border-radius:999px;
	background:rgba(0,0,0,0.05);
	font-size:0.8125rem;
	font-weight:600;
}
.hwr-mkt-footer{
	position:relative;
	background:#07070a;
	overflow:hidden;
}
.hwr-mkt-footer::before{
	content:"";
	position:absolute;
	left:50%;
	top:-10rem;
	width:22rem;
	height:14rem;
	margin-left:-11rem;
	border-radius:50%;
	background:radial-gradient(ellipse at 50% 40%, rgba(255,176,106,0.28), rgba(240,138,72,0.1) 46%, transparent 72%);
	pointer-events:none;
}
.hwr-mkt-footer > .container{
	position:relative;
	z-index:1;
}
.hwr-mkt-footer,
.hwr-mkt-footer a{
	color:#e8d8c8;
	text-decoration:none;
}
.hwr-mkt-footer .list-unstyled a{
	display:inline-flex;
	align-items:center;
	min-height:1.75rem;
	padding:0.2rem 0;
}
.hwr-mkt-footer a:hover{
	color:#fff !important;
	text-decoration:underline;
}
.hwr-mkt-footer .hwr-mkt-social{
	width:2.75rem;
	height:2.75rem;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:rgba(255,255,255,0.08);
}
.hwr-mkt-footer .hwr-mkt-social:hover{
	background:rgba(255,255,255,0.16);
	text-decoration:none;
}
.hwr-mkt-main [id]{
	scroll-margin-top:6rem;
}
.hwr-mkt-wrap a:focus-visible,
.hwr-mkt-wrap button:focus-visible,
.hwr-mkt-wrap input:focus-visible,
.hwr-mkt-wrap select:focus-visible,
.hwr-mkt-wrap textarea:focus-visible,
.hwr-mkt-wrap legend:focus-visible,
.hwr-mkt-wrap [tabindex]:focus-visible{
	outline:3px solid #ffb06a;
	outline-offset:2px;
	box-shadow:0 0 0 5px #140c08;
}
.hwr-mkt-wrap .form-control,
.hwr-mkt-wrap .form-select{
	min-height:2.75rem;
	border-color:#6b645c;
	color:#141418;
}
.hwr-mkt-wrap .form-control:focus,
.hwr-mkt-wrap .form-select:focus{
	border-color:#8a3d16;
}
.hwr-mkt-wrap textarea.form-control{
	min-height:8rem;
}
.hwr-mkt-wrap .form-check-input{
	width:1.5rem;
	height:1.5rem;
	margin-top:0.15rem;
	border-color:#6b645c;
}
.hwr-mkt-wrap .form-check-label{
	padding-left:0.35rem;
}
.hwr-mkt-wrap .btn-sm{
	min-height:2.75rem;
	padding:0.45rem 0.9rem;
}

/* Bento, marquee, timeline, figures, placeholders. */
.hwr-mkt-bento{
	display:grid;
	grid-template-columns:1.35fr 1fr 1fr;
	grid-auto-rows:minmax(11rem, auto);
	gap:1rem;
}
.hwr-mkt-bento-wide{
	grid-column:1 / 2;
	grid-row:1 / 3;
}
.hwr-mkt-bento-tile{
	border-radius:1.15rem;
	overflow:hidden;
	min-height:100%;
}
.hwr-mkt-bento-tile .hwr-mkt-figure{
	height:46%;
	min-height:8.5rem;
}
.hwr-mkt-bento-tile .hwr-mkt-figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top center;
}
.hwr-mkt-trust-row,
.hwr-mkt-marquee-track{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:0.65rem;
	list-style:none;
	padding:0;
	margin:0;
}
.hwr-mkt-chip{
	display:inline-block;
	flex:0 0 auto;
	border-radius:999px;
	padding:0.55rem 0.95rem;
	background:rgba(255,255,255,0.08);
	border:1px solid rgba(255,255,255,0.16);
	color:#f4efe8;
	font-size:0.86rem;
	font-weight:600;
	white-space:nowrap;
	line-height:1.25;
}
.hwr-mkt-chip-on-light{
	background:rgba(20,12,8,0.04);
	border-color:rgba(184,90,40,0.22);
	color:#141418;
}
.hwr-mkt-split{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:3rem;
	align-items:start;
}
.hwr-mkt-split-fill{
	align-items:start;
}
.hwr-mkt-split-stack{
	display:flex;
	flex-direction:column;
	gap:1.15rem;
	min-width:0;
}
.hwr-mkt-sport-shot-stack{
	display:flex;
	flex-direction:column;
	gap:1rem;
}
.hwr-mkt-sport-shot-stack .hwr-mkt-figure{
	margin:0;
}
.hwr-mkt-split-copy{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	gap:1.15rem;
	padding:1.75rem 1.6rem;
	background:#fffefb;
	border:1px solid rgba(20,12,8,0.06);
	border-radius:1.15rem;
	box-shadow:0 18px 40px rgba(0,0,0,0.06);
}
.hwr-mkt-split-copy .hwr-mkt-list{
	margin-bottom:0;
}
.hwr-mkt-split-copy .hwr-mkt-list li{
	margin-bottom:0.85rem;
}
.hwr-mkt-split-copy .hwr-mkt-list li:last-child{
	margin-bottom:0;
}
.hwr-mkt-timeline{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:1.25rem;
	position:relative;
}
.hwr-mkt-timeline::before{
	content:"";
	position:absolute;
	top:1.25rem;
	left:8%;
	right:8%;
	height:2px;
	background:linear-gradient(90deg, #b85a28, #f08a48, #ffb06a);
	opacity:0.45;
}
.hwr-mkt-timeline .card{
	position:relative;
	z-index:1;
}
.hwr-mkt-figure{
	position:relative;
	border-radius:1.1rem;
}
.hwr-mkt-zoom{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	color:inherit;
	cursor:zoom-in;
	text-align:inherit;
	appearance:none;
	-webkit-appearance:none;
	position:absolute;
	inset:0;
	z-index:1;
}
.hwr-mkt-zoom:focus{
	outline:none;
}
.hwr-mkt-zoom:focus-visible{
	outline:2px solid #f08a48;
	outline-offset:3px;
}
.hwr-mkt-zoom-hint{
	position:absolute;
	right:0.75rem;
	bottom:0.75rem;
	z-index:2;
	width:2.15rem;
	height:2.15rem;
	border-radius:999px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:rgba(12,12,16,0.72);
	color:#fff7ef;
	font-size:1.05rem;
	box-shadow:0 8px 20px rgba(0,0,0,0.28);
	opacity:0.88;
	pointer-events:none;
	transition:opacity 0.2s ease, transform 0.2s ease;
}
.hwr-mkt-zoom:hover .hwr-mkt-zoom-hint,
.hwr-mkt-zoom:focus-visible .hwr-mkt-zoom-hint{
	opacity:1;
	transform:scale(1.06);
}
.hwr-mkt-figure-stage .hwr-mkt-zoom{
	z-index:1;
}
.hwr-mkt-phone-frame{
	position:relative;
}
.hwr-mkt-phone-frame .hwr-mkt-zoom{
	position:relative;
	inset:auto;
	border-radius:inherit;
}
.hwr-mkt-phone-frame .hwr-mkt-zoom-hint{
	right:0.55rem;
	bottom:0.55rem;
	width:1.85rem;
	height:1.85rem;
	font-size:0.95rem;
}
.hwr-mkt-lb{
	position:fixed;
	inset:0;
	z-index:1080;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:1.25rem;
}
.hwr-mkt-lb[hidden]{
	display:none !important;
}
.hwr-mkt-lb-backdrop{
	position:absolute;
	inset:0;
	border:0;
	padding:0;
	margin:0;
	cursor:zoom-out;
	background:rgba(8,8,12,0.78);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}
.hwr-mkt-lb-dialog{
	position:relative;
	z-index:1;
	max-width:min(96vw, 1280px);
	max-height:92vh;
	margin:0;
	padding:0;
}
.hwr-mkt-lb-img{
	display:block;
	max-width:min(96vw, 1280px);
	max-height:92vh;
	width:auto;
	height:auto;
	border-radius:0.85rem;
	box-shadow:0 28px 80px rgba(0,0,0,0.55);
	background:#0c0c10;
}
.hwr-mkt-lb-close{
	position:absolute;
	top:-0.55rem;
	right:-0.55rem;
	z-index:2;
	width:2.5rem;
	height:2.5rem;
	border:0;
	border-radius:999px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:#fff7ef;
	color:#1c1612;
	font-size:1.35rem;
	box-shadow:0 10px 28px rgba(0,0,0,0.35);
	cursor:pointer;
}
.hwr-mkt-lb-close:hover,
.hwr-mkt-lb-close:focus-visible{
	background:#ffffff;
	outline:2px solid #f08a48;
	outline-offset:2px;
}
.hwr-mkt-lb.is-anim .hwr-mkt-lb-dialog{
	animation:hwrMktLbIn 0.28s ease-out;
}
.hwr-mkt-lb.is-anim .hwr-mkt-lb-backdrop{
	animation:hwrMktLbFade 0.28s ease-out;
}
.hwr-mkt-lb.is-anim-out .hwr-mkt-lb-dialog{
	animation:hwrMktLbOut 0.22s ease-in forwards;
}
.hwr-mkt-lb.is-anim-out .hwr-mkt-lb-backdrop{
	animation:hwrMktLbFadeOut 0.22s ease-in forwards;
}
@keyframes hwrMktLbIn{
	from{ opacity:0; transform:scale(0.92); }
	to{ opacity:1; transform:scale(1); }
}
@keyframes hwrMktLbOut{
	from{ opacity:1; transform:scale(1); }
	to{ opacity:0; transform:scale(0.94); }
}
@keyframes hwrMktLbFade{
	from{ opacity:0; }
	to{ opacity:1; }
}
@keyframes hwrMktLbFadeOut{
	from{ opacity:1; }
	to{ opacity:0; }
}
body.hwr-mkt-lb-open{
	overflow:hidden;
}
body.hwr-mkt-nav-open{
	overflow:hidden;
	position:fixed;
	width:100%;
	left:0;
	right:0;
}
.hwr-mkt-nav-backdrop{
	position:fixed;
	inset:0;
	z-index:1020;
	display:block;
	margin:0;
	padding:0;
	border:0;
	background:rgba(7,7,10,0.45);
	backdrop-filter:blur(12px) saturate(1.15);
	-webkit-backdrop-filter:blur(12px) saturate(1.15);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	transition:opacity 0.22s ease, visibility 0.22s;
}
body.hwr-mkt-nav-open .hwr-mkt-nav-backdrop{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}
@media (min-width:1200px){
	.hwr-mkt-nav-backdrop{
		display:none !important;
	}
}
@media (prefers-reduced-motion:reduce){
	.hwr-mkt-nav-backdrop{
		transition:none;
		backdrop-filter:none;
		-webkit-backdrop-filter:none;
		background:rgba(7,7,10,0.68);
	}
}
.hwr-mkt-figure img,
.hwr-mkt-figure .hwr-mkt-ph{
	border-radius:1.1rem;
	box-shadow:0 24px 48px rgba(0,0,0,0.16);
}
.hwr-mkt-figure-wide{
	aspect-ratio:16 / 9;
}
.hwr-mkt-figure-photo{
	aspect-ratio:4 / 3;
}
.hwr-mkt-hero .hwr-mkt-figure-photo{
	aspect-ratio:5 / 4;
}
.hwr-mkt-hero .hwr-mkt-figure-photo img{
	box-shadow:0 18px 40px rgba(0,0,0,0.35);
}
.hwr-mkt-figure img{
	width:100%;
	height:100%;
	object-fit:cover;
}
/*
 * Stage bezels are 16:9 with rem padding, so the inner screen is slightly
 * wider than 16:9. Size the img to that inset box (never intrinsic/auto),
 * then cover + top fills the width and crops from the bottom only.
 */
.hwr-mkt-figure-stage{
	--hwr-mkt-stage-pad-y:1.15rem;
	--hwr-mkt-stage-pad-x:1.05rem;
	overflow:hidden;
	padding:var(--hwr-mkt-stage-pad-y) var(--hwr-mkt-stage-pad-x);
	background:
		radial-gradient(ellipse at 78% 12%, rgba(255,176,106,0.2), transparent 46%),
		radial-gradient(ellipse at 12% 88%, rgba(240,138,72,0.16), transparent 42%),
		linear-gradient(165deg, #1c1612 0%, #0c0c10 48%, #141018 100%);
	box-shadow:
		inset 0 0 0 1px rgba(255,176,106,0.14),
		0 28px 56px rgba(0,0,0,0.28);
}
.hwr-mkt-figure-stage img{
	position:absolute;
	top:var(--hwr-mkt-stage-pad-y);
	left:var(--hwr-mkt-stage-pad-x);
	width:calc(100% - (2 * var(--hwr-mkt-stage-pad-x)));
	height:calc(100% - (2 * var(--hwr-mkt-stage-pad-y)));
	max-width:none;
	max-height:none;
	object-fit:cover;
	object-position:top center;
	border-radius:0.7rem;
	box-shadow:0 16px 36px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.06);
}
.hwr-mkt-bento-tile .hwr-mkt-figure-stage{
	--hwr-mkt-stage-pad-y:0.85rem;
	--hwr-mkt-stage-pad-x:0.8rem;
	height:46%;
	min-height:8.5rem;
}
.hwr-mkt-bento-tile .hwr-mkt-figure-stage img{
	width:calc(100% - (2 * var(--hwr-mkt-stage-pad-x)));
	height:calc(100% - (2 * var(--hwr-mkt-stage-pad-y)));
	max-width:none;
	max-height:none;
	object-fit:cover;
	object-position:top center;
}
/* Assignors solutions: stack two stage plates in the tall left column
 * when the bento is screenshot | cards. Hide the second when the wide
 * tile goes full-width (≤991.98px). */
.hwr-mkt-bento-wide.hwr-mkt-bento-shots{
	display:flex;
	flex-direction:column;
	gap:0.85rem;
	height:100%;
	min-height:100%;
}
.hwr-mkt-bento-wide.hwr-mkt-bento-shots > .hwr-mkt-figure,
.hwr-mkt-bento-wide.hwr-mkt-bento-shots > .hwr-mkt-bento-shot-secondary{
	flex:1 1 0;
	min-height:0;
}
.hwr-mkt-bento-wide.hwr-mkt-bento-shots > .hwr-mkt-figure,
.hwr-mkt-bento-wide.hwr-mkt-bento-shots .hwr-mkt-figure-stage{
	height:100%;
	min-height:8.5rem;
}
.hwr-mkt-bento-shot-secondary{
	display:flex;
	flex-direction:column;
	min-height:0;
}
.hwr-mkt-bento-shot-secondary .hwr-mkt-figure{
	flex:1 1 auto;
	height:100%;
	min-height:8.5rem;
}
.hwr-mkt-ph{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	min-height:14rem;
	padding:1.1rem;
	background:
		radial-gradient(circle at 80% 10%, rgba(240,138,72,0.28), transparent 36%),
		repeating-linear-gradient(135deg, rgba(255,255,255,0.04) 0 12px, transparent 12px 24px),
		#16161f;
	color:#fff;
	border:1px dashed rgba(255,255,255,0.28);
}
.hwr-mkt-ph-kicker{
	font-size:0.72rem;
	letter-spacing:0.12em;
	text-transform:uppercase;
	font-weight:700;
	color:#f3c39a;
}
.hwr-mkt-avatar{
	width:4.25rem;
	height:4.25rem;
	border-radius:50%;
	object-fit:cover;
	box-shadow:0 0 0 3px #fff, 0 8px 20px rgba(0,0,0,0.18);
}
.hwr-mkt-avatar-fallback{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:#140c08;
	color:#ffb06a;
	font-weight:700;
	letter-spacing:0.04em;
}
.hwr-mkt-quote-sport{
	width:2.5rem;
	height:2.5rem;
	object-fit:contain;
}
.hwr-mkt-quote-feature{
	display:grid;
	grid-template-columns:auto 1fr;
	gap:1.25rem;
	align-items:start;
}
.hwr-mkt-reveal{
	opacity:1;
	transform:none;
}
@media (prefers-reduced-motion: no-preference){
	.hwr-mkt-wrap.is-mkt-ready .hwr-mkt-reveal:not(.is-in){
		opacity:0;
		transform:translateY(18px);
		transition:opacity 0.7s ease, transform 0.7s ease;
	}
	.hwr-mkt-wrap.is-mkt-ready .hwr-mkt-reveal.is-in{
		opacity:1;
		transform:none;
		transition:opacity 0.7s ease, transform 0.7s ease;
	}
}
.hwr-mkt-section{
	padding-top:2rem;
	padding-bottom:2rem;
}
.hwr-mkt-kicker{
	font-family:Syne, "Plus Jakarta Sans", sans-serif;
}
.hwr-mkt-wrap .widget-icon{
	font-size:1.45rem;
	color:#8a3d16;
}
.hwr-mkt-chart{
	min-height:320px;
	overflow:visible;
}
.hwr-mkt-chart-lg{
	min-height:420px;
	overflow:visible;
}
.hwr-mkt-chart .apexcharts-canvas,
.hwr-mkt-chart svg{
	overflow:visible;
}
.hwr-mkt-kpi-label{
	font-size:0.82rem;
	letter-spacing:0.04em;
	text-transform:uppercase;
}
.hwr-mkt-kpi-value{
	font-size:1.65rem;
	line-height:1.15;
	margin-top:0.65rem;
}
.hwr-mkt-sport-grid{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:1rem;
}
.hwr-mkt-country-grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:1rem;
}
.hwr-mkt-country-tile{
	overflow:hidden;
}
.hwr-mkt-country-label{
	display:inline-flex;
	align-items:center;
	gap:0.45rem;
}
.hwr-mkt-country-globe{
	display:inline-flex;
	width:1.25rem;
	justify-content:center;
	font-size:1.05rem;
	line-height:1;
	flex-shrink:0;
}
.hwr-mkt-country-tile img{
	display:block;
	width:100%;
	height:10.5rem;
	object-fit:cover;
}
.hwr-mkt-country-tile figcaption{
	padding:0.85rem 1rem 1rem;
	font-weight:700;
}
.hwr-mkt-related-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:0.7rem 0.6rem;
}
.hwr-mkt-related-list a{
	text-decoration:none;
}
.hwr-mkt-related-list a:hover,
.hwr-mkt-related-list a:focus-visible{
	text-decoration:underline;
}
.hwr-mkt-quote-narrow{
	max-width:46rem;
}
.hwr-mkt-sport-link{
	display:block;
	color:inherit;
	text-decoration:none;
	border-radius:1rem;
}
.hwr-mkt-sport-link:hover,
.hwr-mkt-sport-link:focus-visible{
	text-decoration:none;
	color:inherit;
}
.hwr-mkt-sport-link:hover .hwr-mkt-sport-tile{
	box-shadow:0 14px 32px rgba(15,18,28,0.12);
}
.hwr-mkt-sport-tile{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.7rem;
	padding:1.15rem 0.75rem;
	text-align:center;
	background:#fff;
	border-radius:1rem;
	box-shadow:0 10px 28px rgba(15,18,28,0.06);
	height:100%;
}
.hwr-mkt-sport-tile img{
	width:100%;
	height:7.75rem;
	object-fit:cover;
	border-radius:0.75rem;
}
.hwr-mkt-sport-tile figcaption{
	font-weight:700;
	font-size:0.95rem;
}
.hwr-mkt-sport-more{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:0.7rem 0.6rem;
	position:relative;
	z-index:1;
}
.hwr-mkt-sport-more > li{
	flex:0 0 auto;
	max-width:100%;
}
.hwr-mkt-sport-more .hwr-mkt-chip{
	white-space:normal;
	text-align:center;
	max-width:16rem;
}
.hwr-mkt-app-badges{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.85rem;
}
.hwr-mkt-app-badges img{
	height:45px;
	width:auto;
}
.hwr-mkt-phone-row{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:1.25rem;
	align-items:end;
}
.hwr-mkt-phone-frame{
	border-radius:1.4rem;
	overflow:hidden;
	background:#0b0b14;
	box-shadow:0 24px 48px rgba(0,0,0,0.18);
}
.hwr-mkt-phone-frame img{
	display:block;
	width:100%;
	height:auto;
}
@media (max-width:1199.98px){
	.hwr-mkt-nav .navbar-toggler{
		display:block;
	}
	.hwr-mkt-nav .navbar-collapse{
		flex-basis:100%;
		width:100%;
	}
	.hwr-mkt-nav .navbar-collapse.show,
	.hwr-mkt-nav .navbar-collapse.collapsing{
		padding-top:0.65rem;
		padding-bottom:0.35rem;
		/* Brand/toggler row stays put; sheet scrolls inside the viewport. */
		max-height:calc(100vh - 5.75rem);
		max-height:calc(100dvh - 5.75rem);
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
		overscroll-behavior:contain;
	}
	.hwr-mkt-nav .navbar-nav{
		flex-direction:column;
		align-items:stretch;
	}
	.hwr-mkt-nav button.nav-link{
		width:100%;
		justify-content:flex-start;
		padding-left:0;
		padding-right:0;
		text-align:start;
	}
	.hwr-mkt-nav button.nav-link.dropdown-toggle::after{
		transition:transform 0.22s ease;
	}
	.hwr-mkt-nav button.nav-link.dropdown-toggle[aria-expanded="true"]::after{
		transform:rotate(180deg);
	}
	/* Inline accordion open/close (Product / Solutions / Resources / Language). */
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu{
		display:block !important;
		position:static;
		float:none;
		width:100%;
		margin:0;
		padding-top:0;
		padding-bottom:0;
		padding-left:0;
		padding-right:0;
		border:0;
		border-radius:0;
		background:transparent;
		box-shadow:none;
		overflow:hidden;
		max-height:0;
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		transform:none;
		transition:max-height 0.3s ease, opacity 0.22s ease, visibility 0.22s, padding 0.3s ease;
	}
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu.show{
		max-height:40rem;
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		padding-top:0.2rem;
		padding-bottom:0.45rem;
	}
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu .dropdown-item{
		min-height:2.35rem;
		margin-left:0.85rem;
		padding-left:0.85rem;
		padding-right:0.15rem;
		border-left:2px solid rgba(244,239,232,0.22);
		color:rgba(244,239,232,0.88);
		font-size:0.88rem;
		font-weight:500;
		background:transparent;
		border-radius:0;
	}
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu .dropdown-item:hover,
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu .dropdown-item:focus,
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu .dropdown-item.active,
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu .dropdown-item:active{
		color:#fff;
		background:transparent;
		border-left-color:rgba(240,138,72,0.85);
		text-decoration:underline;
	}
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu .dropdown-divider{
		margin-left:0.85rem;
		border-top-color:rgba(244,239,232,0.2);
		opacity:1;
	}
	.hwr-mkt-nav-end{
		margin-top:0.65rem;
		padding-top:0.75rem;
		border-top:1px solid rgba(244,239,232,0.16);
		align-items:stretch;
	}
	.hwr-mkt-nav-end > .nav-item{
		width:100%;
	}
	.hwr-mkt-nav-end .hwr-mkt-lang{
		width:100%;
		justify-content:flex-start;
	}
	.hwr-mkt-nav-cta{
		width:100%;
		justify-content:center;
	}
	/* Mobile sheet: no account icon — Login / Join stay in the open menu. */
	.hwr-mkt-nav-account{
		width:100%;
		padding-left:0;
	}
	.hwr-mkt-nav-account-btn{
		display:none !important;
	}
	.hwr-mkt-nav-account > .dropdown-menu{
		display:block !important;
		position:static;
		float:none;
		width:100%;
		margin:0;
		padding:0.15rem 0 0;
		opacity:1 !important;
		visibility:visible !important;
		pointer-events:auto !important;
		transform:none !important;
		transition:none !important;
		background:transparent;
		border:0;
		border-radius:0;
		box-shadow:none;
	}
	.hwr-mkt-nav-account .dropdown-item{
		min-height:2.75rem;
		padding:0.55rem 0.15rem;
		color:#f4efe8;
		font-weight:600;
		border-radius:0;
	}
	.hwr-mkt-nav-account .dropdown-item:hover,
	.hwr-mkt-nav-account .dropdown-item:focus{
		color:#fff;
		background:transparent;
		text-decoration:underline;
	}
	@media (prefers-reduced-motion:reduce){
		.hwr-mkt-nav button.nav-link.dropdown-toggle::after,
		.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu{
			transition:none !important;
		}
		.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu:not(.show){
			max-height:0;
			opacity:0;
			visibility:hidden;
		}
		.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu.show{
			max-height:none;
			opacity:1;
			visibility:visible;
		}
	}
}
@media (min-width:1200px){
	.hwr-mkt-nav{
		padding-top:0.7rem;
		padding-bottom:0.7rem;
	}
	.hwr-mkt-nav > .container{
		flex-wrap:nowrap;
		max-width:1600px;
		width:100%;
	}
	.hwr-mkt-nav .navbar-toggler{
		display:none;
	}
	.hwr-mkt-nav .navbar-collapse{
		display:flex !important;
		flex-basis:auto;
		flex-grow:1;
		width:auto;
		align-items:center;
	}
	.hwr-mkt-nav .navbar-nav{
		flex-direction:row;
		align-items:center;
		flex-wrap:nowrap;
	}
	.hwr-mkt-nav .navbar-nav .nav-link{
		padding-left:0.5rem;
		padding-right:0.5rem;
		font-size:0.88rem;
	}
	.hwr-mkt-nav .navbar-brand{
		margin-right:4rem;
	}
	.hwr-mkt-nav-end{
		flex-wrap:nowrap;
		flex-shrink:0;
		margin-left:auto;
		gap:0.4rem;
	}
	.hwr-mkt-nav-end > .nav-item{
		flex:0 0 auto;
	}
	/* Without navbar-expand-*, Bootstrap keeps menus in-flow. Overlay them here. */
	.hwr-mkt-nav,
	.hwr-mkt-nav > .container,
	.hwr-mkt-nav .navbar-collapse,
	.hwr-mkt-nav .navbar-nav{
		overflow:visible;
	}
	.hwr-mkt-nav .nav-item.dropdown,
	.hwr-mkt-nav .nav-item.dropend{
		position:relative;
	}
	.hwr-mkt-nav .navbar-nav .dropdown-menu{
		position:absolute;
		top:100%;
		left:0;
		z-index:1040;
		margin-top:0.35rem;
	}
	.hwr-mkt-nav .navbar-nav .dropdown-menu-end{
		right:0;
		left:auto;
	}
	.hwr-mkt-nav button.nav-link.dropdown-toggle::after{
		transition:transform 0.2s ease;
	}
	.hwr-mkt-nav button.nav-link.dropdown-toggle[aria-expanded="true"]::after{
		transform:rotate(180deg);
	}
	/* Overlay open/close (Product / Solutions / Resources / Language). Account uses its own base rules. */
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu{
		display:block !important;
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		transform:translate3d(0, -0.45rem, 0) scale(0.96);
		transform-origin:top left;
		transition:opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
	}
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu.dropdown-menu-end{
		transform-origin:top right;
	}
	.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu.show{
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		transform:translate3d(0, 0, 0) scale(1);
	}
	@media (prefers-reduced-motion:reduce){
		.hwr-mkt-nav button.nav-link.dropdown-toggle::after,
		.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu{
			transition:none !important;
			transform:none !important;
		}
		.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu:not(.show){
			opacity:0;
			visibility:hidden;
		}
		.hwr-mkt-nav .nav-item.dropdown:not(.hwr-mkt-nav-account) > .dropdown-menu.show{
			opacity:1;
			visibility:visible;
		}
	}
}
@media (max-width:1199.98px){
	.hwr-mkt-device-phone{
		width:188px;
		max-width:188px;
		left:-4%;
		bottom:-55%;
	}
}
@media (max-width:991.98px){
	.hwr-mkt-bento{
		grid-template-columns:1fr 1fr;
	}
	.hwr-mkt-bento-wide{
		grid-column:1 / -1;
		grid-row:auto;
	}
	.hwr-mkt-bento-shot-secondary{
		display:none;
	}
	.hwr-mkt-bento-wide.hwr-mkt-bento-shots > .hwr-mkt-figure,
	.hwr-mkt-bento-wide.hwr-mkt-bento-shots .hwr-mkt-figure-stage{
		flex:0 0 auto;
		height:auto;
		aspect-ratio:16 / 9;
	}
	.hwr-mkt-split,
	.hwr-mkt-timeline{
		grid-template-columns:1fr;
	}
	.hwr-mkt-timeline::before{
		display:none;
	}
	.hwr-mkt-device-phone{
		width:176px;
		max-width:176px;
		left:4%;
		bottom:-25%;
	}
	.hwr-mkt-hero,
	.hwr-mkt-hero-final{
		padding-top:3rem;
		padding-bottom:10.5rem;
	}
	.hwr-mkt-hero-bleed{
		min-height:min(70vh, 34rem);
		padding-top:3.5rem;
		padding-bottom:4rem;
		align-items:center;
	}
	.hwr-mkt-hero-map{
		min-height:min(56vh, 28rem);
		padding-top:3.25rem;
		padding-bottom:3.5rem;
	}
	.hwr-mkt-hero-bleed::after{
		height:3.25rem;
		max-height:3.25rem;
	}
	.hwr-mkt-hero-tall{
		min-height:0;
		padding-top:3rem;
		padding-bottom:9.25rem;
	}
	.hwr-mkt-hero::after,
	.hwr-mkt-hero-tall::after,
	.hwr-mkt-hero-final::after{
		height:9.5rem;
		max-height:9.5rem;
	}
	.hwr-mkt-hero-tall > .container::before{
		left:0;
		width:100%;
		max-width:100%;
	}
	.hwr-mkt-sport-grid,
	.hwr-mkt-phone-row{
		grid-template-columns:1fr 1fr;
	}
	.hwr-mkt-country-grid{
		grid-template-columns:1fr 1fr;
	}
}
@media (max-width:767.98px){
	.hwr-mkt-device-phone{
		width:168px;
		max-width:168px;
		left:2%;
		bottom:-60%;
	}
	.hwr-mkt-hero-tall{
		padding-bottom:12.5rem;
	}
	.hwr-mkt-hero .hwr-mkt-cta-row{
		flex-direction:column;
		align-items:stretch;
		width:100%;
		max-width:22rem;
	}
	.hwr-mkt-hero .hwr-mkt-cta-row .btn{
		width:100%;
		justify-content:center;
	}
}
@media (max-width:575.98px){
	.hwr-mkt-wrap .container{
		padding-left:1.15rem;
		padding-right:1.15rem;
	}
	.hwr-mkt-country-grid{
		grid-template-columns:1fr;
	}
	.hwr-mkt-bento{
		grid-template-columns:1fr;
	}
	.hwr-mkt-card-featured{
		transform:none;
	}
	.hwr-mkt-device-stack{
		overflow:hidden;
		min-height:16rem;
	}
	.hwr-mkt-device-phone{
		width:148px;
		max-width:148px;
		left:8%;
		bottom:-52%;
	}
	.hwr-mkt-hero-photo{
		padding-bottom:3.25rem;
	}
	.hwr-mkt-quote-feature{
		grid-template-columns:1fr;
	}
	.hwr-mkt-section{
		padding-top:2rem;
		padding-bottom:2rem;
	}
	.hwr-mkt-sport-grid,
	.hwr-mkt-phone-row{
		grid-template-columns:1fr;
	}
	/* Keep primary form actions clear of the messenger launcher. */
	.hwr-mkt-form-card{
		margin-bottom:4.5rem;
	}
}
@media (prefers-reduced-motion: reduce){
	.hwr-mkt-hero,
	.hwr-mkt-hero::before,
	.hwr-mkt-hero::after,
	.hwr-mkt-cta-primary,
	.hwr-mkt-card,
	.hwr-mkt-card-featured,
	.hwr-mkt-nav,
	.hwr-mkt-device-main,
	.hwr-mkt-marquee-track,
	.hwr-mkt-reveal{
		animation:none !important;
		transition:none !important;
		transform:none !important;
		opacity:1 !important;
		backdrop-filter:none;
	}
	.hwr-mkt-lb.is-anim .hwr-mkt-lb-dialog,
	.hwr-mkt-lb.is-anim .hwr-mkt-lb-backdrop,
	.hwr-mkt-lb.is-anim-out .hwr-mkt-lb-dialog,
	.hwr-mkt-lb.is-anim-out .hwr-mkt-lb-backdrop,
	.hwr-mkt-zoom-hint{
		animation:none !important;
		transition:none !important;
		transform:none !important;
	}
}