/* Holistic Prosperity Life public redesign preview */

:root {
    --hpl-purple-dark: #241133;
    --hpl-purple: #2B173D;
    --hpl-purple-soft: #30194A;
    --hpl-blue-night: #101B35;
    --hpl-blue: #2B173D;
    --hpl-blue-dark: #241133;
    --hpl-blue-deep: #241133;
    --hpl-gold: #C58A2A;
    --hpl-gold-soft: #E0B15B;
    --hpl-cream: #F8F3EA;
    --hpl-white: #FFFFFF;
    --hpl-emerald: #1F6F66;
    --hpl-text: #0C1B33;
    --hpl-muted: #52627A;
    --hpl-border: rgba(224, 177, 91, 0.22);
    --hpl-soft: #f7f2ea;
    --hpl-scroll-ratio: 0;
}

body.dark .hpl-redesign {
    background: var(--hpl-cream);
    color: var(--hpl-text);
}

.hpl-redesign {
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 8% 0%, rgba(48, 25, 74, 0.08), transparent 31%),
        radial-gradient(circle at 94% 4%, rgba(197, 138, 42, 0.12), transparent 28%),
        linear-gradient(180deg, var(--hpl-cream) 0%, #f7f4ef 45%, var(--hpl-white) 100%);
    color: var(--hpl-text);
    font-family: 'Lato', Arial, sans-serif;
    letter-spacing: 0;
}

.hpl-redesign *,
.hpl-redesign *:before,
.hpl-redesign *:after {
    box-sizing: border-box;
}

.hpl-redesign a {
    color: inherit;
}

.hpl-preview-header {
    position: sticky !important;
    top: 0;
    z-index: 80;
    border: 0;
    border-bottom: 1px solid rgba(239,216,178,.16);
    background: var(--hpl-purple-dark);
}

.hpl-preview-header #header-wrap {
    background: linear-gradient(90deg, var(--hpl-purple-dark), var(--hpl-blue-night));
}

.hpl-preview-header #logo {
    margin-right: 26px;
}

.hpl-preview-header #logo img {
    height: 100px;
    padding: 8px 0;
}

.hpl-preview-header #primary-menu-trigger {
    color: #fff;
}

.hpl-preview-menu > ul {
    display: flex;
    align-items: stretch;
}

.hpl-preview-menu > ul > li > a {
    color: rgba(255,255,255,.86) !important;
    padding-left: 12px;
    padding-right: 12px;
}

.hpl-preview-menu.sub-title > ul > li > a div {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .01em;
}

.hpl-preview-menu.sub-title > ul > li > a span {
    color: rgba(239,216,178,.72);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .02em;
}

#header.hpl-preview-header #primary-menu.hpl-preview-menu > ul > li:hover > a,
#header.hpl-preview-header #primary-menu.hpl-preview-menu > ul > li.current > a,
#header.hpl-preview-header #primary-menu.hpl-preview-menu > ul > li.active > a,
#header.hpl-preview-header.sticky-header #primary-menu.hpl-preview-menu > ul > li:hover > a,
#header.hpl-preview-header.sticky-header #primary-menu.hpl-preview-menu > ul > li.current > a,
#header.hpl-preview-header.sticky-header #primary-menu.hpl-preview-menu > ul > li.active > a {
    background:
        linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.06)) !important;
    color: #fff !important;
    border-radius: 0;
}

#header.hpl-preview-header #primary-menu.hpl-preview-menu > ul > li:hover > a div,
#header.hpl-preview-header #primary-menu.hpl-preview-menu > ul > li.current > a div,
#header.hpl-preview-header #primary-menu.hpl-preview-menu > ul > li:hover > a span,
#header.hpl-preview-header #primary-menu.hpl-preview-menu > ul > li.current > a span,
#header.hpl-preview-header.sticky-header #primary-menu.hpl-preview-menu > ul > li:hover > a div,
#header.hpl-preview-header.sticky-header #primary-menu.hpl-preview-menu > ul > li.current > a div,
#header.hpl-preview-header.sticky-header #primary-menu.hpl-preview-menu > ul > li:hover > a span,
#header.hpl-preview-header.sticky-header #primary-menu.hpl-preview-menu > ul > li.current > a span {
    color: #fff !important;
}

.hpl-preview-menu-actions {
    float: right;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 100px;
    margin-left: 18px;
}

.hpl-menu-login,
.hpl-menu-register {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
}

.hpl-menu-login {
    border: 1px solid rgba(255,255,255,.22);
    color: #fff !important;
    background: rgba(255,255,255,.08);
}

.hpl-menu-register {
    border: 1px solid rgba(239,216,178,.55);
    color: var(--hpl-purple-dark) !important;
    background: var(--hpl-gold-soft);
    box-shadow: 0 14px 34px rgba(197,138,42,.26);
}

.hpl-menu-login:hover,
.hpl-menu-register:hover {
    text-decoration: none;
    transform: translateY(-1px);
}

#header.hpl-preview-header.sticky-header #header-wrap {
    background: linear-gradient(90deg, var(--hpl-purple-dark), var(--hpl-blue-night));
}

