.aquasure-brand-page {
	--brand: #087f8b;
	--brand-deep: #063d55;
	--brand-soft: #8ce5df;
	--brand-mist: #e9f8f7;
	--brand-ink: #082e43;
	--brand-ease: cubic-bezier(.23, 1, .32, 1);
	min-height: 100vh;
	color: var(--brand-ink);
	background: #f8fcfb;
	font-family: Geist, Arial, Helvetica, sans-serif;
}
.aquasure-brand-page--laundry-sure { --brand: #8d58aa; --brand-deep: #402b58; --brand-soft: #dcb7ed; --brand-mist: #f6eef9; }
.aquasure-brand-page--sure-ice { --brand: #3e94c5; --brand-deep: #163f61; --brand-soft: #a5daf1; --brand-mist: #eef8fc; }
.aquasure-brand-page--sure-light-solar { --brand: #d98a1f; --brand-deep: #5f3c14; --brand-soft: #f5c96e; --brand-mist: #fff8e9; }
.aquasure-brand-page--calma { --brand: #6d9987; --brand-deep: #29493f; --brand-soft: #b8d8cb; --brand-mist: #f0f7f4; }
.aquasure-brand-page *, .aquasure-brand-page *::before, .aquasure-brand-page *::after { box-sizing: border-box; }
.aquasure-brand-page a { color: inherit; text-decoration: none; }

.aquasure-brand-nav { position: absolute; z-index: 10; top: 0; left: 50%; display: flex; width: min(1220px, calc(100% - 48px)); min-height: 90px; transform: translateX(-50%); align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid rgba(255,255,255,.18); color: white; }
.aquasure-brand-nav__home { display: grid; line-height: 1; }
.aquasure-brand-nav__home strong { font-size: 20px; letter-spacing: -.04em; }
.aquasure-brand-nav__home span { margin-top: 5px; color: rgba(255,255,255,.55); font-size: 8px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.aquasure-brand-nav__links { display: flex; gap: 24px; align-items: center; font-size: 11px; font-weight: 700; }
.aquasure-brand-nav__links a { color: rgba(255,255,255,.58); transition: color 180ms ease; }
.aquasure-brand-nav__links a.is-current, .aquasure-brand-nav__links a:hover { color: white; }

.aquasure-brand-hero { position: relative; display: grid; min-height: min(830px, 100svh); overflow: hidden; grid-template-columns: 1.2fr .8fr; align-items: center; padding: 135px max(24px, calc((100vw - 1220px) / 2)) 80px; color: white; background: linear-gradient(120deg, var(--brand-deep), var(--brand)); }
.aquasure-brand-hero::before { content: ''; position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(to right, #000, transparent 90%); }
.aquasure-brand-hero__wash { position: absolute; right: -15vw; bottom: -40%; width: 70vw; height: 100%; transform: rotate(-14deg); border-radius: 50%; background: radial-gradient(circle, var(--brand-soft), transparent 67%); opacity: .3; }
.aquasure-brand-hero__content { position: relative; z-index: 2; max-width: 760px; }
.aquasure-brand-hero__category { display: flex; align-items: center; gap: 12px; margin: 0 0 25px; color: var(--brand-soft); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.aquasure-brand-hero__category span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; font-size: 10px; }
.aquasure-brand-hero h1 { margin: 0; color: white; font-size: clamp(72px, 10vw, 145px); font-weight: 650; line-height: .84; letter-spacing: -.075em; }
.aquasure-brand-hero__tagline { margin: 23px 0 54px; color: var(--brand-soft); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(20px, 2.2vw, 31px); font-style: italic; }
.aquasure-brand-hero h2 { max-width: 650px; margin: 0; color: white; font-size: clamp(34px, 4vw, 58px); font-weight: 620; line-height: 1.02; letter-spacing: -.05em; }
.aquasure-brand-hero__description { max-width: 610px; margin: 23px 0 0; color: rgba(255,255,255,.66); font-size: 17px; line-height: 1.65; }
.aquasure-brand-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.aquasure-brand-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 9px; padding: 0 22px; border-radius: 999px; font-size: 13px; font-weight: 800; transition: transform 150ms var(--brand-ease), background-color 180ms ease, border-color 180ms ease; }
.aquasure-brand-button:active { transform: scale(.97); }
.aquasure-brand-button--primary { color: var(--brand-deep); background: var(--brand-soft); }
.aquasure-brand-button--quiet { color: white; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.05); }
.aquasure-brand-hero__mark { position: relative; z-index: 1; display: grid; width: min(420px, 34vw); aspect-ratio: 1; justify-self: end; place-items: center; overflow: hidden; transform: rotate(4deg); border: 1px solid rgba(255,255,255,.5); border-radius: 44% 56% 51% 49% / 40% 44% 56% 60%; background: rgba(255,255,255,.96); box-shadow: 0 40px 100px rgba(0,0,0,.2); }
.aquasure-brand-hero__mark img { display: block; width: 76%; height: 76%; object-fit: contain; transform: rotate(-4deg); }
.aquasure-brand-hero__mark--aquasure img { width: 70%; height: 70%; }
.aquasure-brand-hero__mark--laundry-sure img { width: 73%; height: 73%; }
.aquasure-brand-hero__mark--sure-ice img { width: 82%; height: 82%; }
.aquasure-brand-hero__mark--sure-light-solar img { width: 82%; height: 82%; }
.aquasure-brand-hero__mark--calma img { width: 79%; height: 79%; }
.aquasure-brand-hero__mark small { position: absolute; right: 17%; bottom: 14%; display: grid; width: 50px; height: 50px; place-items: center; border-radius: 50%; color: var(--brand-deep); background: var(--brand-soft); font-size: 11px; font-weight: 900; }

.aquasure-brand-profile { display: grid; width: min(1220px, calc(100% - 48px)); margin: 0 auto; padding: 110px 0 20px; grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr); gap: clamp(60px, 9vw, 120px); align-items: start; }
.aquasure-brand-profile__heading { position: sticky; top: 36px; }
.aquasure-brand-profile__heading h2 { margin: 0; color: var(--brand-ink); font-size: clamp(48px, 5vw, 72px); font-weight: 650; line-height: 1.01; letter-spacing: -.04em; }
.aquasure-brand-profile__heading p { margin: 20px 0 0; color: var(--brand); font-size: 11px; font-weight: 800; letter-spacing: .12em; line-height: 1.6; text-transform: uppercase; }
.aquasure-brand-profile__copy { max-width: 760px; border-top: 1px solid rgba(8,46,67,.14); }
.aquasure-brand-profile__copy p { margin: 0; padding: 24px 0; border-bottom: 1px solid rgba(8,46,67,.14); color: #466470; font-size: 16px; line-height: 1.75; }
.aquasure-brand-profile__copy p:first-child { color: var(--brand-ink); font-size: 18px; }

.aquasure-brand-details { display: grid; width: min(1220px, calc(100% - 48px)); margin: 0 auto; padding: 110px 0 20px; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(60px, 9vw, 120px); align-items: start; }
.aquasure-brand-details__intro h2 { max-width: 610px; margin: 0; color: var(--brand-ink); font-size: clamp(42px, 5vw, 72px); font-weight: 650; line-height: 1.01; letter-spacing: -.04em; }
.aquasure-brand-details__intro p { max-width: 580px; margin: 28px 0 0; color: #607983; font-size: 16px; line-height: 1.7; }
.aquasure-brand-details__ledger { border-top: 1px solid rgba(8,46,67,.14); }
.aquasure-brand-details__ledger article { display: grid; padding: 28px 0; grid-template-columns: minmax(180px, .72fr) minmax(0, 1.28fr); gap: 30px; border-bottom: 1px solid rgba(8,46,67,.14); }
.aquasure-brand-details__ledger h3 { margin: 0; color: var(--brand-ink); font-size: 17px; line-height: 1.35; letter-spacing: -.02em; }
.aquasure-brand-details__ledger p, .aquasure-brand-details__ledger ul { margin: 0; color: #607983; font-size: 14px; line-height: 1.7; }
.aquasure-brand-details__ledger ul { padding: 0; list-style: none; }
.aquasure-brand-details__ledger li { position: relative; padding-left: 18px; }
.aquasure-brand-details__ledger li + li { margin-top: 7px; }
.aquasure-brand-details__ledger li::before { content: ''; position: absolute; top: .72em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--brand); }
.aquasure-brand-details__cta { display: inline-flex; min-height: 52px; margin-top: 28px; align-items: center; justify-content: center; gap: 9px; padding: 0 22px; border-radius: 11px; color: white !important; background: var(--brand-deep); font-size: 13px; font-weight: 800; transition: transform 150ms var(--brand-ease), background-color 180ms ease; }

.aquasure-brand-family { width: min(1220px, calc(100% - 48px)); margin: 0 auto; padding: 90px 0 110px; }
.aquasure-brand-family > p { margin: 0 0 28px; color: var(--brand); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.aquasure-brand-family > div { display: grid; grid-template-columns: repeat(5, 1fr); overflow: hidden; border: 1px solid rgba(8,46,67,.12); border-radius: 22px; background: white; }
.aquasure-brand-family a { position: relative; display: grid; min-height: 210px; padding: 25px; align-content: end; }
.aquasure-brand-family a + a { border-left: 1px solid rgba(8,46,67,.12); }
.aquasure-brand-family a.is-current { background: var(--brand-mist); }
.aquasure-brand-family a > span { position: absolute; top: 23px; right: 23px; color: #9aacb3; font-size: 10px; font-weight: 900; }
.aquasure-brand-family strong { font-size: 20px; letter-spacing: -.035em; }
.aquasure-brand-family small { margin-top: 8px; color: #607983; font-size: 11px; line-height: 1.45; }

@media (hover: hover) and (pointer: fine) {
	.aquasure-brand-button:hover { transform: translateY(-2px); }
	.aquasure-brand-details__cta:hover { transform: translateY(-2px); background: var(--brand); }
	.aquasure-brand-family a { transition: transform 180ms var(--brand-ease), background-color 180ms ease; }
	.aquasure-brand-family a:hover { z-index: 1; transform: translateY(-4px); background: var(--brand-mist); }
}
@media (max-width: 980px) {
	.aquasure-brand-nav__links { display: none; }
	.aquasure-brand-hero { grid-template-columns: minmax(0, 1fr); gap: 48px; padding-top: 145px; }
	.aquasure-brand-hero__content { width: 100%; }
	.aquasure-brand-hero__mark {
		position: relative;
		right: auto;
		bottom: auto;
		width: min(420px, 58vw);
		max-width: 100%;
		margin-top: 8px;
		justify-self: center;
		opacity: 1;
	}
	.aquasure-brand-hero__content { z-index: 3; }
	.aquasure-brand-profile { grid-template-columns: 1fr; gap: 42px; }
	.aquasure-brand-profile__heading { position: static; }
	.aquasure-brand-details { grid-template-columns: 1fr; gap: 48px; }
	.aquasure-brand-family > div { grid-template-columns: 1fr 1fr; }
	.aquasure-brand-family a + a { border-top: 1px solid rgba(8,46,67,.12); }
}
@media (max-width: 600px) {
	.aquasure-brand-nav { width: calc(100% - 36px); min-height: 78px; }
	.aquasure-brand-hero {
		min-height: auto;
		gap: 30px;
		padding: 112px max(20px, env(safe-area-inset-right)) max(58px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
	}
	.aquasure-brand-hero__category { margin-bottom: 18px; }
	.aquasure-brand-hero h1 { max-width: 100%; font-size: clamp(52px, 16vw, 68px); line-height: .9; letter-spacing: -.04em; overflow-wrap: anywhere; }
	.aquasure-brand-hero__tagline { margin: 18px 0 0; font-size: clamp(20px, 6vw, 24px); line-height: 1.25; }
	.aquasure-brand-hero__actions { flex-direction: column; }
	.aquasure-brand-button { width: 100%; }
	.aquasure-brand-hero__mark { width: min(260px, 74vw); margin-top: 0; transform: rotate(2deg); }
	.aquasure-brand-hero__mark img { max-width: 210px; max-height: 210px; }
	.aquasure-brand-hero__mark small { right: 9%; bottom: 9%; width: 44px; height: 44px; }
	.aquasure-brand-profile { width: calc(100% - 36px); padding: 78px 0 0; gap: 32px; }
	.aquasure-brand-profile__heading h2 { font-size: 43px; }
	.aquasure-brand-profile__copy p { padding: 20px 0; font-size: 15px; }
	.aquasure-brand-profile__copy p:first-child { font-size: 16px; }
	.aquasure-brand-details { width: calc(100% - 36px); padding: 78px 0 0; gap: 38px; }
	.aquasure-brand-details__intro h2 { font-size: 43px; }
	.aquasure-brand-details__ledger article { grid-template-columns: 1fr; gap: 14px; }
	.aquasure-brand-details__cta { width: 100%; text-align: center; }
	.aquasure-brand-family { width: calc(100% - 36px); padding: 65px 0 80px; }
	.aquasure-brand-family > div { grid-template-columns: 1fr; }
	.aquasure-brand-family a { min-height: 144px; }
	.aquasure-brand-family a + a { border-left: 0; }
}

@media (hover: none) and (pointer: coarse) {
	.aquasure-brand-button,
	.aquasure-brand-details__cta,
	.aquasure-brand-family a { min-height: 52px; -webkit-tap-highlight-color: rgba(255,255,255,.14); }
	.aquasure-brand-button:active,
	.aquasure-brand-details__cta:active,
	.aquasure-brand-family a:active { transform: scale(.98); }
}
@media (prefers-reduced-motion: reduce) {
	.aquasure-brand-hero__mark { transform: none !important; }
	.aquasure-brand-button, .aquasure-brand-details__cta, .aquasure-brand-family a { transition: background-color 150ms ease, border-color 150ms ease; }
}
