.ha-market {
            --ha-ink: #20233a;
            --ha-muted: #687087;
            --ha-line: #e6e8f0;
            --ha-paper: #fff;
            --ha-soft: #f7f8fc;
            --ha-primary: #5b5bf0;
            --ha-violet: #8b5cf6;
            --ha-cyan: #06b6d4;
            color: var(--ha-ink);
            background: var(--ha-paper);
            font-family: var(--app-font-family, inherit);
            overflow-x: clip;
        }

        .ha-market *,
        .ha-market *::before,
        .ha-market *::after {
            box-sizing: border-box;
        }

        .ha-market a {
            color: inherit;
        }

        .ha-market button,
        .ha-market input,
        .ha-market textarea {
            font: inherit;
        }

        .ha-wrap {
            width: min(1200px, calc(100% - 40px));
            margin-inline: auto;
        }

        .ha-section {
            padding-block: clamp(3.4rem, 7vw, 6rem);
        }

        .ha-section--soft {
            background: var(--ha-soft);
        }

        .ha-head {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 1.5rem;
            margin-bottom: 1.6rem;
        }

        .ha-head__copy {
            max-width: 700px;
        }

        .ha-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: .55rem;
            margin-bottom: .65rem;
            color: var(--ha-primary);
            font-size: .76rem;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .ha-eyebrow::before {
            width: 20px;
            height: 2px;
            background: linear-gradient(90deg, var(--ha-primary), var(--ha-cyan));
            content: "";
        }

        [dir="rtl"] .ha-eyebrow {
            letter-spacing: 0;
        }

        .ha-title {
            margin: 0;
            font-size: clamp(1.7rem, 3.6vw, 2.65rem);
            font-weight: 780;
            letter-spacing: -.04em;
            line-height: 1.17;
        }

        [dir="rtl"] .ha-title {
            letter-spacing: 0;
            line-height: 1.55;
        }

        .ha-description {
            max-width: 64ch;
            margin: .7rem 0 0;
            color: var(--ha-muted);
            font-size: .98rem;
            line-height: 1.75;
        }

        .ha-link {
            display: inline-flex;
            min-height: 44px;
            align-items: center;
            justify-content: center;
            gap: .55rem;
            padding: .65rem .95rem;
            border: 1px solid var(--ha-line);
            border-radius: 7px;
            background: #fff;
            color: var(--ha-primary) !important;
            font-size: .88rem;
            font-weight: 750;
            text-decoration: none;
            white-space: nowrap;
            transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
        }

        .ha-link:hover {
            transform: translateY(-1px);
            border-color: #c9caff;
            background: #f7f7ff;
        }

        .ha-link--primary {
            border-color: var(--ha-primary);
            background: var(--ha-primary);
            color: #fff !important;
        }

        .ha-link--primary:hover {
            border-color: #4848d7;
            background: #4848d7;
        }

        .ha-market :focus-visible {
            outline: 3px solid var(--ha-cyan);
            outline-offset: 3px;
        }

        .ha-hero {
            position: relative;
            overflow: hidden;
            padding-block: clamp(3.3rem, 8vw, 7rem) clamp(2.6rem, 5vw, 4.5rem);
            background:
                radial-gradient(ellipse at 86% 18%, rgba(139, 92, 246, .22), transparent 38%),
                radial-gradient(ellipse at 6% 94%, rgba(6, 182, 212, .16), transparent 38%),
                linear-gradient(120deg, #fff 34%, #f8f7ff 72%, #f1fcfd);
        }

        .ha-hero::before {
            position: absolute;
            inset: -25% -10% auto 38%;
            height: 420px;
            border-radius: 50%;
            background: radial-gradient(ellipse, rgba(139, 92, 246, .13), transparent 67%);
            content: "";
            filter: blur(28px);
            pointer-events: none;
        }

        .ha-hero::after {
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 78% 42%, transparent 0 11rem, rgba(91, 91, 240, .08) 11.1rem, transparent 11.35rem),
                radial-gradient(circle at 78% 42%, transparent 0 15rem, rgba(6, 182, 212, .07) 15.1rem, transparent 15.3rem),
                linear-gradient(110deg, transparent 52%, rgba(255,255,255,.4) 74%, transparent 100%);
            content: "";
            pointer-events: none;
        }

        .ha-hero__grid {
            position: relative;
            z-index: 1;
        }

        .ha-hero__grid {
            display: grid;
            grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
            gap: clamp(2rem, 5vw, 4rem);
            align-items: center;
        }

        .ha-market .ha-hero__pillars {
            display: flex;
            flex-wrap: wrap;
            gap: .45rem .8rem;
            margin: .85rem 0 0;
            color: var(--ha-primary);
            font-size: .88rem;
            font-weight: 720;
        }

        .ha-market .ha-hero__pillars span {
            display: inline-flex;
            align-items: center;
            gap: .4rem;
        }

        .ha-market .ha-hero__pillars span::before {
            width: 5px;
            height: 5px;
            flex: 0 0 5px;
            border-radius: 50%;
            background: var(--ha-cyan);
            content: "";
        }

        .ha-market .ha-hero > .ha-wrap {
            width: min(1320px, calc(100% - 40px));
        }

        .ha-market .ha-hero__media {
            position: relative;
            min-width: 0;
        }

        .ha-hero__badge {
            display: inline-flex;
            align-items: center;
            gap: .55rem;
            margin-bottom: 1.05rem;
            color: #4a4b77;
            font-size: .82rem;
            font-weight: 750;
        }

        .ha-hero__badge::before {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--ha-cyan);
            box-shadow: 0 0 0 4px rgba(6, 182, 212, .12);
            content: "";
        }

        .ha-hero h1 {
            max-width: 720px;
            margin: 0;
            font-size: clamp(2.1rem, 5.1vw, 4.01rem);
            font-weight: 820;
            letter-spacing: -.06em;
            line-height: 1.02;
        }

        [dir="rtl"] .ha-hero h1 {
            letter-spacing: 0;
            line-height: 1.35;
        }

        .ha-hero__accent {
            color: var(--ha-primary);
        }

        .ha-hero__lead {
            max-width: 58ch;
            margin: 1.25rem 0 1.45rem;
            color: var(--ha-muted);
            font-size: clamp(1rem, 1.7vw, 1.12rem);
            line-height: 1.8;
        }

        .ha-hero__actions,
        .ha-search__row {
            display: flex;
            flex-wrap: wrap;
            gap: .65rem;
        }

        .ha-search {
            max-width: 690px;
            margin-top: 1.8rem;
            padding: .35rem;
            border: 1px solid #dfe1ed;
            border-radius: 9px;
            background: #fff;
            box-shadow: 0 12px 35px rgba(37, 43, 82, .07);
        }

        .ha-search__row {
            flex-wrap: nowrap;
        }

        .ha-search__icon {
            display: grid;
            width: 46px;
            flex: 0 0 auto;
            place-items: center;
            color: var(--ha-primary);
        }

        .ha-search input {
            width: 100%;
            min-width: 0;
            min-height: 48px;
            border: 0;
            outline: 0;
            background: transparent;
            color: var(--ha-ink);
            font-size: .96rem;
        }

        .ha-search input:focus-visible {
            outline: 0;
        }

        .ha-search button {
            min-width: 104px;
            min-height: 48px;
            padding: .7rem 1rem;
            border: 0;
            border-radius: 7px;
            background: var(--ha-primary);
            color: #fff;
            font-weight: 750;
            cursor: pointer;
            transition: background-color .18s ease;
        }

        .ha-search button:hover {
            background: #4848d7;
        }

        .ha-hero__tags {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: .5rem;
            margin-top: 1rem;
        }

        .ha-hero__tags-label {
            margin-inline-end: .2rem;
            color: var(--ha-muted);
            font-size: .8rem;
            font-weight: 700;
        }

        .ha-tag {
            padding: .38rem .66rem;
            border: 1px solid var(--ha-line);
            border-radius: 5px;
            background: rgba(255,255,255,.82);
            color: #454b63 !important;
            font-size: .8rem;
            text-decoration: none;
            transition: border-color .16s ease, color .16s ease;
        }

        .ha-tag:hover {
            border-color: var(--ha-primary);
            color: var(--ha-primary) !important;
        }

        .ha-hero__snapshot {
            position: relative;
            padding: 1.15rem;
            border: 1px solid #e4e6f0;
            border-radius: 10px;
            background: rgba(255,255,255,.92);
            box-shadow: 0 24px 70px rgba(38, 42, 91, .10);
        }

        .ha-hero__snapshot-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: .7rem;
            margin-bottom: 1rem;
            color: var(--ha-muted);
            font-size: .76rem;
            font-weight: 750;
        }

        .ha-hero__snapshot-top strong {
            color: var(--ha-ink);
            font-size: .88rem;
        }

        .ha-snapshot-item {
            display: grid;
            grid-template-columns: 52px minmax(0, 1fr);
            gap: .8rem;
            align-items: center;
            padding: .8rem 0;
            border-top: 1px solid var(--ha-line);
        }

        .ha-snapshot-item:first-of-type {
            border-top: 0;
        }

        .ha-snapshot-item__icon {
            display: grid;
            width: 48px;
            height: 48px;
            place-items: center;
            border: 1px solid #e3e3ff;
            border-radius: 8px;
            background: #f3f3ff;
            color: var(--ha-primary);
            font-size: 1.1rem;
        }

        .ha-snapshot-item strong,
        .ha-snapshot-item small {
            display: block;
        }

        .ha-snapshot-item strong {
            max-width: 100%;
            overflow: hidden;
            font-size: .88rem;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .ha-snapshot-item > span:last-child {
            min-width: 0;
        }

        .ha-snapshot-item small {
            margin-top: .24rem;
            color: var(--ha-muted);
            font-size: .77rem;
        }

        .ha-category-grid {
            display: flex;
            flex-wrap: wrap;
            gap: .7rem;
        }

        .ha-category {
            display: inline-flex;
            min-height: 49px;
            align-items: center;
            gap: .65rem;
            padding: .65rem .9rem;
            border: 1px solid var(--ha-line);
            border-radius: 6px;
            background: #fff;
            color: #31374d !important;
            font-size: .88rem;
            font-weight: 700;
            text-decoration: none;
            transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
        }

        .ha-category:hover {
            transform: translateY(-2px);
            border-color: #c8c9ff;
            box-shadow: 0 8px 20px rgba(46, 49, 103, .07);
        }

        .ha-category i {
            color: var(--ha-primary);
        }

        .ha-card-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 1rem;
        }

        .ha-carousel {
            position: relative;
        }

        .ha-carousel__track {
            display: flex;
            gap: 1rem;
            overflow-x: auto;
            overscroll-behavior-inline: contain;
            padding: .2rem .1rem 1rem;
            scroll-behavior: smooth;
            scroll-snap-type: inline mandatory;
            scrollbar-color: #b7b8f5 transparent;
            scrollbar-width: thin;
            -webkit-overflow-scrolling: touch;
        }

        .ha-carousel__track:focus-visible {
            outline: 3px solid var(--ha-cyan);
            outline-offset: 4px;
        }

        .ha-carousel__track > * {
            min-width: 0;
            flex: 0 0 clamp(245px, 29vw, 286px);
            scroll-snap-align: start;
        }

        .ha-carousel__track--services > *,
        .ha-carousel__track--products > * {
            flex-basis: clamp(270px, 32vw, 320px);
        }

        .ha-carousel__track--freelancers > * {
            flex-basis: clamp(220px, 25vw, 260px);
        }

        .ha-carousel__track--portfolio > * {
            flex-basis: clamp(240px, 28vw, 300px);
        }

        .ha-carousel__track--spaces > * {
            flex-basis: clamp(270px, 32vw, 340px);
        }

        .ha-carousel__controls {
            display: flex;
            justify-content: flex-end;
            gap: .55rem;
            margin-top: .2rem;
        }

        .ha-carousel__controls[hidden] {
            display: none;
        }

        [dir="rtl"] .ha-carousel__button i {
            transform: rotate(180deg);
        }

        .ha-carousel__button {
            display: inline-grid;
            width: 42px;
            height: 42px;
            place-items: center;
            border: 1px solid #dfe1ed;
            border-radius: 6px;
            background: #fff;
            color: var(--ha-primary);
            cursor: pointer;
            transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
        }

        .ha-carousel__button:hover:not(:disabled) {
            transform: translateY(-1px);
            border-color: #c9caff;
            background: #f7f7ff;
        }

        .ha-carousel__button:disabled {
            color: #a4a8b7;
            cursor: not-allowed;
            opacity: .58;
        }

        .ha-market .ha-carousel__track--freelancers .home-talent-card {
            display: block;
            min-height: 100%;
            overflow: hidden;
            border: 1px solid var(--ha-line);
            border-radius: 10px;
            background: #fff;
            color: var(--ha-ink);
            text-decoration: none;
        }

        .ha-carousel__track--freelancers .home-talent-card__cover {
            height: 82px;
            background:
                radial-gradient(circle at 76% 18%, rgba(6, 182, 212, .55), transparent 28%),
                linear-gradient(125deg, #5b5bf0, #9e7bf6 58%, #b6eef3);
        }

        .ha-carousel__track--freelancers .home-talent-card__body {
            padding: 0 1rem 1.1rem;
            text-align: center;
        }

        .ha-carousel__track--freelancers .home-talent-card__avatar-wrap {
            position: relative;
            width: 76px;
            height: 76px;
            margin: -38px auto .65rem;
            border: 4px solid #fff;
            border-radius: 50%;
            background: #eef0fa;
        }

        .ha-carousel__track--freelancers .home-talent-card__avatar {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
        }

        .ha-carousel__track--freelancers .home-talent-card__status {
            position: absolute;
            right: 2px;
            bottom: 3px;
            width: 12px;
            height: 12px;
            border: 2px solid #fff;
            border-radius: 50%;
            background: #22a976;
        }

        .ha-carousel__track--freelancers .home-talent-card__name,
        .ha-carousel__track--freelancers .home-talent-card__title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .ha-carousel__track--freelancers .home-talent-card__name {
            margin: 0;
            font-size: .98rem;
        }

        .ha-carousel__track--freelancers .home-talent-card__title {
            margin: .35rem 0;
            color: var(--ha-muted);
            font-size: .8rem;
        }

        .ha-carousel__track--freelancers .home-talent-card__rating {
            display: inline-flex;
            gap: .25rem;
            color: #b97916;
            font-size: .78rem;
        }

        .ha-carousel__track--freelancers .home-talent-card__link {
            display: block;
            margin-top: .8rem;
            color: var(--ha-primary);
            font-size: .8rem;
            font-weight: 750;
        }

        .ha-portfolio-card {
            display: block;
            overflow: hidden;
            border: 1px solid var(--ha-line);
            border-radius: 8px;
            background: #fff;
            color: inherit;
            text-decoration: none;
        }

        .ha-portfolio-card__media {
            display: grid;
            height: 190px;
            overflow: hidden;
            place-items: center;
            background:
                radial-gradient(circle at 78% 24%, rgba(6, 182, 212, .25), transparent 35%),
                linear-gradient(135deg, #eeedff, #f8fbff);
            color: var(--ha-primary);
            font-size: 2rem;
        }

        .ha-portfolio-card__media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .ha-portfolio-card__body {
            padding: .9rem 1rem 1rem;
        }

        .ha-portfolio-card__body h3 {
            margin: 0;
            font-size: .95rem;
        }

        .ha-portfolio-card__body p {
            margin: .4rem 0;
            color: var(--ha-muted);
            font-size: .8rem;
            line-height: 1.55;
        }

        .ha-portfolio-card__author {
            display: flex;
            align-items: center;
            gap: .45rem;
            color: var(--ha-muted);
            font-size: .75rem;
        }

        .ha-portfolio-card__author img {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            object-fit: cover;
        }

        .ha-journey-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1rem;
        }

        .ha-journey {
            position: relative;
            overflow: hidden;
            min-height: 100%;
            padding: clamp(1.3rem, 3vw, 2rem);
            border: 1px solid rgba(112, 115, 206, .15);
            border-radius: 10px;
            background:
                radial-gradient(ellipse at 100% 0, rgba(91, 91, 240, .13), transparent 42%),
                #fff;
            box-shadow: 0 16px 38px rgba(48, 52, 113, .06);
        }

        .ha-journey--creator {
            background:
                radial-gradient(ellipse at 0 100%, rgba(6, 182, 212, .13), transparent 43%),
                #fff;
        }

        .ha-journey h3 {
            margin: .25rem 0 .55rem;
            font-size: clamp(1.2rem, 2vw, 1.55rem);
        }

        .ha-journey p {
            color: var(--ha-muted);
            line-height: 1.7;
        }

        .ha-journey ol {
            display: grid;
            gap: .65rem;
            margin: 1rem 0 1.2rem;
            padding-inline-start: 1.35rem;
            color: #444a61;
            font-size: .87rem;
            line-height: 1.55;
        }

        .ha-journey li::marker {
            color: var(--ha-primary);
            font-weight: 800;
        }

        .ha-info-panels {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
        }

        .ha-info-panel {
            padding: 1.25rem;
            border: 1px solid rgba(112, 115, 206, .16);
            border-radius: 8px;
            background: linear-gradient(145deg, #fff, #f7f7ff);
        }

        .ha-info-panel__icon {
            display: grid;
            width: 40px;
            height: 40px;
            margin-bottom: .7rem;
            place-items: center;
            border-radius: 7px;
            background: linear-gradient(140deg, #eeeeff, #e5fafd);
            color: var(--ha-primary);
        }

        .ha-info-panel h3 {
            margin: 0 0 .4rem;
            font-size: 1rem;
        }

        .ha-info-panel p {
            margin: 0;
            color: var(--ha-muted);
            font-size: .84rem;
            line-height: 1.65;
        }

        .ha-blog-card {
            overflow: hidden;
            border: 1px solid var(--ha-line);
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 8px 24px rgba(40, 45, 98, .04);
        }

        .ha-blog-card__media {
            display: block;
            height: 170px;
            overflow: hidden;
            background:
                radial-gradient(circle at 75% 22%, rgba(6, 182, 212, .25), transparent 34%),
                linear-gradient(135deg, #eeedff, #f8fbff);
        }

        .ha-blog-card__media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .ha-blog-card__placeholder {
            display: grid;
            width: 100%;
            height: 100%;
            place-items: center;
            color: var(--ha-primary);
            font-size: 1.8rem;
        }

        .ha-blog-card__body {
            padding: 1rem;
        }

        .ha-blog-card__body h3 {
            margin: 0;
            font-size: .98rem;
            line-height: 1.45;
        }

        .ha-blog-card__body h3 a {
            color: var(--ha-ink);
            text-decoration: none;
        }

        .ha-blog-card__body p {
            min-height: 3.2em;
            margin: .55rem 0 .85rem;
            color: var(--ha-muted);
            font-size: .82rem;
            line-height: 1.6;
        }

        .ha-blog-card__body .ha-link {
            min-height: 38px;
            font-size: .78rem;
        }

        .ha-faq {
            display: grid;
            gap: .7rem;
            max-width: 900px;
        }

        .ha-faq__item {
            padding: 1rem 1.15rem;
            border: 1px solid var(--ha-line);
            border-radius: 7px;
            background: #fff;
        }

        .ha-faq__item summary {
            color: var(--ha-ink);
            cursor: pointer;
            font-weight: 750;
            line-height: 1.6;
        }

        .ha-faq__item summary::marker {
            color: var(--ha-primary);
        }

        .ha-faq__item p {
            margin: .75rem 0 0;
            color: var(--ha-muted);
            line-height: 1.7;
        }

        .ha-demo__reduced-motion {
            display: none;
        }

        .ha-card-grid .home-card-v2 {
            height: 100%;
            overflow: hidden;
            border: 1px solid var(--ha-line);
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 5px 18px rgba(30, 35, 75, .035);
            transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
        }

        .ha-card-grid .home-card-v2:hover {
            transform: translateY(-3px);
            border-color: #d3d4ff;
            box-shadow: 0 14px 32px rgba(30, 35, 75, .10);
        }

        .ha-card-grid .home-card-v2__media {
            display: block;
            height: 180px;
            overflow: hidden;
            background: linear-gradient(135deg, #f3f2ff, #e8f9fb);
        }

        .ha-card-grid .home-card-v2__img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .4s ease;
        }

        .ha-card-grid .home-card-v2:hover .home-card-v2__img {
            transform: scale(1.04);
        }

        .ha-card-grid .home-card-v2__body {
            padding: 1rem;
        }

        .ha-card-grid .home-card-v2__badge {
            display: inline-block;
            margin-bottom: .55rem;
            padding: .28rem .48rem;
            border-radius: 4px;
            background: #f1f1ff;
            color: #4d4ec6;
            font-size: .69rem;
            font-weight: 750;
        }

        .ha-card-grid .home-card-v2__title {
            min-height: 2.6em;
            margin: 0 0 .45rem;
            font-size: .98rem;
            font-weight: 780;
            line-height: 1.35;
        }

        .ha-card-grid .home-card-v2__title a {
            color: var(--ha-ink);
            text-decoration: none;
        }

        .ha-card-grid .home-card-v2__title a:hover {
            color: var(--ha-primary);
        }

        .ha-card-grid .home-card-v2__desc {
            min-height: 2.8em;
            margin: 0 0 .85rem;
            color: var(--ha-muted);
            font-size: .81rem;
            line-height: 1.55;
        }

        .ha-card-grid .home-card-v2__footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: .5rem;
            padding-top: .7rem;
            border-top: 1px solid var(--ha-line);
        }

        .ha-card-grid .home-card-v2__price {
            color: var(--ha-primary) !important;
            font-size: .89rem;
            font-weight: 800;
        }

        .ha-card-grid .home-card-v2__footer small {
            color: var(--ha-muted);
            font-size: .72rem;
            text-align: end;
        }

        .ha-card-grid .home-card-v2__media--placeholder {
            display: grid;
            place-items: center;
            color: var(--ha-primary);
            font-size: 2rem;
        }

        .ha-service-card {
            display: flex;
            min-width: 0;
            flex-direction: column;
            overflow: hidden;
            border: 1px solid var(--ha-line);
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 5px 18px rgba(30, 35, 75, .035);
            transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
        }

        .ha-service-card:hover {
            transform: translateY(-3px);
            border-color: #d3d4ff;
            box-shadow: 0 14px 32px rgba(30, 35, 75, .10);
        }

        .ha-service-card__image {
            display: block;
            height: 185px;
            overflow: hidden;
            background: linear-gradient(135deg, #f3f2ff, #e8f9fb);
        }

        .ha-service-card__image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .4s ease;
        }

        .ha-service-card:hover .ha-service-card__image img {
            transform: scale(1.04);
        }

        .ha-service-card__placeholder {
            display: grid;
            height: 185px;
            place-items: center;
            background: linear-gradient(135deg, #f1f0ff, #e8f9fb);
            color: var(--ha-primary);
            font-size: 2rem;
        }

        .ha-service-card__body {
            display: flex;
            flex: 1;
            flex-direction: column;
            padding: 1rem;
        }

        .ha-service-card__category {
            align-self: start;
            margin-bottom: .55rem;
            padding: .28rem .5rem;
            border-radius: 4px;
            background: #f1f1ff;
            color: #4d4ec6;
            font-size: .69rem;
            font-weight: 750;
        }

        .ha-service-card h3 {
            margin: 0 0 .4rem;
            font-size: .98rem;
            font-weight: 780;
            line-height: 1.4;
        }

        .ha-service-card h3 a {
            color: var(--ha-ink);
            text-decoration: none;
        }

        .ha-service-card h3 a:hover {
            color: var(--ha-primary);
        }

        .ha-service-card__description {
            display: -webkit-box;
            min-height: 3.2em;
            margin: 0 0 .9rem;
            overflow: hidden;
            color: var(--ha-muted);
            font-size: .81rem;
            line-height: 1.6;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .ha-service-card__meta {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: .5rem;
            margin-top: auto;
            padding-block: .72rem;
            border-top: 1px solid var(--ha-line);
            color: var(--ha-muted);
            font-size: .74rem;
        }

        .ha-service-card__meta span {
            display: flex;
            min-width: 0;
            align-items: center;
            gap: .4rem;
        }

        .ha-service-card__meta span:last-child {
            justify-content: end;
            text-align: end;
        }

        .ha-service-card__meta i {
            color: var(--ha-primary);
        }

        .ha-service-card__footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: .65rem;
            padding-top: .75rem;
            border-top: 1px solid var(--ha-line);
        }

        .ha-service-card__price {
            color: var(--ha-primary);
            font-size: .94rem;
            font-weight: 820;
        }

        .ha-service-card__footer .ha-link {
            min-height: 37px;
            padding: .45rem .65rem;
            font-size: .76rem;
        }

        .ha-empty {
            padding: 1.5rem;
            border: 1px dashed #d8dbe6;
            border-radius: 7px;
            background: #fff;
            color: var(--ha-muted);
            line-height: 1.65;
        }

        .ha-demo {
            overflow: hidden;
            background:
                radial-gradient(ellipse at 6% 10%, rgba(6, 182, 212, .09), transparent 35%),
                radial-gradient(ellipse at 90% 92%, rgba(91, 91, 240, .08), transparent 34%),
                #f8f9fd;
        }

        .ha-demo__intro {
            max-width: 820px;
            margin-bottom: 1.7rem;
        }

        .ha-demo__intro .ha-description {
            max-width: 75ch;
        }

        .ha-demo__layout {
            display: grid;
            grid-template-columns: minmax(235px, .62fr) minmax(0, 1.38fr);
            gap: clamp(1.2rem, 3vw, 2.6rem);
            align-items: center;
        }

        .ha-demo__unit {
            position: relative;
            padding: clamp(.85rem, 2vw, 1.35rem);
            margin-block: 1.4rem;
            border: 1px solid rgba(115, 124, 166, .13);
            border-radius: 12px;
            background: linear-gradient(115deg, rgba(255,255,255,.82), rgba(247,249,255,.72));
        }

        .ha-demo__unit[data-demo-kind="freelancer"] {
            background: linear-gradient(115deg, rgba(237, 250, 252, .9), rgba(255,255,255,.82));
        }

        .ha-demo__unit[data-demo-kind="service"] {
            background: linear-gradient(115deg, rgba(247, 242, 255, .92), rgba(255,255,255,.84));
        }

        .ha-demo__unit[data-demo-kind="product"] {
            background: linear-gradient(115deg, rgba(242, 246, 255, .92), rgba(255,255,255,.84));
        }

        .ha-demo__story {
            padding: clamp(1.15rem, 2.4vw, 1.7rem);
            border: 1px solid var(--ha-line);
            border-radius: 8px;
            background: rgba(255,255,255,.93);
        }

        .ha-demo__story-label {
            display: inline-flex;
            align-items: center;
            gap: .45rem;
            color: var(--ha-primary);
            font-size: .72rem;
            font-weight: 820;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        [dir="rtl"] .ha-demo__story-label {
            letter-spacing: 0;
        }

        .ha-demo__story h3 {
            min-height: 2.5em;
            margin: .7rem 0 .5rem;
            font-size: clamp(1.2rem, 2vw, 1.58rem);
            font-weight: 800;
            line-height: 1.35;
        }

        .ha-demo__story p {
            min-height: 6em;
            margin: 0;
            color: var(--ha-muted);
            font-size: .87rem;
            line-height: 1.75;
        }

        .ha-demo__progress {
            height: 3px;
            margin: 1.2rem 0;
            overflow: hidden;
            background: #eceef5;
        }

        .ha-demo__progress span {
            display: block;
            width: 0;
            height: 100%;
            background: linear-gradient(90deg, var(--ha-primary), var(--ha-cyan));
            transition: width .45s ease;
        }

        .ha-demo__unit.is-playing .ha-demo__progress span {
            width: var(--demo-progress, 10%);
        }

        .ha-demo__summary {
            display: grid;
            gap: .55rem;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .ha-demo__summary li {
            display: flex;
            align-items: start;
            gap: .55rem;
            color: #4c5369;
            font-size: .78rem;
            line-height: 1.5;
        }

        .ha-demo__summary i {
            flex: 0 0 auto;
            margin-top: .15rem;
            color: var(--ha-cyan);
        }

        .ha-demo__actions {
            display: flex;
            justify-content: space-between;
            gap: .8rem;
            align-items: center;
            margin-top: 1.2rem;
        }

        .ha-demo__actions small {
            color: var(--ha-muted);
            font-size: .72rem;
            line-height: 1.5;
        }

        .ha-demo__story .ha-demo__step-caption {
            min-height: 3.2em;
            margin-top: .55rem;
            padding-inline-start: .7rem;
            border-inline-start: 2px solid var(--ha-cyan);
            font-size: .78rem;
        }

        .ha-image-fallback {
            display: grid;
            min-height: 100%;
            place-content: center;
            justify-items: center;
            gap: .45rem;
            padding: .8rem;
            background:
                radial-gradient(circle at 75% 22%, rgba(6, 182, 212, .22), transparent 34%),
                linear-gradient(135deg, #f1efff, #eaf8fb);
            color: #5558a7;
            font-size: .74rem;
            font-weight: 700;
            text-align: center;
        }

        .ha-image-fallback i {
            font-size: 1.45rem;
        }

        .ha-demo__product-image .ha-image-fallback {
            width: 100%;
            height: 100%;
            min-height: 0;
            padding: 0;
            font-size: 0;
        }

        .ha-demo__product-image .ha-image-fallback i {
            font-size: 1.15rem;
        }

        .ha-demo__replay {
            display: inline-flex;
            min-height: 36px;
            align-items: center;
            gap: .4rem;
            padding: .45rem .65rem;
            border: 1px solid var(--ha-line);
            border-radius: 5px;
            background: #fff;
            color: var(--ha-primary);
            font-size: .75rem;
            font-weight: 750;
            cursor: pointer;
        }

        .ha-demo__replay:hover {
            border-color: var(--ha-primary);
            background: #f7f7ff;
        }

        .ha-demo__frame {
            min-width: 0;
            overflow: hidden;
            border: 1px solid #dfe2ec;
            border-radius: 9px;
            background: #fff;
            box-shadow: 0 20px 55px rgba(34, 39, 82, .12);
        }

        .ha-demo__bar {
            display: flex;
            min-height: 49px;
            align-items: center;
            justify-content: space-between;
            gap: .8rem;
            padding: .65rem .9rem;
            border-bottom: 1px solid var(--ha-line);
            background: #fff;
        }

        .ha-demo__brand {
            display: flex;
            align-items: center;
            gap: .55rem;
            font-size: .78rem;
            font-weight: 820;
        }

        .ha-demo__brand-mark {
            display: grid;
            width: 25px;
            height: 25px;
            place-items: center;
            border-radius: 5px;
            background: var(--ha-primary);
            color: #fff;
            font-size: .75rem;
        }

        .ha-demo__preview {
            padding: .25rem .45rem;
            border: 1px solid #dadaff;
            border-radius: 4px;
            background: #f2f2ff;
            color: #4d4ec6;
            font-size: .66rem;
            font-weight: 750;
        }

        .ha-demo__tabs {
            display: flex;
            gap: .2rem;
            overflow: hidden;
            padding: .45rem .65rem;
            border-bottom: 1px solid var(--ha-line);
            background: #fff;
        }

        .ha-demo__tab {
            padding: .37rem .55rem;
            border-radius: 4px;
            color: #697087;
            font-size: .68rem;
            font-weight: 700;
            white-space: nowrap;
        }

        .ha-demo__tab.is-current {
            background: #f1f1ff;
            color: var(--ha-primary);
        }

        .ha-demo__viewport {
            position: relative;
            min-height: 405px;
            overflow: hidden;
            padding: 1rem;
            background:
                linear-gradient(rgba(225, 228, 239, .48) 1px, transparent 1px),
                linear-gradient(90deg, rgba(225, 228, 239, .48) 1px, transparent 1px),
                #f8f9fd;
            background-size: 24px 24px;
        }

        .ha-demo__application {
            --demo-zoom: 1;
            --demo-pan-x: 0px;
            --demo-pan-y: 0px;
            min-height: 370px;
            transform: translate3d(var(--demo-pan-x), var(--demo-pan-y), 0) scale(var(--demo-zoom));
            transform-origin: center;
            transition: transform .7s cubic-bezier(.2,.75,.22,1);
        }

        .ha-demo__scene {
            display: none;
            min-height: 370px;
            padding: clamp(.85rem, 2vw, 1.25rem);
            border: 1px solid #e1e4ee;
            border-radius: 7px;
            background: #fff;
            box-shadow: 0 8px 28px rgba(25, 30, 66, .07);
        }

        .ha-demo__scene.is-active {
            display: block;
            animation: ha-demo-enter .32s ease both;
        }

        @keyframes ha-demo-enter {
            from { opacity: .7; transform: translateY(5px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .ha-demo__screen-head {
            display: flex;
            align-items: start;
            justify-content: space-between;
            gap: .8rem;
            margin-bottom: 1rem;
            padding-bottom: .7rem;
            border-bottom: 1px solid var(--ha-line);
        }

        .ha-demo__screen-head h4 {
            margin: .22rem 0 0;
            font-size: .98rem;
            font-weight: 800;
        }

        .ha-demo__screen-head small {
            color: var(--ha-muted);
            font-size: .67rem;
            font-weight: 750;
        }

        .ha-demo__state {
            display: inline-flex;
            min-height: 25px;
            align-items: center;
            gap: .35rem;
            padding: .28rem .48rem;
            border: 1px solid #d9e8f4;
            border-radius: 4px;
            background: #f0fbfd;
            color: #167588;
            font-size: .65rem;
            font-weight: 760;
            white-space: nowrap;
        }

        .ha-demo__state::before {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--ha-cyan);
            content: "";
        }

        .ha-demo__search {
            display: flex;
            align-items: center;
            gap: .5rem;
            margin-bottom: .75rem;
            padding: .5rem .65rem;
            border: 1px solid #dfe2ed;
            border-radius: 5px;
            color: var(--ha-muted);
            font-size: .72rem;
        }

        .ha-demo__search input,
        .ha-demo__field input,
        .ha-demo__field textarea {
            width: 100%;
            min-width: 0;
            border: 0;
            outline: none;
            color: var(--ha-ink);
            font-size: .73rem;
        }

        .ha-demo__project-row,
        .ha-demo__proposal,
        .ha-demo__milestone,
        .ha-demo__listing {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: .7rem;
            padding: .65rem;
            border: 1px solid var(--ha-line);
            border-radius: 5px;
            background: #fff;
        }

        .ha-demo__project-row + .ha-demo__project-row,
        .ha-demo__proposal + .ha-demo__proposal,
        .ha-demo__milestone + .ha-demo__milestone,
        .ha-demo__listing + .ha-demo__listing {
            margin-top: .5rem;
        }

        .ha-demo__project-row.is-selected,
        .ha-demo__proposal.is-selected,
        .ha-demo__target.is-highlighted {
            border-color: #aaaaff;
            background: #f7f7ff;
            box-shadow: 0 0 0 3px rgba(91, 91, 240, .09);
        }

        .ha-demo__project-copy,
        .ha-demo__proposal-copy,
        .ha-demo__listing-copy {
            min-width: 0;
        }

        .ha-demo__project-copy strong,
        .ha-demo__project-copy small,
        .ha-demo__proposal-copy strong,
        .ha-demo__proposal-copy small,
        .ha-demo__listing-copy strong,
        .ha-demo__listing-copy small {
            display: block;
        }

        .ha-demo__project-copy strong,
        .ha-demo__proposal-copy strong,
        .ha-demo__listing-copy strong {
            overflow: hidden;
            font-size: .74rem;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .ha-demo__project-copy small,
        .ha-demo__proposal-copy small,
        .ha-demo__listing-copy small {
            margin-top: .18rem;
            color: var(--ha-muted);
            font-size: .66rem;
        }

        .ha-demo__mini-action {
            display: inline-flex;
            min-height: 30px;
            flex: 0 0 auto;
            align-items: center;
            justify-content: center;
            padding: .38rem .55rem;
            border: 1px solid #dedfff;
            border-radius: 4px;
            background: #f4f4ff;
            color: var(--ha-primary);
            font-size: .65rem;
            font-weight: 760;
            white-space: nowrap;
            text-decoration: none;
        }

        .ha-demo__form {
            display: grid;
            gap: .6rem;
        }

        .ha-demo__field {
            display: grid;
            gap: .28rem;
        }

        .ha-demo__field label {
            color: #555b70;
            font-size: .66rem;
            font-weight: 760;
        }

        .ha-demo__field input,
        .ha-demo__field textarea {
            min-height: 34px;
            padding: .45rem .55rem;
            border: 1px solid #dfe2ed;
            border-radius: 4px;
            background: #fff;
        }

        .ha-demo__field textarea {
            min-height: 52px;
            resize: none;
        }

        .ha-demo__form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: .55rem;
        }

        .ha-demo__form-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: .7rem;
        }

        .ha-demo__form-actions small {
            color: var(--ha-muted);
            font-size: .64rem;
        }

        .ha-demo__profile {
            display: none;
            margin-top: .55rem;
            padding: .7rem;
            border-inline-start: 2px solid var(--ha-cyan);
            background: #f3fbfc;
        }

        .ha-demo__profile.is-visible {
            display: block;
        }

        .ha-demo__profile strong {
            display: block;
            margin-bottom: .25rem;
            font-size: .73rem;
        }

        .ha-demo__profile p {
            margin: 0 0 .55rem;
            color: var(--ha-muted);
            font-size: .66rem;
            line-height: 1.5;
        }

        .ha-demo__milestone {
            justify-content: start;
        }

        .ha-demo__milestone-index {
            display: grid;
            width: 27px;
            height: 27px;
            flex: 0 0 auto;
            place-items: center;
            border-radius: 4px;
            background: #f1f1ff;
            color: var(--ha-primary);
            font-size: .68rem;
            font-weight: 800;
        }

        .ha-demo__milestone-copy {
            flex: 1;
            min-width: 0;
        }

        .ha-demo__milestone-copy strong,
        .ha-demo__milestone-copy small {
            display: block;
        }

        .ha-demo__milestone-copy strong {
            font-size: .72rem;
        }

        .ha-demo__milestone-copy small {
            margin-top: .15rem;
            color: var(--ha-muted);
            font-size: .64rem;
        }

        .ha-demo__progress-track {
            height: 5px;
            margin: .7rem 0;
            overflow: hidden;
            border-radius: 5px;
            background: #eceef5;
        }

        .ha-demo__progress-track span {
            display: block;
            width: 55%;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, var(--ha-primary), var(--ha-cyan));
            transition: width .6s ease;
        }

        .ha-demo__progress-track.is-complete span {
            width: 100%;
        }

        .ha-demo__product-image {
            display: grid;
            width: 45px;
            height: 45px;
            flex: 0 0 auto;
            place-items: center;
            overflow: hidden;
            border-radius: 4px;
            background: linear-gradient(145deg, #f0efff, #e9f9fc);
            color: var(--ha-primary);
        }

        .ha-demo__product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .ha-demo__product-detail {
            display: none;
            margin-top: .55rem;
            padding: .65rem;
            border: 1px solid #d8e9f0;
            border-radius: 5px;
            background: #f5fcfd;
            color: #37606b;
            font-size: .68rem;
            line-height: 1.5;
        }

        .ha-demo__product-detail.is-visible {
            display: block;
        }

        .ha-demo__order-preview,
        .ha-demo__checkout-preview {
            display: none;
            gap: .55rem;
            padding: .7rem;
            margin-top: .65rem;
            border: 1px solid var(--ha-line);
            border-radius: 6px;
            background: #f8f9ff;
            color: var(--ha-ink);
            font-size: .75rem;
        }

        .ha-demo__order-preview.is-visible,
        .ha-demo__checkout-preview.is-visible {
            display: grid;
        }

        .ha-demo__order-preview small,
        .ha-demo__checkout-preview small,
        .ha-demo__checkout-preview span {
            color: var(--ha-muted);
            line-height: 1.55;
        }

        .ha-demo__preview-state {
            display: none;
            padding: .45rem;
            border-radius: 4px;
            background: #eefaf4;
            color: #24724d;
        }

        .ha-demo__preview-state.is-visible {
            display: block;
        }

        .ha-demo__cursor {
            position: absolute;
            z-index: 4;
            top: 0;
            left: 0;
            width: 24px;
            height: 30px;
            color: #272946;
            filter: drop-shadow(0 2px 2px rgba(0,0,0,.24));
            pointer-events: none;
            opacity: 0;
            transition: left .65s cubic-bezier(.2,.75,.22,1), top .65s cubic-bezier(.2,.75,.22,1);
        }

        .ha-demo__unit.is-playing .ha-demo__cursor {
            opacity: 1 !important;
        }

        .ha-demo__cursor svg {
            display: block;
            width: 24px;
            height: 30px;
        }

        .ha-demo__cursor.is-clicking {
            transform: scale(.86);
        }

        .ha-demo__notice {
            min-height: 30px;
            padding: .5rem .8rem;
            border-top: 1px solid var(--ha-line);
            background: #fff;
            color: var(--ha-muted);
            font-size: .66rem;
            line-height: 1.4;
        }

        .ha-earn-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: .85rem;
        }

        .ha-earn-card {
            min-height: 190px;
            padding: 1.25rem;
            border: 1px solid var(--ha-line);
            border-radius: 7px;
            background: #fff;
        }

        .ha-earn-card__icon {
            display: grid;
            width: 40px;
            height: 40px;
            margin-bottom: .85rem;
            place-items: center;
            border: 1px solid #e1e1ff;
            border-radius: 6px;
            background: #f3f3ff;
            color: var(--ha-primary);
        }

        .ha-earn-card h3 {
            margin: 0 0 .38rem;
            font-size: 1rem;
            font-weight: 790;
        }

        .ha-earn-card p {
            margin: 0;
            color: var(--ha-muted);
            font-size: .82rem;
            line-height: 1.65;
        }

        .ha-feature-list {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1.3rem 2rem;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .ha-feature-list li {
            display: flex;
            align-items: start;
            gap: .8rem;
        }

        .ha-feature-list__icon {
            display: grid;
            width: 34px;
            height: 34px;
            flex: 0 0 auto;
            place-items: center;
            border-radius: 5px;
            background: #f2f2ff;
            color: var(--ha-primary);
        }

        .ha-feature-list strong,
        .ha-feature-list small {
            display: block;
        }

        .ha-feature-list strong {
            font-size: .89rem;
        }

        .ha-feature-list small {
            margin-top: .22rem;
            color: var(--ha-muted);
            font-size: .78rem;
            line-height: 1.55;
        }

        .ha-final-cta {
            padding-block: clamp(2.5rem, 5vw, 4.3rem);
            background: linear-gradient(110deg, #f5f4ff, #f1fbfc);
        }

        .ha-final-cta__inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1.5rem;
        }

        .ha-final-cta h2 {
            margin: 0;
            font-size: clamp(1.5rem, 3vw, 2.2rem);
            font-weight: 800;
        }

        .ha-final-cta p {
            max-width: 65ch;
            margin: .5rem 0 0;
            color: var(--ha-muted);
            line-height: 1.7;
        }

        .ha-final-cta__actions {
            display: flex;
            flex-wrap: wrap;
            flex: 0 0 auto;
            gap: .55rem;
        }

        @media (max-width: 1000px) {
            .ha-card-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .ha-info-panels {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .ha-demo__layout {
                grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
            }
        }

        @media (min-width: 992px) and (max-width: 1199.98px) {
            body:has(.ha-market) .navbar-expand-lg .container {
                flex-wrap: wrap;
            }

            body:has(.ha-market) .navbar-expand-lg .navbar-toggler {
                display: block !important;
            }

            body:has(.ha-market) .navbar-expand-lg .navbar-collapse:not(.show) {
                display: none !important;
            }

            body:has(.ha-market) .navbar-expand-lg .navbar-collapse.show {
                display: flex !important;
                flex-basis: 100%;
            }
        }

        @media (max-width: 991.98px) {
            .ha-market .ha-hero__grid {
                grid-template-columns: minmax(0, 1fr);
            }

            .ha-market .ha-hero__media {
                order: -1;
                margin-bottom: 1rem;
            }

            .ha-market .ha-float-chip--escrow {
                top: -1rem;
                inset-inline-start: .5rem;
            }

            .ha-market .ha-float-chip--rating {
                bottom: -1rem;
                inset-inline-end: .5rem;
            }
        }

        @media (max-width: 760px) {
            .ha-wrap {
                width: min(100% - 30px, 620px);
            }

            .ha-hero__grid {
                grid-template-columns: minmax(0, 1fr);
            }

            .ha-hero__snapshot {
                max-width: 560px;
            }

            .ha-head {
                align-items: start;
                flex-direction: column;
                gap: .8rem;
            }

            .ha-demo__layout {
                grid-template-columns: minmax(0, 1fr);
            }

            .ha-journey-grid {
                grid-template-columns: minmax(0, 1fr);
            }

            .ha-demo__story {
                order: 1;
            }

            .ha-demo__frame {
                order: 0;
            }

            .ha-demo__viewport {
                min-height: 390px;
                padding: .65rem;
            }

            .ha-demo__application,
            .ha-demo__scene {
                min-height: 355px;
            }

            .ha-demo__scene {
                padding: .75rem;
            }

            .ha-demo__screen-head {
                margin-bottom: .7rem;
            }

            .ha-demo__screen-head h4 {
                font-size: .85rem;
            }

            .ha-demo__project-row,
            .ha-demo__proposal,
            .ha-demo__milestone,
            .ha-demo__listing {
                gap: .45rem;
                padding: .55rem;
            }

            .ha-demo__project-copy strong,
            .ha-demo__proposal-copy strong,
            .ha-demo__listing-copy strong {
                font-size: .69rem;
            }

            .ha-earn-grid,
            .ha-feature-list {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .ha-final-cta__inner {
                align-items: start;
                flex-direction: column;
            }
        }

        @media (max-width: 480px) {
            .ha-search__icon {
                width: 34px;
            }

            .ha-search input {
                font-size: .82rem;
            }

            .ha-search button {
                min-width: 78px;
                padding-inline: .55rem;
            }

            .ha-card-grid,
            .ha-earn-grid,
            .ha-feature-list,
            .ha-info-panels {
                grid-template-columns: minmax(0, 1fr);
            }

            .ha-carousel__track > * {
                flex-basis: min(84vw, 300px);
            }

            .ha-card-grid .home-card-v2__media,
            .ha-service-card__image,
            .ha-service-card__placeholder {
                height: 200px;
            }

            .ha-demo__tabs {
                gap: 0;
                padding-inline: .35rem;
            }

            .ha-demo__tab {
                padding-inline: .35rem;
                font-size: .61rem;
            }

            .ha-demo__preview {
                font-size: .58rem;
            }

            .ha-demo__form-row {
                grid-template-columns: minmax(0, 1fr);
                gap: .45rem;
            }

            .ha-demo__viewport {
                min-height: 410px;
            }

            .ha-demo__application,
            .ha-demo__scene {
                min-height: 375px;
            }

            .ha-demo__actions {
                align-items: start;
                flex-direction: column;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .ha-market *,
            .ha-market *::before,
            .ha-market *::after {
                scroll-behavior: auto !important;
                animation-duration: .01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: .01ms !important;
            }

            .ha-demo__cursor {
                display: none !important;
            }

            .ha-demo__reduced-motion {
                display: inline !important;
            }
        }

        .home-market-nav {
            z-index: 1030;
        }

        .home-market-nav > .container {
            width: min(100% - 32px, 1480px);
            max-width: none;
        }

        .home-market-nav .navbar-brand {
            flex: 0 0 auto;
            margin-inline-end: clamp(.8rem, 1.5vw, 1.5rem);
            font-size: 1.28rem !important;
            white-space: nowrap;
        }

        .home-market-nav .navbar-collapse {
            min-width: 0;
        }

        .home-market-nav .navbar-nav {
            min-width: 0;
        }

        .home-market-nav .nav-link {
            white-space: nowrap;
        }

        @media (min-width: 1400px) {
            .home-market-nav .navbar-collapse {
                display: flex !important;
                flex: 1 1 auto;
                align-items: center;
                justify-content: space-between;
                gap: .45rem;
            }

            .home-market-nav .navbar-nav:not(.home-nav-actions) {
                flex-direction: row;
                flex-wrap: nowrap;
                gap: .05rem;
            }

            .home-market-nav .navbar-nav:not(.home-nav-actions) .nav-link {
                padding-inline: clamp(.32rem, .42vw, .58rem);
                font-size: clamp(.75rem, .78vw, .88rem);
            }

            .home-market-nav .home-nav-actions {
                flex: 0 0 auto;
                margin-inline-start: .4rem;
            }
        }

        @media (min-width: 1200px) and (max-width: 1399.98px) {
            .home-market-nav .navbar-collapse {
                display: flex !important;
                flex: 1 1 auto;
                align-items: center;
                justify-content: space-between;
                gap: .15rem;
            }

            .home-market-nav .navbar-nav:not(.home-nav-actions) {
                flex-direction: row;
                flex-wrap: nowrap;
                gap: 0;
            }

            .home-market-nav .navbar-nav:not(.home-nav-actions) .nav-link {
                padding-inline: .28rem;
                font-size: .73rem;
            }

            .home-market-nav .navbar-brand {
                margin-inline-end: .6rem;
                font-size: 1.12rem !important;
            }

            .home-market-nav .home-nav-actions {
                flex: 0 0 auto;
                margin-inline-start: .2rem;
            }
        }

        @media (min-width: 992px) and (max-width: 1199.98px) {
            .home-market-nav > .container {
                flex-wrap: wrap;
            }

            .home-market-nav .navbar-toggler {
                display: block !important;
                margin-inline-start: auto;
            }

            .home-market-nav .navbar-collapse:not(.show) {
                display: none !important;
            }

            .home-market-nav .navbar-collapse.show {
                display: flex !important;
                flex: 1 0 100%;
                flex-wrap: wrap;
                padding-top: .75rem;
            }

            .home-market-nav .navbar-nav:not(.home-nav-actions) {
                flex: 1 1 100%;
                flex-direction: row;
                flex-wrap: wrap;
                gap: .1rem .25rem;
            }

            .home-market-nav .navbar-nav:not(.home-nav-actions) .nav-link {
                padding: .45rem .5rem;
                font-size: .86rem;
            }

            .home-market-nav .home-nav-actions {
                margin-inline-start: 0;
            }
        }

        .ha-hero__copy,
        .ha-hero__media {
            min-width: 0;
        }

        .ha-hero__actions .ha-link--watch {
            border-color: rgba(91, 91, 240, .24);
            color: var(--ha-primary) !important;
        }

        .ha-hero__media .home-cinema {
            width: min(100%, 740px);
            max-width: 660px;
            margin-inline: auto;
        }

        .ha-hero__media .home-cinema__shell {
            border-color: rgba(91, 91, 240, .17);
            box-shadow: 0 28px 75px rgba(34, 39, 82, .18);
        }

        .ha-market .ha-faq {
            width: 100%;
            max-width: none;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            align-items: start;
        }

        .ha-market .ha-wrap--faq {
            width: min(1200px, calc(100% - 40px));
        }

        .ha-market .ha-faq__item {
            height: 100%;
        }

        .ha-freelancer-card {
            display: flex !important;
            height: 100%;
            min-height: 270px;
            flex-direction: column;
        }

        .ha-freelancer-card .home-talent-card__cover {
            flex: 0 0 66px;
            height: 66px;
        }

        .ha-freelancer-card .home-talent-card__body {
            display: flex;
            flex: 1 1 auto;
            flex-direction: column;
            align-items: center;
            padding: 0 1rem 1rem;
        }

        .ha-freelancer-card__avatar {
            position: relative;
            display: block;
            width: 76px;
            height: 76px;
            flex: 0 0 76px;
            margin: -38px auto .65rem;
            overflow: visible;
            border: 4px solid #fff;
            border-radius: 50%;
            background: #eef0fa;
        }

        .ha-freelancer-card__avatar img {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
        }

        .ha-freelancer-card .home-talent-card__title {
            min-height: 2.4em;
            white-space: normal;
            line-height: 1.45;
        }

        .ha-freelancer-card .home-talent-card__link {
            margin-top: auto;
            padding-top: .6rem;
        }

        .ha-portfolio-card__media {
            position: relative;
            aspect-ratio: 16 / 10;
            height: auto;
            min-height: 190px;
        }

        .ha-portfolio-card__media > img,
        .ha-portfolio-card__media > video {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            inset: 0;
            object-fit: cover;
        }

        .ha-portfolio-card__play,
        .ha-portfolio-card__audio,
        .ha-portfolio-card__type {
            position: absolute;
            z-index: 1;
        }

        .ha-portfolio-card__play {
            inset: 0;
            display: grid;
            place-items: center;
            color: #fff;
            font-size: 2.5rem;
            text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
        }

        .ha-portfolio-card__audio {
            inset: 0;
            display: grid;
            align-content: center;
            justify-items: center;
            gap: .8rem;
            font-size: 1.8rem;
        }

        .ha-portfolio-card__wave {
            display: flex;
            height: 28px;
            align-items: center;
            gap: 4px;
        }

        .ha-portfolio-card__wave i {
            width: 3px;
            height: 55%;
            border-radius: 3px;
            background: currentColor;
        }

        .ha-portfolio-card__wave i:nth-child(2n) {
            height: 100%;
        }

        .ha-portfolio-card__wave i:nth-child(3n) {
            height: 72%;
        }

        .ha-portfolio-card__type {
            inset: auto auto .7rem .7rem;
            padding: .28rem .52rem;
            border: 1px solid rgba(255,255,255,.4);
            border-radius: 4px;
            background: rgba(27, 30, 52, .78);
            color: #fff;
            font-size: .68rem;
            font-weight: 750;
        }

        [dir="rtl"] .ha-portfolio-card__type {
            right: .7rem;
            left: auto;
        }

        .ha-demo--distributed {
            padding-block: 1rem;
        }

        .ha-demo--distributed .ha-demo__unit {
            margin-block: 0;
        }

        .ha-demo__mount-label {
            margin: 0 0 .45rem;
            color: var(--ha-primary);
            font-size: .75rem;
            font-weight: 800;
        }

        .ha-demo__viewport {
            overflow: hidden;
            contain: paint;
        }

        .ha-demo__sample-note {
            margin: 0 0 .65rem;
            color: var(--ha-muted);
            font-size: .72rem;
            line-height: 1.5;
        }

        .ha-demo__application {
            transform-origin: center center;
        }

        .ha-spaces-showcase {
            display: grid;
            grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
            gap: 1.2rem;
            align-items: stretch;
        }

        .ha-spaces-showcase__map-wrap {
            min-width: 0;
            overflow: hidden;
            border: 1px solid var(--ha-line);
            border-radius: 10px;
            background: #eef1f7;
        }

        .ha-spaces-showcase__map {
            width: 100%;
            height: 420px;
            min-height: 320px;
            background: #e8edf4;
        }

        .ha-spaces-showcase__map-hint {
            margin: 0;
            padding: .7rem 1rem;
            color: var(--ha-muted);
            font-size: .8rem;
        }

        .ha-spaces-showcase__list {
            display: grid;
            max-height: 460px;
            gap: .7rem;
            overflow: auto;
            padding-inline-end: .25rem;
        }

        .ha-spaces-showcase__list .ha-space-picker__item--selectable {
            cursor: pointer;
        }

        .ha-blog-editorial {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
        }

        .ha-blog-editorial__story {
            display: flex;
            min-width: 0;
            flex-direction: column;
            border: 1px solid var(--ha-line);
            background: #fff;
        }

        .ha-blog-editorial__story--lead {
            grid-column: span 2;
            grid-row: span 2;
        }

        .ha-blog-editorial__media {
            position: relative;
            display: block;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            background: linear-gradient(135deg, #ecebff, #e6f8fb);
        }

        .ha-blog-editorial__media img,
        .ha-blog-editorial__placeholder {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .ha-blog-editorial__placeholder {
            display: flex;
            min-width: 0;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            gap: .85rem;
            padding: clamp(1.25rem, 4vw, 3rem);
            background: #f4f5fa;
            color: var(--ha-ink);
            text-align: start;
        }

        .ha-blog-editorial__placeholder i {
            display: grid;
            width: 42px;
            height: 42px;
            flex: 0 0 auto;
            place-items: center;
            border: 1px solid #dedfff;
            border-radius: 9px;
            background: #fff;
            color: var(--ha-primary);
            font-size: 1.05rem;
        }

        .ha-blog-editorial__placeholder span {
            display: -webkit-box;
            max-width: 26ch;
            overflow: hidden;
            font-size: clamp(1.05rem, 1.8vw, 1.45rem);
            font-weight: 780;
            line-height: 1.4;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

        .ha-blog-editorial__body {
            display: flex;
            flex: 1 1 auto;
            flex-direction: column;
            align-items: start;
            padding: 1.1rem 1.2rem;
        }

        .ha-blog-editorial__category {
            margin-bottom: .45rem;
            color: var(--ha-primary);
            font-size: .72rem;
            font-weight: 800;
        }

        .ha-blog-editorial__body h3 {
            margin: 0;
            font-size: 1.08rem;
            line-height: 1.45;
        }

        .ha-blog-editorial__story--lead .ha-blog-editorial__body h3 {
            font-size: clamp(1.35rem, 2.2vw, 1.85rem);
        }

        .ha-blog-editorial__body h3 a {
            color: var(--ha-ink);
            text-decoration: none;
        }

        .ha-blog-editorial__body p {
            margin: .55rem 0 1rem;
            color: var(--ha-muted);
            font-size: .87rem;
            line-height: 1.7;
        }

        .ha-blog-editorial__meta {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: .4rem .8rem;
            margin-top: auto;
            color: var(--ha-muted);
            font-size: .72rem;
        }

        .ha-blog-editorial__meta a {
            color: var(--ha-primary);
            font-weight: 750;
            text-decoration: none;
        }

        [dir="rtl"] .ha-blog-editorial__meta {
            width: 100%;
        }

        .ha-market .ha-final-cta {
            position: relative;
            overflow: hidden;
            border-block: 1px solid rgba(91, 91, 240, .14);
            background:
                radial-gradient(ellipse at 9% 80%, rgba(6,182,212,.12), transparent 38%),
                radial-gradient(ellipse at 92% 10%, rgba(139,92,246,.13), transparent 36%),
                #f8f8ff;
        }

        .ha-final-cta__inner {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 2rem;
            padding-block: clamp(2.6rem, 5vw, 4.5rem);
        }

        .ha-final-cta__actions {
            max-width: 480px;
            justify-content: end;
        }

        .ha-final-cta__actions .ha-link {
            box-shadow: 0 4px 14px rgba(36, 40, 76, .07);
        }

        @media (max-width: 991.98px) {
            .ha-spaces-showcase {
                grid-template-columns: minmax(0, 1fr);
            }

            .ha-spaces-showcase__map {
                height: 350px;
            }

            .ha-spaces-showcase__list {
                max-height: 380px;
            }
        }

        @media (max-width: 760px) {
            .ha-market .ha-faq {
                grid-template-columns: minmax(0, 1fr);
            }

            .ha-blog-editorial {
                grid-template-columns: minmax(0, 1fr);
            }

            .ha-blog-editorial__story--lead {
                grid-column: auto;
                grid-row: auto;
            }

            .ha-final-cta__inner {
                align-items: start;
                flex-direction: column;
            }

            .ha-final-cta__actions {
                justify-content: start;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .ha-demo__application {
                transform: none !important;
            }
        }

        .ha-market .ha-carousel__track--freelancers .ha-freelancer-card {
            display: flex;
            height: 300px;
            min-height: 300px;
            max-height: 300px;
            flex-direction: column;
            flex-shrink: 0;
        }

        .ha-market .ha-carousel__track--freelancers .ha-freelancer-card .home-talent-card__cover {
            flex: 0 0 88px;
            height: 88px;
        }

        .ha-freelancer-card .home-talent-card__body {
            position: relative;
            z-index: 1;
            min-height: 0;
            flex: 1 1 auto;
            margin-top: -36px;
            padding: 0 1rem 1rem;
            text-align: center;
        }

        .ha-freelancer-card .home-talent-card__avatar-wrap {
            position: relative;
            display: block;
            width: 100px;
            height: 100px;
            margin: 0 auto .65rem;
            flex: 0 0 100px;
            overflow: visible;
            border: 3px solid #fff;
            border-radius: 50%;
            background: #eef0fa;
            box-shadow: 0 8px 20px rgba(15, 23, 42, .12);
        }

        .ha-freelancer-card .home-talent-card__avatar-wrap img {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
        }

        .ha-freelancer-card .home-talent-card__status {
            right: 3px;
            bottom: 4px;
        }

        [dir="rtl"] .ha-freelancer-card .home-talent-card__status {
            right: auto;
            left: 3px;
        }

        .ha-freelancer-card .home-talent-card__name {
            margin: 0 0 .25rem;
            font-size: 1rem;
            font-weight: 750;
        }

        .ha-freelancer-card .home-talent-card__title {
            display: block;
            width: 100%;
            min-height: 2.9em;
            max-height: 2.9em;
            margin: .35rem 0;
            overflow: hidden;
            color: var(--ha-muted);
            font-size: .8rem;
            line-height: 1.4;
            text-overflow: ellipsis;
            white-space: normal;
        }

        .ha-freelancer-card .home-talent-card__rating {
            min-height: 1.3em;
            margin-bottom: .35rem;
        }

        .ha-freelancer-card .home-talent-card__link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .35rem;
            margin-top: auto;
            padding-top: .55rem;
            color: var(--ha-primary);
            font-size: .8rem;
            font-weight: 750;
        }

        .ha-market .ha-carousel--single-service .ha-carousel__track--services {
            display: grid;
            width: min(100%, 1080px);
            grid-template-columns: minmax(0, 1fr);
            margin-inline: auto;
            overflow: visible;
            scroll-snap-type: none;
        }

        .ha-carousel--single-service .ha-service-card {
            display: grid;
            min-height: 330px;
            grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
        }

        .ha-carousel--single-service .ha-service-card__image,
        .ha-carousel--single-service .ha-service-card__placeholder {
            height: 100%;
            min-height: 330px;
        }

        .ha-carousel--single-service .ha-service-card__body {
            min-width: 0;
            justify-content: center;
            padding: clamp(1.2rem, 3vw, 2.2rem);
        }

        .ha-carousel--single-service .ha-service-card__description {
            max-width: 65ch;
        }

        .ha-media-fallback-container {
            position: relative;
            isolation: isolate;
        }

        .ha-image-fallback {
            position: absolute;
            inset: 0;
            display: flex;
            min-height: 0;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            gap: .7rem;
            overflow: hidden;
            padding: clamp(.85rem, 2.2vw, 1.7rem);
            border-inline-start: 4px solid var(--ha-fallback-accent, var(--ha-primary));
            background: #f4f5fa;
            color: var(--ha-ink);
            text-align: start;
        }

        .ha-image-fallback__icon {
            display: grid;
            width: 42px;
            height: 42px;
            flex: 0 0 auto;
            place-items: center;
            border: 1px solid #dedfff;
            border-radius: 9px;
            background: #fff;
            color: var(--ha-fallback-accent, var(--ha-primary));
            font-size: 1rem;
        }

        .ha-image-fallback__label {
            color: var(--ha-muted);
            font-size: .73rem;
            font-weight: 700;
        }

        .ha-image-fallback__title {
            display: -webkit-box;
            max-width: 34ch;
            overflow: hidden;
            font-size: clamp(.95rem, 1.4vw, 1.3rem);
            font-weight: 780;
            line-height: 1.4;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

        .ha-image-fallback--product,
        .ha-image-fallback--demo {
            --ha-fallback-accent: #06b6d4;
        }

        .ha-image-fallback--article,
        .ha-image-fallback--portfolio {
            --ha-fallback-accent: #8b5cf6;
        }

        .ha-image-fallback--space {
            --ha-fallback-accent: #418a76;
        }

        .ha-demo__product-image .ha-image-fallback {
            align-items: center;
            gap: 0;
            padding: 0;
            border: 0;
            border-radius: inherit;
        }

        .ha-demo__product-image .ha-image-fallback__icon {
            width: auto;
            height: auto;
            border: 0;
            background: transparent;
            font-size: 1.15rem;
        }

        .ha-demo__product-image .ha-image-fallback__label,
        .ha-demo__product-image .ha-image-fallback__title {
            display: none;
        }

        .ha-market .ha-float-chip {
            position: absolute;
            z-index: 5;
            display: inline-flex;
            align-items: center;
            gap: .6rem;
            padding: .7rem .95rem;
            border: 1px solid rgba(91, 91, 240, .14);
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 14px 34px rgba(34, 39, 82, .15);
            animation: ha-market-float 6s ease-in-out infinite;
        }

        .ha-market .ha-float-chip > span {
            display: flex;
            flex-direction: column;
            color: var(--ha-muted);
            font-size: .72rem;
            line-height: 1.25;
        }

        .ha-market .ha-float-chip b {
            color: var(--ha-ink);
            font-size: .88rem;
        }

        .ha-market .ha-float-chip--escrow {
            top: -2.35rem;
            inset-inline-start: 1rem;
            color: #169879;
        }

        .ha-market .ha-float-chip--rating {
            bottom: -1.3rem;
            inset-inline-end: 1rem;
            color: #c28a24;
            animation-delay: -3s;
        }

        @keyframes ha-market-float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-7px); }
        }

        .ha-final-cta__box {
            position: relative;
            overflow: hidden;
            padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1.25rem, 4vw, 3rem);
            border: 1px solid rgba(91, 91, 240, .16);
            border-radius: 24px;
            background:
                radial-gradient(circle at 90% 10%, rgba(139, 92, 246, .16), transparent 38%),
                linear-gradient(135deg, #f1f1ff 0%, #f8f6ff 54%, #effbfd 100%);
            box-shadow: 0 22px 58px rgba(74, 73, 176, .11);
            text-align: center;
        }

        .ha-final-cta__box h2 {
            position: relative;
            margin: 0 0 .8rem;
            color: var(--ha-ink);
            font-size: clamp(1.65rem, 3.8vw, 2.55rem);
            font-weight: 820;
            line-height: 1.25;
        }

        .ha-final-cta__box > p:not(.ha-final-cta__note) {
            position: relative;
            max-width: 62ch;
            margin: 0 auto 1.65rem;
            color: var(--ha-muted);
            font-size: clamp(.95rem, 1.4vw, 1.08rem);
            line-height: 1.75;
        }

        .ha-final-cta__box .ha-final-cta__actions {
            position: relative;
            max-width: 900px;
            justify-content: center;
            margin-inline: auto;
        }

        .ha-final-cta__box .ha-link {
            box-shadow: 0 4px 14px rgba(36, 40, 76, .07);
        }

        .ha-final-cta__note {
            position: relative;
            margin: 1.15rem 0 0;
            color: var(--ha-muted);
            font-size: .82rem;
        }

        @media (max-width: 760px) {
            .ha-carousel--single-service .ha-service-card {
                grid-template-columns: minmax(0, 1fr);
            }

            .ha-carousel--single-service .ha-service-card__image,
            .ha-carousel--single-service .ha-service-card__placeholder {
                height: 185px;
                min-height: 185px;
            }

            .ha-carousel--single-service .ha-service-card__body {
                padding: 1rem;
            }

            .ha-market .ha-float-chip {
                display: none;
            }

            .ha-final-cta__box {
                padding: 2.2rem 1rem;
                border-radius: 16px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .ha-market .ha-float-chip {
                animation: none;
            }
        }