#header.hpl-preview-header.sticky-header #primary-menu.hpl-preview-menu > ul > li > a {
    color: rgba(255,255,255,.9) !important;
}

#header.hpl-preview-header.sticky-header #primary-menu.hpl-preview-menu.sub-title > ul > li > a span {
    display: none !important;
}

#header.hpl-preview-header.sticky-header .hpl-preview-menu-actions {
    min-height: 60px;
    align-items: center;
}

#header.hpl-preview-header.sticky-header .hpl-menu-login,
#header.hpl-preview-header.sticky-header .hpl-menu-register {
    min-height: 38px;
    padding: 9px 14px;
}

.hpl-hero-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.hpl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.1;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.hpl-btn:hover {
    transform: translateY(-1px);
    text-decoration: none;
}

.hpl-btn-primary {
    background: linear-gradient(135deg, var(--hpl-purple), var(--hpl-blue-night));
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(36, 17, 51, 0.24);
}

.hpl-btn-primary:hover {
    background: linear-gradient(135deg, var(--hpl-purple-soft), #17264a);
}

.hpl-btn-secondary {
    border-color: rgba(36, 17, 51, 0.18);
    background: rgba(255,255,255,.92);
    color: var(--hpl-blue-dark) !important;
}

.hpl-btn-light {
    border-color: rgba(255,255,255,.36);
    background: rgba(255,255,255,.12);
    color: #fff !important;
}

.hpl-btn-gold {
    background: linear-gradient(135deg, var(--hpl-gold-soft), var(--hpl-gold));
    color: var(--hpl-purple-dark) !important;
    box-shadow: 0 16px 34px rgba(197, 138, 42, 0.3);
}

.hpl-section {
    padding: 92px 0;
}

.hpl-section-tight {
    padding: 64px 0;
}

.hpl-section-content {
    position: relative;
    z-index: 2;
}

.hpl-parallax-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.hpl-parallax-section:before,
.hpl-parallax-section:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hpl-parallax-section:before {
    z-index: 0;
    background-image: var(--hpl-parallax-image, none);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transform: translate3d(0, calc(var(--hpl-scroll-ratio) * -34px), 0) scale(1.06);
    transform-origin: center;
    will-change: transform;
}

.hpl-parallax-section:after {
    z-index: 1;
    opacity: 0;
}

.hpl-parallax-hero:before {
    opacity: .96;
    background-position: center right;
}

.hpl-parallax-hero:after {
    opacity: .72;
    background:
        linear-gradient(90deg, rgba(36,17,51,.78) 0%, rgba(16,27,53,.48) 42%, rgba(36,17,51,.1) 100%),
        radial-gradient(circle at 78% 22%, rgba(31,111,102,.18), transparent 30%);
}

.hpl-parallax-solution:before {
    opacity: .88;
}

.hpl-parallax-solution:after {
    opacity: 1;
    background:
        linear-gradient(135deg, rgba(36,17,51,.74), rgba(16,27,53,.52)),
        radial-gradient(circle at 74% 22%, rgba(197,138,42,.18), transparent 34%);
}

.hpl-parallax-founder:before {
    opacity: .82;
    background-position: center top;
}

.hpl-parallax-founder:after {
    opacity: 1;
    background:
        linear-gradient(135deg, rgba(36,17,51,.72), rgba(16,27,53,.5)),
        radial-gradient(circle at 18% 24%, rgba(197,138,42,.16), transparent 32%);
}

.hpl-parallax-cta:before {
    opacity: .9;
    background-position: center;
}

.hpl-parallax-cta:after {
    opacity: 1;
    background:
        linear-gradient(135deg, rgba(36,17,51,.72), rgba(16,27,53,.56) 52%, rgba(31,111,102,.34)),
        radial-gradient(circle at 80% 20%, rgba(197,138,42,.22), transparent 34%);
}

.hpl-parallax-layer,
.hpl-depth-glow {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    will-change: transform;
}

.hpl-depth-glow {
    border-radius: 34px;
    filter: blur(0);
    opacity: .88;
    transform: translate3d(0, calc(var(--hpl-scroll-ratio) * -46px), 0);
}

.hpl-depth-glow-one {
    width: 440px;
    height: 440px;
    right: -120px;
    top: 70px;
    background: radial-gradient(circle, rgba(31, 111, 102, .18), transparent 66%);
}

.hpl-depth-glow-two {
    width: 380px;
    height: 260px;
    left: -120px;
    bottom: 50px;
    background: radial-gradient(circle, rgba(197, 138, 42, .16), transparent 64%);
    transform: translate3d(0, calc(var(--hpl-scroll-ratio) * 34px), 0);
}

.hpl-depth-glow-three {
    width: 620px;
    height: 380px;
    right: -160px;
    top: -80px;
    background: linear-gradient(135deg, rgba(31, 111, 102, .24), rgba(197, 138, 42, .12));
    transform: rotate(-10deg) translate3d(0, calc(var(--hpl-scroll-ratio) * -38px), 0);
}

.hpl-depth-glow-four {
    width: 520px;
    height: 420px;
    left: -150px;
    top: 0;
    background: radial-gradient(circle, rgba(197, 138, 42, .2), transparent 66%);
}

.hpl-depth-glow-five {
    width: 700px;
    height: 420px;
    right: -210px;
    bottom: -170px;
    background: radial-gradient(circle, rgba(31, 111, 102, .22), transparent 68%);
}

.hpl-gradient-light {
    background:
        linear-gradient(135deg, rgba(248,243,234,.98), rgba(255,255,255,.94)),
        radial-gradient(circle at 70% 20%, rgba(48,25,74,.08), transparent 28%);
}

.hpl-gradient-dark {
    background:
        linear-gradient(135deg, rgba(36,17,51,.98), rgba(16,27,53,.96)),
        radial-gradient(circle at 70% 15%, rgba(197,138,42,.16), transparent 28%);
}

.hpl-hero {
    padding: 108px 0 86px;
}

.hpl-hero-copy-panel {
    position: relative;
    max-width: 720px;
    padding: 34px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(36,17,51,.82), rgba(16,27,53,.54)),
        radial-gradient(circle at 0 0, rgba(197,138,42,.14), transparent 42%);
    box-shadow: 0 28px 70px rgba(0,0,0,.28);
    backdrop-filter: blur(2px);
}

