/* Stopgap styles for the luxe2 home sections below the hero (lx-paths, lx-steps, lx-statement), extracted from
   pa-luxe-home.css without its header, footer and hero rules. Loaded on the front page only. Remove when the home
   sections are redesigned. */
:root {
	--pah-bg: #fff;
	--pah-ivory: #faf9f6;
	--pah-tint: #f3f5ff;
	--pah-ink: #14161c;
	--pah-ink-2: #3a3f4b;
	--pah-mute: #5d6370;
	--pah-line: #e6e8ef;
	--pah-line-2: #d6daea;
	--pah-blue: #0012ff;
	--pah-blue-ink: #000bb3;
	--pah-blue-50: #eef0ff;
	--pah-blue-100: #dfe3ff;
	--pah-red: #ff3131;
	--pah-red-50: #fff1f1;
	--pah-display: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
	--pah-serif: "Instrument Serif", Georgia, serif;
	--pah-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--pah-wrap: 1240px;
	--pah-gutter: clamp(20px, 4vw, 40px);
	--pah-sec: clamp(80px, 9vw, 136px);
	--pah-r: 22px;
	--pah-shadow: 0 1px 2px rgba(20, 22, 28, .04), 0 18px 40px -22px rgba(16, 24, 72, .28);
	--pah-ease: cubic-bezier(.2, .7, .2, 1);
}
.lx-wrap {width: 100%; max-width: var(--pah-wrap); margin-inline: auto; padding-inline: var(--pah-gutter); box-sizing: border-box;}
.lx-sec {position: relative; background: var(--pah-bg); padding-block: var(--pah-sec); color: var(--pah-mute); font-family: var(--pah-body);}
.lx-pill {display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 7px 14px; border: 1px solid var(--pah-line-2); border-radius: 999px; background: rgba(255, 255, 255, .8); font: 600 12px/1.3 var(--pah-body); letter-spacing: .06em; text-transform: uppercase; color: var(--pah-ink-2);}
.lx-label {margin: 0 0 16px; font: 600 12px/1.4 var(--pah-body); letter-spacing: .08em; text-transform: uppercase; color: var(--pah-blue);}
.lx-h2 {margin: 0; font: 600 clamp(32px, 3.6vw, 50px)/1.08 var(--pah-display) !important; letter-spacing: -.03em; color: var(--pah-ink) !important; font-style: normal !important; text-wrap: balance;}
.lx-accent {font-family: var(--pah-serif); font-style: italic; font-weight: 400; color: var(--pah-blue); letter-spacing: -.01em;}
.lx-arrow {display: inline-block; transition: transform .25s var(--pah-ease);}
a:hover > .lx-arrow {transform: translateX(3px);}
.lx-btn {box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: .55em; min-height: 54px; padding: 0 28px; border-radius: 999px; font: 600 15px/1 var(--pah-body); text-decoration: none !important; transition: background-color .25s, border-color .25s, color .25s, box-shadow .25s;}
.lx-btn--primary {background: var(--pah-blue); color: #fff !important; box-shadow: 0 10px 24px -12px rgba(0, 18, 255, .6);}
.lx-btn--primary:hover {background: var(--pah-blue-ink); color: #fff !important;}
.lx-btn--outline {background: #fff; color: var(--pah-blue) !important; border: 1px solid var(--pah-blue-100);}
.lx-btn--outline:hover {border-color: var(--pah-blue); color: var(--pah-blue) !important;}
.lx-btn--sm {min-height: 44px; padding: 0 20px; font-size: 14px;}
.lx-link {display: inline-flex; align-items: center; gap: .45em; font: 600 15px/1.2 var(--pah-body); color: var(--pah-blue) !important; text-decoration: none !important;}
.lx-link:hover {color: var(--pah-blue-ink) !important;}
.lx-contactbar {position: absolute; left: 50%; bottom: 8px; z-index: 20; transform: translateX(-50%); display: flex; gap: 4px; margin: 0; padding: 6px; list-style: none; background: rgba(255, 255, 255, .94); border: 1px solid var(--pah-line); border-radius: 999px; box-shadow: 0 16px 36px -18px rgba(16, 24, 72, .45); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.lx-contactbar a {display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 999px; font: 600 13px/1 var(--pah-body); letter-spacing: .04em; text-transform: uppercase; color: var(--pah-ink-2) !important; text-decoration: none !important;}
.lx-contactbar a:hover {background: var(--pah-blue-50); color: var(--pah-blue) !important;}
.lx-contactbar svg {width: 17px; height: 17px; fill: none; stroke: var(--pah-blue); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.lx-chips {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 28px; padding: 0; list-style: none;}
.lx-chips .lx-pill {background: #fff; text-transform: none; letter-spacing: 0; font-size: 13.5px; font-weight: 500;}
.lx-chips .lx-pill::before {content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--pah-blue);}
.lx-chips .lx-pill:nth-child(2)::before {background: var(--pah-red);}
.lx-stats {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--pah-line); border-bottom: 1px solid var(--pah-line); text-align: left;}
.lx-stat {display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 10px; padding: 28px 28px 30px;}
.lx-stat + .lx-stat {border-left: 1px solid var(--pah-line);}
.lx-stat__value {margin: 0; font: 600 clamp(32px, 3vw, 44px)/1 var(--pah-display); letter-spacing: -.03em; color: var(--pah-blue);}
.lx-stat__label {font: 600 12.5px/1.5 var(--pah-body); letter-spacing: .05em; text-transform: uppercase; color: var(--pah-ink-2);}
.lx-sec .pa-confirm {text-transform: none; letter-spacing: 0;}
@media (max-width: 700px) {
	.lx-contactbar {bottom: 0;}
	.lx-contactbar a {padding: 0 11px; gap: 6px; font-size: 11.5px;}
	.lx-stats {grid-template-columns: 1fr;}
	.lx-stat {padding: 20px 4px;}
	.lx-stat + .lx-stat {border-left: 0; border-top: 1px solid var(--pah-line);}
}
.lx-paths {background: var(--pah-bg);}
.lx-split {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; margin: 0 auto clamp(44px, 5vw, 64px); max-width: 820px;}
.lx-split .lx-label {margin-bottom: 18px;}
.lx-split__intro {margin: 18px 0 0; font-size: 17px; line-height: 1.65; color: var(--pah-mute);}
.lx-cards {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}
.lx-paths .lx-cards {grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));}
.lx-card {display: flex; flex-direction: column; background: #fff; border: 1px solid var(--pah-line); border-radius: var(--pah-r); overflow: hidden; box-shadow: var(--pah-shadow); transition: border-color .25s, box-shadow .25s;}
.lx-card:hover {border-color: var(--pah-blue-100); box-shadow: 0 1px 2px rgba(20, 22, 28, .04), 0 26px 50px -24px rgba(0, 18, 255, .3);}
.lx-card__media {aspect-ratio: 16 / 11; overflow: hidden; background: var(--pah-tint);}
.lx-card__img {width: 100%; height: 100%; object-fit: cover; display: block;}
.lx-card__body {display: flex; flex-direction: column; flex: 1; padding: 28px 28px 30px; text-align: left;}
.lx-card__kicker {margin-bottom: 10px;}
.lx-card__title {margin: 0 0 12px; font: 600 25px/1.15 var(--pah-display) !important; letter-spacing: -.02em; color: var(--pah-ink) !important; font-style: normal !important;}
.lx-card__text {margin: 0 0 20px; font-size: 15.5px; line-height: 1.62; color: var(--pah-mute);}
.lx-card__points {list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 10px;}
.lx-card__points li {position: relative; padding-left: 30px; font-size: 14.5px; line-height: 1.5; color: var(--pah-ink-2);}
.lx-card__points li::before {content: ""; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border-radius: 50%; background: var(--pah-blue-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 10.5 2.5 2.5L14 7.5' fill='none' stroke='%230012ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat;}
.lx-card__status {margin: 0 0 18px;}
.lx-card__link.lx-btn {margin-top: auto; align-self: flex-start; min-height: 46px; padding: 0 22px; font-size: 14px; background: #fff; color: var(--pah-blue) !important; border: 1px solid var(--pah-blue-100); box-shadow: none;}
.lx-card__link.lx-btn:hover {border-color: var(--pah-blue);}
.lx-steps {background: var(--pah-ivory); border-top: 1px solid var(--pah-line); border-bottom: 1px solid var(--pah-line);}
.lx-steps__grid {display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 96px); align-items: start;}
.lx-steps__aside {position: sticky; top: 120px;}
.lx-steps__intro {margin: 22px 0 0; max-width: 44ch; font-size: 17px; line-height: 1.65; color: var(--pah-mute);}
.lx-steps__media {margin-top: 36px; border-radius: var(--pah-r); overflow: hidden; aspect-ratio: 3 / 2; box-shadow: var(--pah-shadow);}
.lx-steps__img {width: 100%; height: 100%; object-fit: cover; display: block;}
.lx-steps__list {list-style: none; margin: 0; padding: 0; display: grid; gap: 14px;}
.lx-step {display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 20px; padding: 26px 28px; background: #fff; border: 1px solid var(--pah-line); border-radius: 18px;}
.lx-step__num {display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--pah-blue-50); color: var(--pah-blue); font: 600 14px/1 var(--pah-display);}
.lx-step:first-child .lx-step__num {background: var(--pah-blue); color: #fff;}
.lx-step .lx-label {margin-bottom: 6px;}
.lx-step__title {margin: 0 0 8px; font: 600 22px/1.2 var(--pah-display) !important; letter-spacing: -.02em; color: var(--pah-ink) !important; font-style: normal !important;}
.lx-step__text {margin: 0; font-size: 15.5px; line-height: 1.62; color: var(--pah-mute);}
@media (max-width: 900px) {
	.lx-cards {grid-template-columns: 1fr;}
	.lx-steps__grid {grid-template-columns: 1fr;}
	.lx-steps__aside {position: static;}
	.lx-step {grid-template-columns: 1fr; gap: 14px; padding: 22px 20px;}
	.lx-card__body {padding: 24px 22px 26px;}
}