.hpl-hero-copy-panel .hpl-eyebrow {
    color: var(--hpl-gold-soft);
}

.hpl-hero h1 {
    max-width: 790px;
    margin: 0 0 24px;
    color: #fff;
    font-family: 'Raleway', Arial, sans-serif !important;
    font-size: clamp(36px, 4.5vw, 62px);
    font-weight: 900;
    line-height: 1.04;
}

.hpl-hero-lead {
    max-width: 740px;
    margin-bottom: 30px;
    color: rgba(255,255,255,.88);
    font-size: clamp(17px, 1.7vw, 21px);
    line-height: 1.62;
}

.hpl-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: #9a6720;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.11em;
    line-height: 1.3;
    text-transform: uppercase;
}

.hpl-on-dark .hpl-eyebrow,
.hpl-gradient-dark .hpl-eyebrow,
.hpl-final-cta .hpl-eyebrow {
    color: var(--hpl-gold-soft);
}

.hpl-microcopy {
    margin-top: 16px;
    color: var(--hpl-muted);
    font-size: 14px;
}

.hpl-hero-copy-panel .hpl-microcopy {
    color: rgba(255,255,255,.76);
}

.hpl-dashboard-mockup {
    position: relative;
    margin-left: auto;
    max-width: 540px;
    padding: 18px;
    border: 1px solid rgba(224, 177, 91, 0.18);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.7)),
        radial-gradient(circle at 80% 0%, rgba(224,177,91,.2), transparent 36%);
    box-shadow: 0 28px 80px rgba(36, 17, 51, 0.2);
}

.hpl-dashboard-mockup:before {
    content: "";
    position: absolute;
    inset: 14px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(36,17,51,.96), rgba(16,27,53,.92));
    z-index: 0;
}

.hpl-dashboard-mockup > * {
    position: relative;
    z-index: 1;
}

.hpl-image-frame {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(36,17,51,.94), rgba(31,111,102,.72)),
        radial-gradient(circle at right top, rgba(224,177,91,.24), transparent 38%);
    box-shadow: 0 18px 48px rgba(36,17,51,.22);
}

.hpl-image-frame img {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
}

.hpl-image-placeholder {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 8px;
    padding: 22px;
    color: #fff;
    background:
        linear-gradient(150deg, rgba(7,26,48,.18), rgba(7,26,48,.72)),
        repeating-linear-gradient(45deg, rgba(255,255,255,.065), rgba(255,255,255,.065) 1px, transparent 1px, transparent 14px);
}

.hpl-image-placeholder:before {
    content: "";
    position: absolute;
    right: -42px;
    top: -42px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(239,216,178,.26);
    border-radius: 50%;
}

.hpl-image-placeholder strong,
.hpl-image-placeholder small,
.hpl-placeholder-icon {
    position: relative;
    z-index: 1;
}

.hpl-image-placeholder strong {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2;
}

.hpl-image-placeholder small {
    color: rgba(255,255,255,.74);
    line-height: 1.35;
}

.hpl-placeholder-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255,255,255,.13);
    color: var(--hpl-gold-soft);
    font-size: 18px;
}

.hpl-hero-image-frame {
    margin-bottom: 14px;
    border-color: rgba(239,216,178,.22);
}

.hpl-product-visual {
    margin-bottom: 18px;
    border-color: rgba(36,17,51,.12);
    box-shadow: 0 16px 36px rgba(36,17,51,.12);
}

.hpl-product-visual .hpl-image-placeholder {
    background:
        linear-gradient(150deg, rgba(36,17,51,.12), rgba(36,17,51,.72)),
        radial-gradient(circle at 20% 20%, rgba(31,111,102,.26), transparent 34%);
}

.hpl-mockup-topbar {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 12px 14px;
    color: rgba(255,255,255,.78);
    font-size: 12px;
}

.hpl-mockup-topbar span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.36);
}

.hpl-mockup-topbar strong {
    margin-left: auto;
    color: #fff;
    font-weight: 800;
}

.hpl-mockup-hero-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 8px 10px 14px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
}

.hpl-mockup-hero-card small,
.hpl-mockup-card span,
.hpl-mockup-progress span {
    color: rgba(255,255,255,.68);
}

.hpl-mockup-hero-card h3 {
    margin: 6px 0 8px;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
}

.hpl-mockup-hero-card p {
    max-width: 300px;
    margin: 0;
    color: rgba(255,255,255,.76);
    line-height: 1.45;
}

.hpl-mockup-score {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 92px;
    height: 92px;
    flex: 0 0 92px;
    border-radius: 50%;
    background: conic-gradient(var(--hpl-gold) 0 82%, rgba(255,255,255,.16) 82% 100%);
    color: #fff;
    box-shadow: inset 0 0 0 9px rgba(36,17,51,.78);
}

.hpl-mockup-score strong {
    color: #fff;
    font-size: 24px;
    line-height: 1;
}

.hpl-mockup-score span {
    font-size: 11px;
}

.hpl-mockup-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0 10px 12px;
}

.hpl-mockup-card {
    min-height: 112px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    background: rgba(255,255,255,.08);
}

.hpl-mockup-card i {
    color: var(--hpl-gold-soft);
    font-size: 20px;
}

.hpl-mockup-card span {
    display: block;
    margin-top: 14px;
    font-size: 12px;
}

.hpl-mockup-card strong {
    display: block;
    color: #fff;
    font-size: 22px;
}

.hpl-mockup-progress {
    margin: 0 10px 10px;
    padding: 16px;
    border-radius: 12px;
    background: rgba(31,111,102,.18);
    border: 1px solid rgba(31,111,102,.28);
}

.hpl-mockup-progress strong {
    display: block;
    color: #fff;
    font-size: 14px;
}

.hpl-progress-track {
    height: 8px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
}

.hpl-progress-track span {
    display: block;
    width: 72%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--hpl-emerald), var(--hpl-gold));
}

.hpl-trust {
    padding: 24px 0;
    border-top: 1px solid var(--hpl-border);
    border-bottom: 1px solid var(--hpl-border);
    background: rgba(255,255,255,.82);
    box-shadow: 0 16px 40px rgba(36,17,51,.05);
}

.hpl-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--hpl-blue-dark);
    font-weight: 900;
}

.hpl-icon-dot,
.hpl-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    background: rgba(31, 111, 102, 0.12);
    color: var(--hpl-emerald);
}

.hpl-card-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 18px;
    background: linear-gradient(135deg, rgba(31,111,102,.14), rgba(224,177,91,.14));
    color: var(--hpl-blue);
    font-size: 20px;
}

.hpl-section-title {
    max-width: 810px;
    margin-bottom: 38px;
}

.hpl-section-title h2 {
    margin-bottom: 14px;
    color: var(--hpl-blue-dark);
    font-family: 'Raleway', Arial, sans-serif !important;
    font-size: clamp(30px, 3.5vw, 46px);
    font-weight: 900;
    line-height: 1.1;
}

.hpl-section-title p {
    margin: 0;
    color: var(--hpl-muted);
    font-size: 18px;
    line-height: 1.65;
}

.hpl-on-dark h2,
.hpl-on-dark p,
.hpl-gradient-dark h2,
.hpl-gradient-dark p,
.hpl-final-cta h2,
.hpl-final-cta p {
    color: #fff;
}

.hpl-copy-panel {
    padding: 32px;
    border: 1px solid var(--hpl-border);
    border-radius: 16px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 18px 45px rgba(36,17,51,.07);
}

.hpl-copy-panel p {
    margin: 0;
    color: #40516b;
    line-height: 1.75;
}

.hpl-solution {
    padding: 96px 0;
}

.hpl-solution-stack {
    display: grid;
    gap: 14px;
}

.hpl-solution-stack div {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 4px 18px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    background: rgba(255,255,255,.08);
}

.hpl-solution-stack span {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(197,138,42,.2);
    color: var(--hpl-gold-soft);
    font-weight: 900;
}

.hpl-solution-stack strong {
    color: #fff;
    font-size: 18px;
}

.hpl-solution-stack small {
    color: rgba(255,255,255,.72);
}

.hpl-card {
    height: 100%;
    padding: 28px;
    border: 1px solid var(--hpl-border);
    border-radius: 16px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 16px 42px rgba(36, 17, 51, 0.08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.hpl-card:hover {
    transform: translateY(-4px);
    border-color: rgba(197,138,42,.3);
    box-shadow: 0 24px 56px rgba(36, 17, 51, 0.13);
}

.hpl-card h3,
.hpl-card h4 {
    color: var(--hpl-blue-dark);
    font-family: 'Raleway', Arial, sans-serif !important;
    font-weight: 900;
    line-height: 1.18;
}

.hpl-card p {
    color: var(--hpl-muted);
    line-height: 1.65;
}

.hpl-route-card {
    min-height: 236px;
    border-top: 4px solid var(--hpl-gold);
}

.hpl-tools-section {
    background:
        radial-gradient(circle at 12% 0%, rgba(224,177,91,.18), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(31,111,102,.16), transparent 32%),
        linear-gradient(135deg, var(--hpl-purple-dark) 0%, var(--hpl-blue-night) 58%, var(--hpl-purple-soft) 100%);
}

.hpl-tools-title .hpl-eyebrow {
    color: var(--hpl-gold-soft);
}

.hpl-tools-title h2 {
    color: #fff;
}

.hpl-tool-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.hpl-tool-featured {
    min-height: 355px;
    border-color: rgba(224,177,91,.34);
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,237,.92)),
        radial-gradient(circle at 100% 0%, rgba(224,177,91,.2), transparent 34%);
}

.hpl-tool-secondary {
    min-height: 310px;
}

.hpl-secondary-apps-wrap {
    max-width: 960px;
    margin: 10px auto 0;
}

.hpl-secondary-apps-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.hpl-secondary-apps-grid .hpl-tool-secondary {
    min-height: 320px;
}

.hpl-tool-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.hpl-badge,
.hpl-price {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(197, 138, 42, 0.14);
    color: #7a4f14;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
}

.hpl-badge-soft {
    margin-bottom: 18px;
    background: rgba(31,111,102,.12);
    color: #136b5b;
}

.hpl-symbolic-section {
    background: #fff;
}

.hpl-symbolic-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.hpl-symbolic-chip {
    min-height: 132px;
    padding: 20px;
    border: 1px solid rgba(36,17,51,.11);
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff, #f7fbfa);
}

.hpl-symbolic-chip span {
    display: block;
    width: 30px;
    height: 4px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--hpl-emerald), var(--hpl-gold));
}

.hpl-symbolic-chip strong {
    display: block;
    color: var(--hpl-blue-dark);
    font-weight: 900;
    line-height: 1.25;
}

.hpl-symbolic-chip small {
    display: block;
    margin-top: 8px;
    color: var(--hpl-muted);
}

.hpl-method-section {
    background:
        radial-gradient(circle at 12% 0%, rgba(224,177,91,.16), transparent 34%),
        radial-gradient(circle at 86% 12%, rgba(31,111,102,.14), transparent 32%),
        linear-gradient(135deg, var(--hpl-purple-dark) 0%, var(--hpl-blue-night) 58%, var(--hpl-purple-soft) 100%);
}

.hpl-method-title .hpl-eyebrow {
    color: var(--hpl-gold-soft);
}

.hpl-method-title h2 {
    color: #fff;
}

.hpl-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 34px;
}

.hpl-step-card {
    position: relative;
    min-height: 230px;
    padding: 30px;
    border: 1px solid var(--hpl-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(36,17,51,.08);
}

.hpl-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--hpl-gold), #d7ad70);
    color: #111923;
    font-weight: 900;
}

.hpl-step-card h3 {
    margin-bottom: 10px;
    color: var(--hpl-blue-dark);
    font-size: 21px;
    font-weight: 900;
}

.hpl-step-card p {
    color: #4c5d75;
    line-height: 1.62;
}

.hpl-eter-box {
    margin-top: 36px;
    padding: 36px;
    border: 1px solid rgba(31, 111, 102, 0.2);
    border-radius: 18px;
    background:
        radial-gradient(circle at right top, rgba(224,177,91,.18), transparent 30%),
        linear-gradient(135deg, #ffffff, #eef8f5);
    box-shadow: 0 22px 60px rgba(36,17,51,.1);
}

.hpl-eter-box h2 {
    color: var(--hpl-blue-dark);
    font-family: 'Raleway', Arial, sans-serif !important;
    font-weight: 900;
}

.hpl-eter-box p {
    color: #40516b;
    line-height: 1.68;
}

.hpl-wallet-visual {
    padding: 22px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--hpl-blue-dark), var(--hpl-blue));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.hpl-wallet-card {
    padding: 22px;
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.07)),
        radial-gradient(circle at right, rgba(224,177,91,.22), transparent 42%);
    color: #fff;
}

.hpl-wallet-card span,
.hpl-wallet-card small {
    color: rgba(255,255,255,.72);
}

.hpl-wallet-card strong {
    display: block;
    color: #fff;
    font-size: 44px;
    line-height: 1.05;
}

.hpl-wallet-actions {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.hpl-wallet-actions span {
    padding: 11px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.82);
    font-size: 13px;
    font-weight: 800;
}

.hpl-pricing-section {
    background: linear-gradient(180deg, #f8f3ea, #ffffff);
}

.hpl-pricing-card {
    padding: 34px;
    background:
        linear-gradient(180deg, #ffffff, #f8fbfc),
        radial-gradient(circle at 100% 0%, rgba(224,177,91,.12), transparent 30%);
}

.hpl-pricing-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hpl-pricing-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 0;
    border-bottom: 1px solid var(--hpl-border);
    color: var(--hpl-text);
}

.hpl-pricing-list li:last-child {
    border-bottom: 0;
}

.hpl-pricing-list span {
    color: #43526c;
    font-weight: 800;
}

.hpl-pricing-list strong {
    color: var(--hpl-blue-dark);
    font-weight: 900;
}

.hpl-founder-section {
    padding: 96px 0;
}

.hpl-founder {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(0,0,0,.18);
}

.hpl-founder-card {
    position: relative;
}

.hpl-founder-visual {
    min-height: 100%;
    padding: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    background:
        radial-gradient(circle at 50% 20%, rgba(224,177,91,.18), transparent 38%),
        linear-gradient(145deg, var(--hpl-purple-dark), var(--hpl-blue-night));
}

.hpl-founder-portrait {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    width: 100%;
}

.hpl-founder-photo {
    display: block;
    width: 100%;
    max-width: 360px;
    height: 480px;
    margin: 0 auto;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border: 1px solid rgba(239,216,178,.34);
    border-radius: 22px;
    background:
        radial-gradient(circle at 50% 18%, rgba(239,216,178,.18), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04));
    box-shadow: 0 24px 56px rgba(0,0,0,.32);
}

.hpl-founder-portrait .hpl-founder-photo > img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
}

.hpl-founder-photo-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 42px;
}

.hpl-founder-photo-placeholder img {
    width: 170px;
    max-width: 72%;
    height: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 18px 28px rgba(0,0,0,.28));
}

.hpl-authority-card {
    margin-top: 20px;
    padding: 20px;
    border-radius: 14px;
    background: rgba(255,255,255,.1);
    color: #fff;
}

.hpl-authority-card strong,
.hpl-authority-card span,
.hpl-authority-card small {
    display: block;
}

.hpl-authority-card strong {
    color: var(--hpl-gold-soft);
    font-weight: 900;
}

.hpl-authority-card span {
    margin-top: 8px;
    font-weight: 900;
}

.hpl-authority-card small {
    margin-top: 8px;
    color: rgba(255,255,255,.76);
}

.hpl-founder-signature {
    margin-top: 28px;
    padding: 18px 18px 20px;
    border-top: 1px solid rgba(255,255,255,.12);
    text-align: center;
}

.hpl-founder-signature-label {
    display: block;
    margin-bottom: 12px;
    color: rgba(239,216,178,.62);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
    line-height: 1.3;
    text-transform: uppercase;
}

.hpl-founder-signature img {
    display: block;
    width: min(172px, 72%);
    max-width: 172px;
    height: auto;
    margin: 0 auto;
    opacity: .48;
    filter:
        sepia(.16)
        saturate(.82)
        brightness(1.08)
        drop-shadow(0 14px 22px rgba(0,0,0,.2));
}

.hpl-founder-badge {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin-bottom: 16px;
    padding: 9px 14px;
    border: 1px solid rgba(224,177,91,.24);
    border-radius: 999px;
    background: rgba(224,177,91,.12);
    color: #8a651f;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .02em;
}

.hpl-founder-copy {
    padding: 52px;
}

.hpl-founder-copy h2 {
    color: var(--hpl-blue-dark);
    font-family: 'Raleway', Arial, sans-serif !important;
    font-weight: 900;
}

.hpl-founder-copy p {
    color: #40516b;
    line-height: 1.7;
}

.hpl-founder-authority-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}

.hpl-founder-authority-card {
    padding: 18px;
    border: 1px solid rgba(36,17,51,.11);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(244,248,250,.95), rgba(255,255,255,.96));
    box-shadow: 0 12px 30px rgba(36,17,51,.06);
}

.hpl-founder-authority-card h3 {
    margin: 0 0 8px;
    color: var(--hpl-blue-dark);
    font-family: 'Raleway', Arial, sans-serif !important;
    font-size: 15px;
    font-weight: 900;
}

.hpl-founder-authority-card p {
    margin: 0;
    color: #52627a;
    font-size: 13px;
    line-height: 1.55;
}

.hpl-founder-books {
    margin-top: 26px;
    padding: 22px;
    border: 1px solid rgba(224,177,91,.22);
    border-radius: 16px;
    background:
        radial-gradient(circle at 100% 0%, rgba(224,177,91,.12), transparent 34%),
        rgba(251,247,238,.78);
}

.hpl-founder-books h3 {
    margin: 0 0 10px;
    color: var(--hpl-blue-dark);
    font-family: 'Raleway', Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 900;
}

.hpl-founder-books p {
    margin-bottom: 16px;
    color: #52627a;
}

.hpl-founder-book-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.hpl-founder-book-chip {
    display: inline-flex;
    align-items: center;
    padding: 8px 11px;
    border: 1px solid rgba(36,17,51,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.78);
    color: #6c4a18;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.25;
}

.hpl-founder-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.hpl-note {
    color: #8a651f !important;
    font-weight: 900;
}

.hpl-audience-section {
    background: #fff;
}

.hpl-audience-card {
    min-height: 188px;
}

.hpl-testimonials-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 6%, rgba(224,177,91,.2), transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(31,111,102,.18), transparent 30%),
        linear-gradient(135deg, var(--hpl-purple-dark) 0%, var(--hpl-blue-night) 54%, var(--hpl-purple-soft) 100%);
    color: #fff;
}

.hpl-testimonials-section:before,
.hpl-testimonials-section:after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.hpl-testimonials-section:before {
    width: 440px;
    height: 440px;
    right: -160px;
    top: -190px;
    border: 1px solid rgba(239,216,178,.18);
    border-radius: 50%;
}

.hpl-testimonials-section:after {
    width: 340px;
    height: 340px;
    left: -130px;
    bottom: -160px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(31,111,102,.18), transparent 66%);
}

.hpl-testimonials-section .container {
    position: relative;
    z-index: 2;
}

.hpl-testimonials-title .hpl-eyebrow {
    color: var(--hpl-gold-soft);
}

.hpl-testimonials-title h2 {
    color: #fff;
}

.hpl-testimonials-title p {
    color: rgba(255,255,255,.78);
}

.hpl-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.hpl-testimonial-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.065));
    box-shadow: 0 24px 60px rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
}

.hpl-testimonial-card--real {
    border-color: rgba(224,177,91,.28);
    background:
        radial-gradient(circle at 96% 0%, rgba(224,177,91,.13), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.07));
}

.hpl-testimonial-card--featured {
    box-shadow: 0 28px 70px rgba(0,0,0,.22), 0 0 0 1px rgba(224,177,91,.08);
}

.hpl-testimonial-card--placeholder {
    border-style: dashed;
    opacity: .9;
}

.hpl-testimonial-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
}

.hpl-testimonial-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    flex: 0 0 78px;
    padding: 3px;
    border: 1px solid rgba(224,177,91,.44);
    border-radius: 50%;
    background:
        linear-gradient(135deg, rgba(224,177,91,.48), rgba(48,25,74,.45)),
        rgba(255,255,255,.08);
    box-shadow: 0 18px 34px rgba(0,0,0,.24), 0 0 28px rgba(197,138,42,.12);
}

.hpl-testimonial-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
}

.hpl-testimonial-avatar-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(36,17,51,.96), rgba(16,27,53,.92));
    color: var(--hpl-gold-soft);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .06em;
}

.hpl-testimonial-status {
    display: block;
    margin-bottom: 8px;
    color: rgba(255,255,255,.72);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hpl-testimonial-quote {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
    border: 1px solid rgba(239,216,178,.3);
    border-radius: 50%;
    background: rgba(197,138,42,.18);
    color: var(--hpl-gold-soft);
    font-family: Georgia, serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 49px;
    text-align: center;
}

.hpl-testimonial-card p,
.hpl-testimonial-text {
    flex: 1 1 auto;
    margin-bottom: 24px;
    color: rgba(255,255,255,.88);
    font-size: 15px;
    line-height: 1.68;
}

.hpl-testimonial-meta {
    display: grid;
    gap: 4px;
    margin-top: auto;
    margin-bottom: 0;
}

.hpl-testimonial-meta strong,
.hpl-testimonial-person {
    color: #fff;
    font-weight: 900;
}

.hpl-testimonial-meta span,
.hpl-testimonial-country,
.hpl-testimonial-role {
    color: rgba(255,255,255,.68);
    font-size: 13px;
}

.hpl-testimonial-badge {
    display: inline-flex;
    align-items: center;
    padding: 7px 11px;
    border: 1px solid rgba(239,216,178,.22);
    border-radius: 999px;
    background: rgba(197,138,42,.18);
    color: var(--hpl-gold-soft);
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
}

.hpl-testimonials-disclaimer {
    max-width: 980px;
    margin: 28px auto 0;
    color: rgba(255,255,255,.66);
    font-size: 13px;
    line-height: 1.65;
    text-align: center;
}

.hpl-testimonials-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
}

.hpl-faq-section {
    background: linear-gradient(180deg, #f8f3ea, #fff);
}

.hpl-faq-list {
    display: grid;
    gap: 12px;
}

.hpl-faq-item {
    border: 1px solid var(--hpl-border);
    border-radius: 14px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 10px 30px rgba(36,17,51,.06);
}

.hpl-faq-item summary {
    cursor: pointer;
    padding: 20px 24px;
    color: var(--hpl-blue-dark);
    font-size: 17px;
    font-weight: 900;
    list-style: none;
}

.hpl-faq-item summary::-webkit-details-marker {
    display: none;
}

.hpl-faq-item summary:after {
    content: "+";
    float: right;
    color: var(--hpl-gold);
    font-size: 22px;
    line-height: 1;
}

.hpl-faq-item[open] summary:after {
    content: "-";
}

.hpl-faq-item p {
    margin: 0;
    padding: 0 24px 22px;
    color: #4c5d75;
    line-height: 1.65;
}

.hpl-final-cta {
    padding: 82px 0;
    color: #fff;
}

.hpl-final-cta h2 {
    max-width: 900px;
    color: #fff;
    font-family: 'Raleway', Arial, sans-serif !important;
    font-size: clamp(30px, 3.6vw, 48px);
    font-weight: 900;
    line-height: 1.12;
}

.hpl-final-cta p {
    color: rgba(255,255,255,.84);
}

.hpl-preview-footer {
    padding: 28px 0;
    background: var(--hpl-purple-dark);
    color: rgba(255,255,255,.76);
}

.hpl-preview-footer a {
    color: #fff;
    font-weight: 800;
}

@media (max-width: 1199px) {
    .hpl-preview-menu > ul > li > a {
        padding-left: 9px;
        padding-right: 9px;
    }

    .hpl-preview-menu.sub-title > ul > li > a div {
        font-size: 12px;
    }

    .hpl-preview-menu-actions {
        gap: 8px;
        margin-left: 10px;
    }

    .hpl-menu-login,
    .hpl-menu-register {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 991px) {
    .hpl-preview-header #logo img {
        height: 50px;
    }

    .hpl-preview-menu > ul {
        display: block;
        width: 100%;
    }

    .hpl-preview-menu > ul > li > a {
        color: #fff !important;
        border-top: 1px solid rgba(255,255,255,.08);
    }

    .hpl-preview-menu-actions {
        float: none;
        width: 100%;
        min-height: 0;
        padding: 16px 0 20px;
        margin-left: 0;
        flex-wrap: wrap;
    }

    .hpl-hero {
        padding: 70px 0 62px;
    }

    .hpl-dashboard-mockup {
        margin: 36px 0 0;
        max-width: none;
    }

    .hpl-symbolic-grid,
    .hpl-steps-grid {
        grid-template-columns: 1fr;
    }

    .hpl-testimonials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hpl-founder-visual {
        min-height: 0;
    }

    .hpl-founder-copy {
        padding: 34px;
    }

    .hpl-founder-photo {
        max-width: 320px;
        height: 430px;
    }

    .hpl-founder-signature img {
        max-width: 130px;
    }
}

@media (max-width: 767px) {
    .hpl-section,
    .hpl-solution,
    .hpl-founder-section {
        padding: 62px 0;
    }

    .hpl-nav-actions .hpl-btn,
    .hpl-hero-actions .hpl-btn,
    .hpl-final-cta .hpl-btn {
        width: 100%;
    }

    .hpl-hero-actions,
    .hpl-final-cta .text-lg-right {
        display: grid;
        gap: 10px;
    }

    .hpl-mockup-hero-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .hpl-mockup-grid {
        grid-template-columns: 1fr;
    }

    .hpl-eter-box {
        padding: 24px;
    }

    .hpl-pricing-list li {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .hpl-testimonial-card p {
        min-height: 0;
    }

    .hpl-testimonials-actions {
        flex-wrap: wrap;
    }

    .hpl-secondary-apps-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hpl-founder-authority-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .hpl-menu-login,
    .hpl-menu-register {
        width: 100%;
    }

    .hpl-hero h1 {
        font-size: 34px;
    }

    .hpl-dashboard-mockup {
        padding: 10px;
        border-radius: 14px;
    }

    .hpl-dashboard-mockup:before {
        inset: 8px;
    }

    .hpl-mockup-hero-card,
    .hpl-mockup-grid,
    .hpl-mockup-progress {
        margin-left: 6px;
        margin-right: 6px;
    }

    .hpl-card,
    .hpl-step-card,
    .hpl-testimonial-card {
        padding: 24px;
    }

    .hpl-founder-photo {
        max-width: 100%;
        height: 380px;
    }

    .hpl-testimonials-grid {
        grid-template-columns: 1fr;
    }

    .hpl-secondary-apps-grid {
        grid-template-columns: 1fr;
    }

    .hpl-testimonials-actions .hpl-btn {
        width: 100%;
    }

    .hpl-founder-actions .hpl-btn {
        width: 100%;
    }

    .hpl-founder-signature {
        margin-top: 22px;
        padding-bottom: 10px;
    }

    .hpl-founder-signature img {
        max-width: 120px;
        opacity: .42;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hpl-redesign *,
    .hpl-redesign *:before,
    .hpl-redesign *:after {
        transition: none !important;
        animation: none !important;
    }

    .hpl-parallax-section,
    .hpl-parallax-section:before,
    .hpl-parallax-section:after,
    .hpl-parallax-bg,
    .hpl-parallax-overlay,
    .hpl-parallax-layer,
    .hpl-floating-orb,
    .hpl-depth-glow {
        transform: none !important;
        animation: none !important;
        transition: none !important;
        will-change: auto;
    }
}

@media (max-width: 767px), (prefers-reduced-motion: reduce) {
    .hpl-parallax-section:before {
        transform: none !important;
        background-position: center !important;
        will-change: auto;
    }

    .hpl-parallax-hero:before {
        opacity: .12;
    }

    .hpl-parallax-solution:before,
    .hpl-parallax-founder:before,
    .hpl-parallax-cta:before {
        opacity: .2;
    }

    .hpl-parallax-layer,
    .hpl-depth-glow {
        transform: none !important;
        opacity: .62;
    }
}