/* Digonest Home Template 2 — Growth Marketplace */
.digo-home2,
.digo-home2 * { box-sizing: border-box; }

.digo-home2 {
    --dh2-ink: #0d1740;
    --dh2-muted: #68708d;
    --dh2-line: #e4e7f2;
    --dh2-purple: #5631f4;
    --dh2-purple-2: #7a4dff;
    --dh2-blue: #2379ff;
    --dh2-green: #16b875;
    --dh2-orange: #ff7317;
    --dh2-pink: #ef387a;
    --dh2-navy: #071039;
    --dh2-radius: 14px;
    margin: 0;
    overflow: hidden;
    color: var(--dh2-ink);
    background: #fff;
    font-family: Inter, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.digo-home2 a { color: inherit; text-decoration: none; }
.digo-home2 img { max-width: 100%; }
.digo-home2 svg { display: block; width: 1em; height: 1em; }
.digo-home2 button,
.digo-home2 a { -webkit-tap-highlight-color: transparent; }

.dh2-container {
    width: min(1180px, calc(100% - 44px));
    margin-inline: auto;
}

.dh2-section { padding: 70px 0; }
.dh2-section-head { margin-bottom: 30px; }
.dh2-section-head.centered { text-align: center; }
.dh2-section-head h2,
.dh2-why h2,
.dh2-cta-card h2 {
    margin: 7px 0 0;
    color: var(--dh2-ink);
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.14;
    letter-spacing: -.035em;
    font-weight: 800;
}
.dh2-section-head p { margin: 8px 0 0; color: var(--dh2-muted); font-size: 15px; }
.dh2-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #5135eb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.dh2-eyebrow.light { color: #d6ceff; }
.dh2-split-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.dh2-text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    margin-bottom: 4px;
    color: var(--dh2-purple);
    font-size: 13px;
    font-weight: 800;
}
.dh2-text-link svg { width: 15px; height: 15px; transition: transform .2s ease; }
.dh2-text-link:hover svg { transform: translateX(3px); }

.dh2-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.dh2-btn {
    min-height: 44px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.dh2-btn svg { width: 16px; height: 16px; }
.dh2-btn:hover { transform: translateY(-2px); }
.dh2-btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #6748ff, #4321ec);
    box-shadow: 0 10px 24px rgba(78, 42, 235, .24);
}
.dh2-btn-primary:hover { box-shadow: 0 13px 30px rgba(78, 42, 235, .32); }
.dh2-btn-secondary,
.dh2-btn-outline {
    color: var(--dh2-ink);
    border-color: #d9ddea;
    background: #fff;
    box-shadow: 0 7px 18px rgba(20, 28, 64, .06);
}
.dh2-btn-secondary:hover,
.dh2-btn-outline:hover { border-color: #a99cf9; }

/* Hero */
.dh2-hero {
    --dh2-hero-fade: linear-gradient(90deg,
        #fbfcff 0%,
        #fbfcff 27%,
        rgba(251, 252, 255, .98) 34%,
        rgba(251, 252, 255, .74) 42%,
        rgba(251, 252, 255, .34) 50%,
        rgba(251, 252, 255, .08) 58%,
        rgba(251, 252, 255, 0) 64%);
    position: relative;
    min-height: 610px;
    padding: 64px 0 72px;
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 82% 38%, rgba(111, 80, 255, .12), transparent 34%),
        linear-gradient(180deg, #fbfcff 0%, #fff 100%);
}
.dh2-hero-backdrop {
    position: absolute;
    inset: -2px;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(180deg, rgba(251, 252, 255, .04) 0%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, .17) 100%),
        var(--dh2-hero-fade),
        var(--dh2-hero-image);
    background-repeat: no-repeat;
    background-position: center, center, calc(100% + 8px) center;
    background-size: 100% 100%, 100% 100%, auto 110%;
    transform-origin: 76% 50%;
    will-change: opacity, transform;
}
.dh2-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: .20;
    background-image: radial-gradient(#9689df 1px, transparent 1px);
    background-size: 22px 22px;
    -webkit-mask-image: linear-gradient(90deg, transparent 58%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 58%, #000 100%);
}
.dh2-hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 7%;
    right: 3%;
    width: min(48vw, 720px);
    aspect-ratio: 1;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(111, 76, 255, .11), rgba(81, 132, 255, .04) 46%, transparent 73%);
    filter: blur(20px);
}
.dh2-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
    align-items: center;
    gap: 24px;
}
.dh2-hero-copy {
    position: relative;
    z-index: 3;
    max-width: 620px;
    padding-top: 4px;
}
.dh2-hero-badge {
    padding: 8px 12px;
    border: 1px solid #ddd7ff;
    border-radius: 999px;
    background: rgba(255,255,255,.84);
    box-shadow: 0 8px 24px rgba(75, 56, 177, .08);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    font-size: 10px;
    letter-spacing: 0;
    text-transform: none;
}
.dh2-hero-badge i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #5e38f5;
    box-shadow: 0 0 0 4px rgba(94, 56, 245, .12);
}
.dh2-hero h1 {
    max-width: 610px;
    margin: 21px 0 17px;
    color: var(--dh2-ink);
    font-size: clamp(44px, 4.75vw, 68px);
    line-height: .96;
    letter-spacing: -.058em;
    font-weight: 850;
}
.dh2-hero-line {
    display: block;
    overflow: hidden;
    padding: .04em .04em .085em 0;
    margin-bottom: -.08em;
}
.dh2-hero-line > span {
    display: inline-block;
    transform-origin: left bottom;
    will-change: transform, opacity;
}
.dh2-hero-line-accent > span {
    color: transparent;
    background: linear-gradient(100deg, #744bff 0%, #4f2df1 40%, #247bff 74%, #5f39f5 100%);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
}
.dh2-hero-copy > p {
    max-width: 535px;
    margin: 0 0 25px;
    color: #5e6787;
    font-size: 15px;
    line-height: 1.75;
}
.dh2-hero-mobile-visual {
    display: none;
}
.dh2-hero .dh2-actions .dh2-btn {
    min-height: 46px;
    padding-inline: 21px;
}
.digo-home2 .dh2-hero a.dh2-btn-primary,
.digo-home2 .dh2-hero a.dh2-btn-primary:visited {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #6748ff 0%, #4321ec 100%) !important;
}
.digo-home2 .dh2-hero a.dh2-btn-primary:hover,
.digo-home2 .dh2-hero a.dh2-btn-primary:focus-visible {
    color: #fff !important;
    background: linear-gradient(135deg, #7559ff 0%, #3817dc 100%) !important;
}
.digo-home2 .dh2-hero a.dh2-btn-secondary,
.digo-home2 .dh2-hero a.dh2-btn-secondary:visited {
    color: var(--dh2-ink) !important;
    border-color: #d9ddea !important;
    background: rgba(255,255,255,.90) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.digo-home2 .dh2-hero a.dh2-btn-secondary:hover,
.digo-home2 .dh2-hero a.dh2-btn-secondary:focus-visible {
    color: #4d2be4 !important;
    border-color: #aaa0f3 !important;
    background: #fff !important;
}
.dh2-trust {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 30px;
}
.dh2-trust > div {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.dh2-trust > div > span {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
}
.dh2-trust > div > span svg { width: 17px; height: 17px; }
.dh2-trust span.purple { color: #5a38ef; background: #efeaff; }
.dh2-trust span.blue { color: #2379ff; background: #eaf3ff; }
.dh2-trust span.green { color: #11a96b; background: #e8fbf2; }
.dh2-trust span.orange { color: #f27b20; background: #fff0e7; }
.dh2-trust span.trustpilot { color: #00a873; background: #e7fbf4; }
.dh2-trust small {
    color: #7a829c;
    font-size: 9.5px;
    line-height: 1.28;
}
.dh2-trust strong { color: #26304f; font-weight: 750; }

/* Hero entrance and text motion: visible by default if JavaScript is unavailable. */
.dh2-hero.is-animated .dh2-hero-badge { animation: dh2-hero-rise .65s .04s both; }
.dh2-hero.is-animated .dh2-hero-line:nth-child(1) > span { animation: dh2-hero-line-in .72s .12s cubic-bezier(.2,.78,.2,1) both; }
.dh2-hero.is-animated .dh2-hero-line:nth-child(2) > span {
    animation: dh2-hero-line-in .72s .22s cubic-bezier(.2,.78,.2,1) both, dh2-hero-gradient 7s 1.1s ease-in-out infinite;
}
.dh2-hero.is-animated .dh2-hero-line:nth-child(3) > span {
    animation: dh2-hero-line-in .72s .32s cubic-bezier(.2,.78,.2,1) both, dh2-hero-gradient 7s 1.4s ease-in-out infinite;
}
.dh2-hero.is-animated .dh2-hero-copy > p { animation: dh2-hero-rise .68s .44s both; }
.dh2-hero.is-animated .dh2-hero-copy > .dh2-actions { animation: dh2-hero-rise .68s .54s both; }
.dh2-hero.is-animated .dh2-trust { animation: dh2-hero-rise .68s .66s both; }
.dh2-hero.is-animated .dh2-hero-backdrop { animation: dh2-hero-backdrop-in 1.05s .10s cubic-bezier(.2,.78,.2,1) both; }
.dh2-hero.is-animated .dh2-hero-badge i { animation: dh2-hero-pulse 2.5s 1s ease-in-out infinite; }

@keyframes dh2-hero-line-in {
    from { opacity: 0; transform: translate3d(0, 118%, 0) rotate(.8deg); }
    to { opacity: 1; transform: translate3d(0, 0, 0) rotate(0); }
}
@keyframes dh2-hero-rise {
    from { opacity: 0; transform: translate3d(0, 18px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes dh2-hero-gradient {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}
@keyframes dh2-hero-backdrop-in {
    from { opacity: 0; transform: translate3d(28px, 0, 0) scale(1.025); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes dh2-hero-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(94, 56, 245, .12); }
    50% { box-shadow: 0 0 0 7px rgba(94, 56, 245, .04); }
}

/* Services */
.dh2-services { padding-top: 48px; }
.dh2-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dh2-service-card {
    min-height: 210px;
    padding: 23px 20px 19px;
    border: 1px solid #e4e6ef;
    border-radius: 12px;
    text-align: center;
    background: #fff;
    box-shadow: 0 10px 28px rgba(23, 30, 68, .055);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.dh2-service-card:hover { transform: translateY(-5px); border-color: #cfc9f8; box-shadow: 0 18px 36px rgba(23, 30, 68, .10); }
.dh2-service-icon { width: 54px; height: 54px; margin: 0 auto 13px; border-radius: 15px; display: grid; place-items: center; }
.dh2-service-icon svg { width: 29px; height: 29px; }
.dh2-service-icon.cyan { color: #087fa7; background: #e7f8fc; }
.dh2-service-icon.purple { color: #6238ed; background: #efeaff; }
.dh2-service-icon.blue { color: #1680ef; background: #e9f4ff; }
.dh2-service-icon.green { color: #12ad68; background: #e8faef; }
.dh2-service-icon.orange { color: #f56f17; background: #fff0e6; }
.dh2-service-icon.pink { color: #e72e76; background: #ffe9f0; }
.dh2-service-card h3 { margin: 0 0 8px; font-size: 16px; font-weight: 800; }
.dh2-service-card p { min-height: 50px; margin: 0; color: #68708c; font-size: 12.5px; line-height: 1.55; }
.dh2-service-card a { display: inline-flex; align-items: center; gap: 6px; margin-top: 13px; color: #5434eb; font-size: 11px; font-weight: 800; }
.dh2-service-card a svg { width: 12px; height: 12px; }

/* Product cards */
.dh2-products-section {
    position: relative;
    isolation: isolate;
    padding-top: 56px;
    border-block: 1px solid rgba(102, 83, 222, .12);
    background:
        radial-gradient(circle at 6% 8%, rgba(111, 78, 255, .14), transparent 28%),
        radial-gradient(circle at 96% 88%, rgba(35, 121, 255, .12), transparent 30%),
        linear-gradient(135deg, #f7f4ff 0%, #f1f5ff 52%, #f5fbff 100%);
}
.dh2-products-section::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: .38;
    background-image: radial-gradient(rgba(86, 49, 244, .22) .7px, transparent .7px);
    background-size: 18px 18px;
    -webkit-mask-image: linear-gradient(to bottom, #000, transparent 72%);
    mask-image: linear-gradient(to bottom, #000, transparent 72%);
}
.dh2-products-section .dh2-section-head { margin-bottom: 28px; }
.dh2-products-section .dh2-section-head h2 { max-width: 720px; }
.dh2-products-section .dh2-section-head p { max-width: 690px; }
.dh2-products-section .dh2-eyebrow {
    padding: 7px 11px;
    border: 1px solid rgba(86, 49, 244, .16);
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 7px 20px rgba(49, 36, 116, .05);
}
.dh2-products-section .dh2-text-link {
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(86, 49, 244, .18);
    border-radius: 10px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 9px 24px rgba(49, 36, 116, .06);
}
.dh2-products-section .dh2-text-link:hover {
    border-color: rgba(86, 49, 244, .34);
    background: #fff;
}
.dh2-mobile-swipe-hint { display: none; }
.dh2-slider-wrap { position: relative; }
.dh2-slider-arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    width: 38px;
    height: 38px;
    margin-top: -19px;
    padding: 0;
    border: 1px solid #dfe2ed;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #253050;
    background: #fff;
    box-shadow: 0 8px 24px rgba(19, 27, 61, .10);
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, color .18s ease;
}
.dh2-slider-arrow:hover { color: #5631f4; border-color: #bbb0f7; transform: scale(1.05); }
.dh2-slider-arrow svg { width: 18px; height: 18px; }
.dh2-slider-arrow.prev { left: -52px; }
.dh2-slider-arrow.next { right: -52px; }
.dh2-product-track,
.dh2-portfolio-track,
.dh2-testimonial-track,
.dh2-blog-track {
    display: grid;
    grid-auto-flow: column;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
}
.dh2-product-track::-webkit-scrollbar,
.dh2-portfolio-track::-webkit-scrollbar,
.dh2-testimonial-track::-webkit-scrollbar,
.dh2-blog-track::-webkit-scrollbar { display: none; }
.dh2-product-track {
    grid-auto-columns: calc((100% - 54px) / 4);
    align-items: start;
    gap: 18px;
    padding: 6px 4px 22px;
    scroll-padding-inline: 4px;
    -webkit-overflow-scrolling: touch;
}
.dh2-product-card {
    position: relative;
    min-width: 0;
    border: 1px solid #e2e4f0;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background: linear-gradient(180deg, #fff 0%, #fdfdff 100%);
    box-shadow: 0 12px 34px rgba(20, 28, 68, .07);
    isolation: isolate;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.dh2-product-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: auto 12% -36px;
    height: 70px;
    border-radius: 50%;
    background: rgba(91, 55, 239, .12);
    filter: blur(30px);
    opacity: 0;
    transition: opacity .22s ease;
}
.dh2-product-card:hover {
    transform: translateY(-6px);
    border-color: #cfc8fb;
    box-shadow: 0 20px 44px rgba(35, 30, 91, .13);
}
.dh2-product-card:hover::after { opacity: 1; }
.dh2-product-media {
    position: relative;
    padding: 14px 14px 10px;
    background:
        linear-gradient(145deg, rgba(245, 242, 255, .92), rgba(250, 252, 255, .95)),
        #f8f8ff;
}
.dh2-product-badges {
    position: absolute;
    z-index: 2;
    top: 22px;
    left: 22px;
    right: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.dh2-product-badges span {
    padding: 5px 10px;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 999px;
    font-size: 8px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
    box-shadow: 0 5px 13px rgba(31, 34, 69, .08);
}
.dh2-product-badges .type { color: #fff; background: #5a36ed; }
.dh2-product-badges .type.theme { background: #2379ff; }
.dh2-product-badges .type.script { background: #ff6514; }
.dh2-product-badges .type.website { background: #14b46f; }
.dh2-product-badges .type.app { background: #ed3f7e; }
.dh2-product-badges .type.service { background: #0f91a8; }
.dh2-product-badges .status { color: #725300; background: #fff0a8; }
.dh2-product-image {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(220, 223, 239, .9);
    border-radius: 13px;
    background: #fff;
}
.dh2-product-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: contain;
    object-position: center;
    transition: transform .24s ease;
}
.dh2-product-card:hover .dh2-product-image img { transform: scale(1.025); }
.dh2-product-placeholder { width: 90px; height: 115px; border-radius: 6px; display: grid; place-items: center; color: #8ea0d4; background: linear-gradient(145deg,#0d1538,#293c81); box-shadow: 10px 10px 0 #09112c; }
.dh2-product-placeholder svg { width: 40px; height: 40px; }
.dh2-product-body {
    padding: 17px 16px 16px;
    display: flex;
    flex-direction: column;
}
.dh2-product-body h3 {
    min-height: 42px;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    color: #10193d;
    font-size: 15px;
    line-height: 1.38;
    font-weight: 850;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.dh2-product-body h3 a { transition: color .18s ease; }
.dh2-product-body h3 a:hover { color: var(--dh2-purple); }
.dh2-rating-price {
    margin-top: 13px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
}
.dh2-rating-price.no-rating { justify-content: flex-end; }
.dh2-rating { display: flex; align-items: center; gap: 5px; color: #8b91a7; font-size: 9px; white-space: nowrap; }
.dh2-rating-stars { position: relative; display: inline-block; color: #dfe3ee; font-size: 9px; line-height: 1; letter-spacing: .5px; }
.dh2-rating-stars::before { position: absolute; inset: 0 auto 0 0; width: var(--dh2-rating-fill, 0%); overflow: hidden; color: #ff9f11; content: '★★★★★'; white-space: nowrap; }
.dh2-rating b { color: #4d556f; font-size: 10px; font-weight: 800; }
.dh2-rating em { color: #9da3b5; font-size: 8px; font-style: normal; }
.dh2-rating.is-empty { color: #8b91a7; font-size: 9px; font-weight: 700; letter-spacing: .01em; }
.dh2-price { margin-top: 0; color: #111b3e; font-size: 17px; line-height: 1.15; font-weight: 850; text-align: right; white-space: nowrap; }
.dh2-price del { display: block; margin: 0 0 2px; color: #9da3b6; font-size: 9px; line-height: 1; font-weight: 500; }
.dh2-price ins { text-decoration: none; }
.dh2-product-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 15px; }
.dh2-product-actions .dh2-btn {
    min-height: 39px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 10px;
    letter-spacing: .005em;
}
.digo-home2 .dh2-product-actions .dh2-btn-primary,
.digo-home2 .dh2-product-actions .dh2-btn-primary:visited {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #6847ff 0%, #4321ed 100%) !important;
    box-shadow: 0 9px 20px rgba(80, 43, 235, .24) !important;
}
.digo-home2 .dh2-product-actions .dh2-btn-primary:hover,
.digo-home2 .dh2-product-actions .dh2-btn-primary:focus-visible {
    color: #fff !important;
    background: linear-gradient(135deg, #7558ff 0%, #3a18e4 100%) !important;
    box-shadow: 0 12px 24px rgba(80, 43, 235, .32) !important;
}
.digo-home2 .dh2-product-actions .dh2-btn-outline,
.digo-home2 .dh2-product-actions .dh2-btn-outline:visited {
    color: #34246f !important;
    border-color: #d9d8e9 !important;
    background: #fff !important;
    box-shadow: 0 7px 16px rgba(18, 27, 65, .06) !important;
}
.digo-home2 .dh2-product-actions .dh2-btn-outline:hover,
.digo-home2 .dh2-product-actions .dh2-btn-outline:focus-visible {
    color: #4f2ce8 !important;
    border-color: #a99df5 !important;
    background: #f8f6ff !important;
}
.digo-home2 .dh2-product-actions .dh2-btn:focus-visible {
    outline: 3px solid rgba(92, 54, 240, .22);
    outline-offset: 2px;
}
.dh2-empty-state { width: 100%; min-height: 300px; padding: 44px; border: 1px dashed #cbc9dc; border-radius: 14px; text-align: center; background: #fbfbff; }
.dh2-empty-state > span { width: 58px; height: 58px; margin: 0 auto 14px; border-radius: 15px; display: grid; place-items: center; color: #5d3ce8; background: #eeeaff; }
.dh2-empty-state svg { width: 28px; height: 28px; }
.dh2-empty-state h3 { margin: 0; font-size: 18px; }
.dh2-empty-state p { color: #737b96; }

/* Why */
.dh2-why {
    position: relative;
    padding: 62px 0;
    background:
        radial-gradient(circle at 47% 50%, rgba(113, 76, 255, .13), transparent 30%),
        linear-gradient(90deg, #fbfbff, #f4f2ff 50%, #fff 100%);
}
.dh2-why-grid { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 55px; }
.dh2-why h2 { margin-top: 8px; }
.dh2-why h2 span { color: #5937ef; }
.dh2-why ul { margin: 22px 0 25px; padding: 0; list-style: none; }
.dh2-why li { display: flex; align-items: center; gap: 9px; margin: 10px 0; color: #505a78; font-size: 12px; }
.dh2-why li svg { width: 17px; height: 17px; flex: 0 0 17px; color: #5631f4; }
.dh2-team-photo { position: relative; min-height: 360px; }
.dh2-team-photo::before {
    content: "";
    position: absolute;
    inset: 22px 8px -6px 20px;
    border-radius: 92px 22px 92px 22px;
    background: linear-gradient(135deg, rgba(111, 74, 255, .18), rgba(58, 135, 255, .05));
    transform: rotate(2deg);
}
.dh2-team-photo img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 360px;
    border-radius: 88px 22px 88px 22px;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 24px 48px rgba(52, 47, 119, .16);
}
.dh2-photo-dots {
    position: absolute;
    z-index: 3;
    top: -8px;
    right: -18px;
    width: 70px;
    height: 70px;
    opacity: .65;
    background-image: radial-gradient(#6d4cff 2px, transparent 2px);
    background-size: 10px 10px;
}

/* Portfolio */
.dh2-portfolio {
    padding: 56px 0 84px;
    color: #fff;
    background:
        radial-gradient(circle at 90% 25%, rgba(94, 44, 235, .30), transparent 30%),
        radial-gradient(circle at 10% 80%, rgba(35, 70, 212, .20), transparent 28%),
        linear-gradient(135deg, #071038, #080b2b 65%, #151047);
}
.dh2-section-head.light h2 { color: #fff; }
.dh2-section-head.light p { color: #aeb6d3; }
.dh2-btn-dark-outline { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.04); }
.dh2-btn-dark-outline:hover { border-color: rgba(255,255,255,.6); background: rgba(255,255,255,.09); }
.dh2-slider-wrap.dark .dh2-slider-arrow { color: #fff; border-color: rgba(255,255,255,.24); background: rgba(8, 15, 48, .92); }
.dh2-slider-wrap.dark .dh2-slider-arrow:hover { border-color: #8b73ff; }
.dh2-portfolio-track { grid-auto-columns: calc((100% - 32px) / 3); gap: 16px; }
.dh2-portfolio-card {
    position: relative;
    min-width: 0;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 18px;
    overflow: hidden;
    scroll-snap-align: start;
    background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.045));
    box-shadow: 0 18px 48px rgba(0,0,0,.20), inset 0 1px rgba(255,255,255,.08);
    transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease, background .26s ease;
}
.dh2-portfolio-card::after {
    content: "";
    position: absolute;
    z-index: 4;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}
.dh2-portfolio-card:hover {
    transform: translateY(-7px);
    border-color: rgba(151, 125, 255, .78);
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
    box-shadow: 0 26px 62px rgba(0,0,0,.30), 0 0 0 1px rgba(119, 87, 255, .12);
}
.dh2-portfolio-image { position: relative; height: 224px; overflow: hidden; background: linear-gradient(145deg,#2a2c82,#6a38d8); }
.dh2-portfolio-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .35s ease; }
.dh2-portfolio-card:hover .dh2-portfolio-image img { transform: scale(1.035); filter: saturate(1.06) contrast(1.02); }
.dh2-portfolio-card-top {
    position: absolute;
    z-index: 3;
    top: 14px;
    right: 14px;
    left: 14px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    pointer-events: none;
}
.dh2-portfolio-platforms { min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.dh2-portfolio-platform {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 150px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.30);
    border-radius: 999px;
    overflow: hidden;
    color: #fff;
    background: rgba(91, 59, 225, .90);
    box-shadow: 0 8px 20px rgba(3, 7, 31, .24), inset 0 1px rgba(255,255,255,.16);
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .055em;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    backdrop-filter: blur(10px);
}
.dh2-portfolio-platform i { flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(255,255,255,.12); }
.dh2-portfolio-platform.platform-web,
.dh2-portfolio-platform.platform-website,
.dh2-portfolio-platform.platform-wordpress,
.dh2-portfolio-platform.platform-woocommerce,
.dh2-portfolio-platform.platform-shopify { background: rgba(7, 166, 99, .92); }
.dh2-portfolio-platform.platform-app,
.dh2-portfolio-platform.platform-mobile,
.dh2-portfolio-platform.platform-mobile-app,
.dh2-portfolio-platform.platform-android,
.dh2-portfolio-platform.platform-ios { background: rgba(239, 103, 31, .93); }
.dh2-portfolio-platform.platform-laravel,
.dh2-portfolio-platform.platform-php { background: rgba(220, 54, 78, .92); }
.dh2-portfolio-platform.platform-react,
.dh2-portfolio-platform.platform-react-js,
.dh2-portfolio-platform.platform-next-js { background: rgba(16, 143, 190, .93); }
.dh2-portfolio-platform.dh2-platform-more { max-width: none; padding-inline: 9px; background: rgba(8, 14, 47, .78); }
.dh2-portfolio-platform.dh2-platform-more::before { display: none; }
.dh2-portfolio-image-shade {
    position: absolute;
    z-index: 2;
    inset: 42% 0 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(4, 8, 32, .48));
}
.dh2-project-index {
    position: static;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    min-width: 35px;
    height: 30px;
    padding: 0 9px;
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 10px;
    color: #fff;
    background: rgba(7, 12, 42, .68);
    box-shadow: 0 8px 20px rgba(0,0,0,.20), inset 0 1px rgba(255,255,255,.12);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .10em;
    backdrop-filter: blur(10px);
}
.dh2-site-mock { position: absolute; inset: 52px 25px 0; border-radius: 14px 14px 0 0; background: #fff; box-shadow: 0 14px 35px rgba(0,0,0,.25); transform: perspective(700px) rotateX(5deg); transition: transform .42s ease; }
.dh2-portfolio-card:hover .dh2-site-mock { transform: perspective(700px) rotateX(3deg) translateY(-3px) scale(1.01); }
.dh2-site-mock::before { content: ""; position: absolute; inset: 0 0 auto; height: 25px; border-radius: 12px 12px 0 0; background: #f0f2f9; }
.dh2-site-mock span { position: absolute; top: 10px; left: 12px; width: 5px; height: 5px; border-radius: 50%; background: #ff6b6b; box-shadow: 9px 0 #ffc85b,18px 0 #4bd68a; }
.dh2-site-mock i { position: absolute; top: 48px; left: 22px; width: 55%; height: 9px; border-radius: 9px; background: #d8dcf0; }
.dh2-site-mock i + i { top: 68px; width: 36%; background: #e9ebf5; }
.dh2-site-mock b { position: absolute; top: 96px; left: 22px; right: 22px; height: 72px; border-radius: 10px; background: linear-gradient(135deg,#5d42ed,#1e6ce7); }
.dh2-site-mock.mock-2 b { background: linear-gradient(135deg,#11ad75,#5fd0a7); }
.dh2-site-mock.mock-3 b { background: linear-gradient(135deg,#ff5b63,#ff932e); }
.dh2-portfolio-body {
    min-height: 92px;
    padding: 15px 15px 16px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 11px;
    background: linear-gradient(180deg, rgba(5, 10, 37, .72), rgba(5, 9, 33, .92));
}
.dh2-brand-badge { width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,#8269ff,#482bd1); box-shadow: 0 9px 22px rgba(63,39,181,.30), inset 0 1px rgba(255,255,255,.18); font-size: 16px; font-weight: 900; }
.dh2-portfolio-copy { min-width: 0; }
.dh2-portfolio-body h3 { margin: 0; overflow: hidden; color: #fff; font-size: 14px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.dh2-portfolio-body p { margin: 4px 0 0; overflow: hidden; color: #aeb5ce; font-size: 9.5px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; }
.dh2-portfolio-arrow { width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,.055); transition: transform .24s ease, border-color .24s ease, background .24s ease; }
.dh2-portfolio-arrow svg { width: 15px; height: 15px; }
.dh2-portfolio-card:hover .dh2-portfolio-arrow { transform: translateX(2px); border-color: rgba(155,132,255,.70); background: rgba(116,83,255,.22); }
.dh2-slider-dots { display: flex; justify-content: center; gap: 7px; margin-top: 22px; }
.dh2-slider-dots span { width: 6px; height: 6px; border-radius: 99px; background: rgba(255,255,255,.24); }
.dh2-slider-dots span.active { width: 25px; background: #fff; }

/* Stats */
.dh2-stats-wrap { position: relative; z-index: 3; margin-top: -32px; }
.dh2-stats {
    padding: 18px 22px;
    border: 1px solid #e2e4ee;
    border-radius: 14px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    box-shadow: 0 17px 42px rgba(25, 33, 76, .13);
}
.dh2-stats > div { min-width: 0; padding: 0 15px; border-right: 1px solid #eceef5; display: grid; grid-template-columns: 38px 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 9px; }
.dh2-stats > div:last-child { border-right: 0; }
.dh2-stats > div > span { grid-row: 1 / span 2; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; }
.dh2-stats > div > span svg { width: 18px; height: 18px; }
.dh2-stats .blue { color: #4776ff; background: #edf1ff; }
.dh2-stats .green { color: #12ae6d; background: #e8faf1; }
.dh2-stats .orange { color: #ef7a25; background: #fff0e7; }
.dh2-stats .purple { color: #6743ef; background: #efeaff; }
.dh2-stats strong { overflow: hidden; color: #121b3d; font-size: 18px; line-height: 1; white-space: nowrap; }
.dh2-stats small { overflow: hidden; margin-top: 3px; color: #737b96; font-size: 8.5px; white-space: nowrap; text-overflow: ellipsis; }

/* Testimonials */
.dh2-testimonials { padding-top: 56px; }
.dh2-testimonial-track { grid-auto-columns: calc((100% - 28px) / 3); gap: 14px; }
.dh2-testimonial-card {
    min-height: 200px;
    padding: 19px;
    border: 1px solid #e1e4ef;
    border-radius: 13px;
    scroll-snap-align: start;
    background: #fff;
    box-shadow: 0 8px 24px rgba(22, 31, 72, .055);
}
.dh2-stars { color: #0bb774; font-size: 14px; letter-spacing: 2px; }
.dh2-stars span { color: #dfe3e9; }
.dh2-testimonial-card > p { min-height: 78px; margin: 15px 0 14px; color: #4f5874; font-size: 11.5px; line-height: 1.65; }
.dh2-testimonial-card footer { display: grid; grid-template-columns: 38px 1fr 30px; align-items: center; gap: 10px; }
.dh2-testimonial-card footer img,
.dh2-avatar { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.dh2-avatar { display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,#5d3cf0,#2f74ed); font-size: 11px; font-weight: 900; }
.dh2-testimonial-card footer strong { display: block; color: #151e40; font-size: 11px; }
.dh2-testimonial-card footer small { display: block; margin-top: 2px; color: #9298ac; font-size: 8.5px; }
.dh2-quote { color: #e8e5fa; }
.dh2-quote svg { width: 28px; height: 28px; }
.dh2-slider-dots.testimonial-dots span { background: #d8d9e6; }
.dh2-slider-dots.testimonial-dots span.active { background: #5735ec; }

/* CTA */
.dh2-cta-section {
    position: relative;
    padding: 12px 0 38px;
}
.dh2-cta-card {
    position: relative;
    min-height: 188px;
    padding: 34px 34px 34px 250px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 26px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 34px;
    overflow: hidden;
    isolation: isolate;
    color: #fff;
    background:
        radial-gradient(circle at 17% 22%, rgba(115, 201, 255, .26), transparent 26%),
        radial-gradient(circle at 79% 8%, rgba(255, 160, 235, .20), transparent 25%),
        linear-gradient(112deg, #111c50 0%, #2e1d91 46%, #5b27e8 100%);
    box-shadow:
        0 30px 70px rgba(27, 20, 96, .24),
        inset 0 1px 0 rgba(255,255,255,.16);
}
.dh2-cta-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.55) 40%, transparent 76%);
    -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.55) 40%, transparent 76%);
}
.dh2-cta-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 420px;
    height: 420px;
    right: -150px;
    top: -290px;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(255,255,255,.24), rgba(255,255,255,.04) 46%, transparent 70%);
}
.dh2-cta-copy {
    position: relative;
    z-index: 2;
    max-width: 650px;
}
.dh2-cta-copy .dh2-eyebrow {
    padding: 7px 11px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    gap: 8px;
    color: #e8e4ff;
    background: rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.dh2-cta-copy .dh2-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #7ee7ff;
    box-shadow: 0 0 0 5px rgba(126,231,255,.12), 0 0 18px rgba(126,231,255,.82);
}
.dh2-cta-card h2 {
    max-width: 680px;
    margin: 13px 0 8px;
    color: #fff;
    font-size: clamp(28px, 3.2vw, 42px);
    line-height: 1.04;
    letter-spacing: -.045em;
    text-wrap: balance;
}
.dh2-cta-card h2 span {
    color: transparent;
    background: linear-gradient(90deg, #d5f4ff 0%, #fff 45%, #e9d7ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.dh2-cta-card p {
    max-width: 620px;
    margin: 0;
    color: rgba(239,241,255,.78);
    font-size: 13px;
    line-height: 1.65;
}
.dh2-cta-actions {
    position: relative;
    z-index: 2;
    min-width: 224px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 19px;
    display: grid;
    gap: 10px;
    background: rgba(8, 12, 51, .18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 40px rgba(8,8,50,.15);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
}
.dh2-cta-actions .dh2-btn {
    width: 100%;
    min-height: 50px;
    padding: 0 20px;
    border-radius: 13px;
    font-size: 12px;
    white-space: nowrap;
}
.dh2-cta-actions .dh2-btn svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
}
.digo-home2 .dh2-cta-actions .dh2-btn-white,
.digo-home2 .dh2-cta-actions .dh2-btn-white:visited {
    color: #291778 !important;
    -webkit-text-fill-color: #291778;
    border-color: rgba(255,255,255,.7) !important;
    background: linear-gradient(180deg, #fff 0%, #f3f1ff 100%) !important;
    box-shadow: 0 12px 28px rgba(11, 8, 63, .24), inset 0 1px 0 #fff;
}
.digo-home2 .dh2-cta-actions .dh2-btn-white:hover {
    color: #1d0b68 !important;
    -webkit-text-fill-color: #1d0b68;
    background: #fff !important;
    box-shadow: 0 16px 34px rgba(11, 8, 63, .30), inset 0 1px 0 #fff;
}
.digo-home2 .dh2-cta-actions .dh2-btn-glass,
.digo-home2 .dh2-cta-actions .dh2-btn-glass:visited {
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    border-color: rgba(255,255,255,.28) !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.digo-home2 .dh2-cta-actions .dh2-btn-glass:hover {
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    border-color: rgba(255,255,255,.48) !important;
    background: rgba(255,255,255,.15) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 12px 25px rgba(8,8,50,.14);
}
.dh2-cta-actions .dh2-btn:focus-visible {
    outline: 3px solid rgba(151, 225, 255, .72);
    outline-offset: 3px;
}
.dh2-cta-art {
    position: absolute;
    z-index: 1;
    left: 34px;
    top: 50%;
    width: 178px;
    height: 178px;
    transform: translateY(-50%);
    filter: drop-shadow(0 22px 28px rgba(12, 10, 72, .26));
}
.dh2-cta-art::before {
    content: "";
    position: absolute;
    inset: 18px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.24), rgba(121,101,255,.18) 46%, rgba(44,31,134,.08) 70%);
    box-shadow: inset 0 0 34px rgba(255,255,255,.08), 0 0 55px rgba(104, 175, 255, .14);
}
.dh2-cta-orbit {
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(199,225,255,.34);
    border-radius: 50%;
    transform: rotate(-18deg) scaleY(.52);
}
.dh2-cta-orbit::before,
.dh2-cta-orbit::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: #bfe9ff;
    box-shadow: 0 0 16px rgba(191,233,255,.9);
}
.dh2-cta-orbit::before { width: 8px; height: 8px; left: 18px; top: 18px; }
.dh2-cta-orbit::after { width: 5px; height: 5px; right: 25px; bottom: 15px; background: #f6cbff; }
.dh2-cta-planet {
    position: absolute;
    left: 19px;
    top: 39px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: radial-gradient(circle at 34% 28%, #fff, #85dcff 20%, #5b63ff 68%, #35239d 100%);
    box-shadow: 0 9px 20px rgba(9,8,75,.24), inset -6px -8px 12px rgba(41,23,134,.24);
    animation: dh2-cta-float 4.8s ease-in-out infinite;
}
.dh2-cta-rocket {
    position: absolute;
    left: 76px;
    top: 42px;
    width: 52px;
    height: 82px;
    border-radius: 50% 50% 42% 42%;
    display: block;
    transform: rotate(34deg);
    background: linear-gradient(145deg, #fff 0%, #d9e6ff 46%, #8d79ff 100%);
    box-shadow: inset -8px -10px 18px rgba(58,39,170,.20), 0 18px 28px rgba(10,8,72,.28);
    animation: dh2-cta-rocket 4s ease-in-out infinite;
}
.dh2-cta-rocket::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 16px;
    width: 20px;
    height: 20px;
    border: 5px solid rgba(255,255,255,.9);
    border-radius: 50%;
    background: linear-gradient(145deg, #78d8ff, #5c42e9);
    box-shadow: inset 0 3px 6px rgba(25,18,104,.28);
}
.dh2-cta-rocket::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: -38px;
    width: 22px;
    height: 48px;
    border-radius: 50% 50% 44% 44%;
    background: linear-gradient(180deg, #fff4b6 0%, #ffbd43 36%, #ff5d65 72%, transparent 100%);
    filter: blur(.3px) drop-shadow(0 9px 8px rgba(255, 99, 82, .28));
    transform: scaleX(.76);
}
@keyframes dh2-cta-float {
    0%, 100% { transform: translate3d(0,0,0); }
    50% { transform: translate3d(4px,-7px,0); }
}
@keyframes dh2-cta-rocket {
    0%, 100% { transform: rotate(34deg) translate3d(0,0,0); }
    50% { transform: rotate(34deg) translate3d(3px,-6px,0); }
}


/* Blog slider — warm editorial treatment after the final CTA */
.dh2-blog-section {
    position: relative;
    padding: 76px 0 88px;
    overflow: hidden;
    border-top: 1px solid #ece4d7;
    background:
        radial-gradient(circle at 8% 18%, rgba(255, 180, 92, .16), transparent 25%),
        radial-gradient(circle at 92% 76%, rgba(91, 55, 230, .10), transparent 28%),
        linear-gradient(180deg, #fbf8f2 0%, #f4efe6 100%);
}
.dh2-blog-section::before {
    content: "INSIGHTS";
    position: absolute;
    right: -30px;
    top: 18px;
    color: rgba(24, 31, 60, .035);
    font-size: clamp(86px, 13vw, 190px);
    line-height: 1;
    letter-spacing: -.08em;
    font-weight: 900;
    pointer-events: none;
}
.dh2-blog-head {
    position: relative;
    z-index: 1;
    align-items: center;
    margin-bottom: 30px;
}
.dh2-blog-head .dh2-eyebrow {
    color: #a34a1f;
}
.dh2-blog-head h2 {
    max-width: 720px;
}
.dh2-blog-all {
    min-height: 46px;
    padding: 0 17px 0 19px;
    border: 1px solid #202846;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 0 0 auto;
    color: #fff !important;
    background: #111a39;
    box-shadow: 0 10px 24px rgba(17, 26, 57, .14);
    font-size: 12px;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.dh2-blog-all svg { width: 15px; height: 15px; }
.dh2-blog-all:hover {
    transform: translateY(-2px);
    background: #5331e9;
    box-shadow: 0 14px 30px rgba(83, 49, 233, .22);
}
.dh2-blog-slider .dh2-slider-arrow {
    border-color: rgba(17,26,57,.12);
    color: #111a39;
    background: #fffdf9;
}
.dh2-blog-track {
    grid-auto-columns: calc((100% - 40px) / 3);
    align-items: stretch;
    gap: 20px;
    padding: 5px 4px 24px;
    scroll-padding-inline: 4px;
}
.dh2-blog-card {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(30, 38, 71, .10);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background: rgba(255,255,255,.88);
    box-shadow: 0 16px 40px rgba(53, 45, 34, .08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.dh2-blog-card:hover {
    transform: translateY(-6px);
    border-color: rgba(83,49,233,.24);
    box-shadow: 0 24px 50px rgba(53, 45, 34, .13);
}
.dh2-blog-media {
    position: relative;
    aspect-ratio: 16 / 10;
    border-radius: 17px;
    display: block;
    overflow: hidden;
    background: #191f3d;
}
.dh2-blog-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .45s cubic-bezier(.2,.8,.2,1);
}
.dh2-blog-card:hover .dh2-blog-image { transform: scale(1.045); }
.dh2-blog-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 48%, rgba(10,15,39,.38) 100%);
}
.dh2-blog-category {
    position: absolute;
    z-index: 2;
    left: 13px;
    bottom: 12px;
    max-width: calc(100% - 26px);
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.54);
    border-radius: 999px;
    overflow: hidden;
    color: #151d3d;
    background: rgba(255,255,255,.91);
    box-shadow: 0 7px 18px rgba(10,15,39,.13);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .07em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.dh2-blog-placeholder {
    width: 100%;
    height: 100%;
    padding: 26px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #fff;
    background:
        radial-gradient(circle at 75% 24%, rgba(255,191,105,.38), transparent 24%),
        linear-gradient(135deg, #131b3d, #5831e8);
}
.dh2-blog-placeholder b { font-size: 40px; letter-spacing: -.06em; }
.dh2-blog-placeholder small { margin-top: 4px; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 700; }
.dh2-blog-body {
    min-height: 155px;
    padding: 18px 10px 8px;
    display: flex;
    flex-direction: column;
}
.dh2-blog-body h3 {
    margin: 0;
    color: #121a39;
    font-size: clamp(17px, 1.5vw, 21px);
    line-height: 1.32;
    letter-spacing: -.025em;
    font-weight: 850;
}
.dh2-blog-body h3 a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.dh2-blog-open {
    min-height: 43px;
    margin-top: auto;
    padding: 10px 4px 0;
    border-top: 1px solid #ebe5dc;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    color: #5231e7 !important;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .02em;
}
.dh2-blog-open > span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: #111a39;
    transition: transform .2s ease, background .2s ease;
}
.dh2-blog-open svg { width: 14px; height: 14px; }
.dh2-blog-card:hover .dh2-blog-open > span { transform: translateX(3px); background: #5631f4; }
.dh2-blog-empty {
    padding: 34px;
    border: 1px dashed rgba(30,38,71,.18);
    border-radius: 22px;
    text-align: center;
    background: rgba(255,255,255,.62);
}
.dh2-blog-empty h3 { margin: 0 0 7px; font-size: 22px; }
.dh2-blog-empty p { margin: 0 0 18px; color: var(--dh2-muted); font-size: 13px; }

@media (max-width: 1260px) {
    .dh2-hero-backdrop {
        background-size: 100% 100%, 100% 100%, auto 106%;
        background-position: center, center, calc(100% + 18px) center;
    }
    .dh2-slider-arrow.prev { left: -17px; }
    .dh2-slider-arrow.next { right: -17px; }
}

@media (max-width: 1080px) {
    .dh2-hero {
        --dh2-hero-fade: linear-gradient(90deg,
            #fbfcff 0%,
            #fbfcff 32%,
            rgba(251, 252, 255, .96) 39%,
            rgba(251, 252, 255, .67) 47%,
            rgba(251, 252, 255, .24) 55%,
            rgba(251, 252, 255, 0) 63%);
        min-height: 560px;
        padding-block: 56px 62px;
    }
    .dh2-hero-grid { grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); gap: 10px; }
    .dh2-hero h1 { font-size: clamp(42px, 5.4vw, 58px); }
    .dh2-hero-backdrop {
        background-size: 100% 100%, 100% 100%, auto 102%;
        background-position: center, center, calc(100% + 24px) center;
    }
    .dh2-trust { gap: 8px; }
    .dh2-service-grid { grid-template-columns: repeat(3, 1fr); }
    .dh2-product-track { grid-auto-columns: calc((100% - 36px) / 3); }
    .dh2-why-grid { grid-template-columns: 1fr 1fr; gap: 34px; }
    .dh2-stats { grid-template-columns: repeat(2, 1fr); row-gap: 22px; }
    .dh2-stats > div:nth-child(even) { border-right: 0; }
    .dh2-cta-card { padding-left: 218px; gap: 24px; }
    .dh2-cta-art { left: 22px; transform: translateY(-50%) scale(.88); transform-origin: center; }
}

@media (max-width: 820px) {
    .dh2-container { width: min(100% - 30px, 720px); }
    .dh2-section { padding: 55px 0; }
    .dh2-hero {
        min-height: 0;
        padding: 46px 0 50px;
        align-items: flex-start;
        background:
            radial-gradient(circle at 72% 48%, rgba(111, 80, 255, .10), transparent 38%),
            linear-gradient(180deg, #fbfcff 0%, #fff 100%);
    }
    .dh2-hero-backdrop { display: none; }
    .dh2-hero::before {
        opacity: .13;
        -webkit-mask-image: linear-gradient(180deg, transparent 18%, #000 58%, transparent 100%);
        mask-image: linear-gradient(180deg, transparent 18%, #000 58%, transparent 100%);
    }
    .dh2-hero::after {
        top: 34%;
        right: -24%;
        bottom: auto;
        width: 112vw;
        opacity: .72;
    }
    .dh2-hero-grid { grid-template-columns: 1fr; gap: 0; }
    .dh2-hero-copy { max-width: 700px; margin-inline: auto; text-align: center; }
    .dh2-hero h1 { max-width: 680px; margin-inline: auto; }
    .dh2-hero-copy > p { margin: 0 auto; }
    .dh2-hero-mobile-visual {
        position: relative;
        display: block;
        width: 100vw;
        height: auto;
        margin: 24px calc(50% - 50vw) 22px;
        overflow: visible;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        isolation: isolate;
    }
    .dh2-hero-mobile-visual::after {
        content: "";
        position: absolute;
        inset: -1px 0;
        z-index: 2;
        pointer-events: none;
        border: 0;
        border-radius: 0;
        background:
            linear-gradient(90deg, rgba(251,252,255,.18) 0%, transparent 12%, transparent 90%, rgba(251,252,255,.12) 100%),
            linear-gradient(180deg, rgba(251,252,255,.36) 0%, transparent 10%, transparent 88%, rgba(251,252,255,.48) 100%);
    }
    .dh2-hero-mobile-visual img {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        width: 100%;
        max-width: none;
        height: auto;
        transform: none;
        opacity: .98;
        filter: saturate(1.04) contrast(1.02);
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 6%, #000 93%, transparent 100%);
        mask-image: linear-gradient(180deg, transparent 0%, #000 6%, #000 93%, transparent 100%);
    }
    .dh2-hero-copy .dh2-actions { justify-content: center; }
    .dh2-trust { max-width: 620px; margin-left: auto; margin-right: auto; text-align: left; }
    .dh2-hero.is-animated .dh2-hero-mobile-visual { animation: dh2-hero-rise .72s .50s both; }
    .dh2-hero.is-animated .dh2-hero-copy > .dh2-actions { animation-delay: .64s; }
    .dh2-hero.is-animated .dh2-trust { animation-delay: .76s; }
    .dh2-service-grid { grid-template-columns: repeat(2, 1fr); }
    .dh2-product-track { grid-auto-columns: calc((100% - 16px) / 2); gap: 16px; }
    .dh2-why-grid { grid-template-columns: 1fr; }
    .dh2-team-photo { order: -1; }
    .dh2-portfolio-track,
    .dh2-testimonial-track,
    .dh2-blog-track { grid-auto-columns: calc((100% - 16px) / 2); }
    .dh2-cta-card { padding: 30px 26px 30px 190px; grid-template-columns: 1fr; gap: 22px; text-align: left; }
    .dh2-cta-copy { padding-left: 0; text-align: left; }
    .dh2-cta-art { left: 8px; transform: translateY(-50%) scale(.82); transform-origin: center; }
    .dh2-cta-actions { min-width: 0; width: min(100%, 480px); grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .dh2-container { width: min(100% - 24px, 560px); }
    .dh2-hero { min-height: 0; padding: 36px 0 42px; }
    .dh2-hero::before {
        -webkit-mask-image: linear-gradient(180deg, transparent 20%, #000 58%, transparent 100%);
        mask-image: linear-gradient(180deg, transparent 20%, #000 58%, transparent 100%);
    }
    .dh2-hero::after { top: 37%; right: -30%; bottom: auto; width: 132vw; }
    .dh2-hero-grid { gap: 0; }
    .dh2-hero h1 { font-size: clamp(32px, 10.3vw, 44px); line-height: .99; letter-spacing: -.052em; }
    .dh2-hero-copy > p { max-width: 510px; font-size: 14px; line-height: 1.65; }
    .dh2-hero-mobile-visual {
        width: 100vw;
        height: auto;
        margin: 22px calc(50% - 50vw) 20px;
        border-radius: 0;
        box-shadow: none;
    }
    .dh2-hero-mobile-visual img {
        width: 100%;
        transform: none;
    }
    .dh2-hero .dh2-actions { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .dh2-hero .dh2-actions .dh2-btn { width: 100%; min-height: 48px; padding-inline: 13px; }
    .dh2-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 8px; margin-top: 24px; }
    .dh2-trust > div { padding: 8px; border: 1px solid rgba(226, 229, 241, .82); border-radius: 12px; background: rgba(255,255,255,.72); }
    .dh2-service-grid { grid-template-columns: 1fr; }
    .dh2-service-card { min-height: 0; }
    .dh2-service-card p { min-height: 0; }
    .dh2-split-head { align-items: flex-start; flex-direction: column; }
    .dh2-products-section { padding-top: 44px; }
    .dh2-products-section .dh2-section-head { margin-bottom: 16px; }
    .dh2-products-section .dh2-text-link { margin-top: 0; }
    .dh2-mobile-swipe-hint {
        margin: 0 0 12px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #767e98;
        font-size: 10px;
        font-weight: 700;
    }
    .dh2-mobile-swipe-hint span { transform: rotate(180deg); }
    .dh2-mobile-swipe-hint svg { width: 13px; height: 13px; color: var(--dh2-purple); }
    .dh2-product-track {
        grid-auto-columns: min(86%, 330px);
        gap: 14px;
        margin-right: -12px;
        padding: 5px 24px 20px 3px;
        scroll-padding-inline: 3px;
    }
    .dh2-portfolio-track,
    .dh2-testimonial-track { grid-auto-columns: 88%; }
    .dh2-portfolio-image { height: 210px; }
    .dh2-portfolio-card-top { top: 11px; right: 11px; left: 11px; }
    .dh2-portfolio-platform { max-width: 122px; padding: 6px 9px; font-size: 8.5px; }
    .dh2-portfolio-body { min-height: 88px; padding: 13px; grid-template-columns: 40px minmax(0, 1fr) 32px; gap: 9px; }
    .dh2-brand-badge { width: 40px; height: 40px; }
    .dh2-blog-section { padding: 54px 0 62px; }
    .dh2-blog-head { margin-bottom: 18px; }
    .dh2-blog-head .dh2-blog-all { width: 100%; }
    .dh2-blog-track {
        grid-auto-columns: min(86%, 330px);
        gap: 14px;
        margin-right: -12px;
        padding: 5px 24px 20px 3px;
        scroll-padding-inline: 3px;
    }
    .dh2-blog-body { min-height: 145px; }
    .dh2-slider-arrow { display: none; }
    .dh2-product-media { padding: 12px 12px 9px; }
    .dh2-product-image { height: auto; aspect-ratio: 16 / 10; }
    .dh2-product-body { padding: 16px 15px 15px; }
    .dh2-product-actions .dh2-btn { min-height: 42px; font-size: 10.5px; }
    .dh2-team-photo,
    .dh2-team-photo img { min-height: 270px; height: 270px; }
    .dh2-team-photo img { border-radius: 50px 16px 50px 16px; }
    .dh2-portfolio { padding-bottom: 70px; }
    .dh2-stats { grid-template-columns: repeat(2, 1fr); padding: 16px 10px; }
    .dh2-stats > div { border-right: 0; padding: 0 9px; }
    .dh2-testimonials { padding-top: 45px; }
    .dh2-cta-section { padding-bottom: 28px; }
    .dh2-cta-card { min-height: 0; padding: 28px 20px 20px; border-radius: 22px; text-align: center; }
    .dh2-cta-copy { padding-left: 0; text-align: center; }
    .dh2-cta-copy .dh2-eyebrow { margin-inline: auto; }
    .dh2-cta-card h2 { margin-top: 14px; font-size: clamp(27px, 9vw, 35px); }
    .dh2-cta-card p { font-size: 12px; }
    .dh2-cta-art { display: none; }
    .dh2-cta-actions { width: 100%; padding: 10px; grid-template-columns: 1fr; }
    .dh2-cta-actions .dh2-btn { min-height: 48px; }
}

@media (max-width: 460px) {
    .dh2-hero { min-height: 0; padding: 32px 0 38px; }
    .dh2-hero-mobile-visual {
        width: 100vw;
        height: auto;
        margin: 18px calc(50% - 50vw) 18px;
        border-radius: 0;
    }
    .dh2-hero-mobile-visual img {
        width: 100%;
        transform: none;
    }
    .dh2-hero .dh2-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .dh2-hero .dh2-actions .dh2-btn { min-height: 46px; padding-inline: 8px; font-size: 11px; }
    .dh2-hero-badge { font-size: 9.5px; }
    .dh2-trust small { font-size: 9px; }
    .dh2-trust > div > span { width: 32px; height: 32px; flex-basis: 32px; }
}

@media (max-width: 350px) {
    .dh2-hero .dh2-actions { grid-template-columns: 1fr; }
}

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

/* v1.1.40 contrast safeguard for themes that override anchor text filling. */
.digo-home2 a.dh2-btn-primary,
.digo-home2 a.dh2-btn-primary:visited,
.digo-home2 button.dh2-btn-primary {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
.digo-home2 a.dh2-btn-primary > *,
.digo-home2 button.dh2-btn-primary > * {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}



/* v1.1.58 — compact portfolio section heading */
.dh2-built-head {
    position: relative;
    align-items: center;
    margin-bottom: 28px;
    padding: 19px 22px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
    box-shadow: inset 0 1px rgba(255,255,255,.07), 0 18px 48px rgba(0,0,0,.16);
    backdrop-filter: blur(14px);
}
.dh2-built-head h2 {
    margin: 0;
    font-size: clamp(25px, 3vw, 38px);
    line-height: 1.08;
    letter-spacing: -.035em;
}
.dh2-built-head .dh2-btn { flex: 0 0 auto; }
.dh2-portfolio-body small { display: block; margin-top: 6px; color: #9e8aff; font-size: 9px; font-weight: 850; line-height: 1; text-transform: uppercase; letter-spacing: .09em; transition: color .22s ease; }
.dh2-portfolio-card:hover .dh2-portfolio-body small { color: #d0c7ff; }
@media (max-width:620px) {
    .dh2-built-head {
        padding: 17px;
        gap: 14px;
        border-radius: 16px;
    }
    .dh2-built-head h2 { font-size: 28px; }
    .dh2-built-head .dh2-btn { width: 100%; }
}


/* v1.1.62 — compact secondary blog showcase */
.dh2-blog-section {
    padding: 46px 0 54px;
}
.dh2-blog-section::before {
    top: 10px;
    font-size: clamp(68px, 10vw, 132px);
}
.dh2-blog-head {
    margin-bottom: 19px;
}
.dh2-blog-head .dh2-eyebrow {
    margin-bottom: 7px;
    font-size: 9px;
}
.dh2-blog-head h2 {
    font-size: clamp(25px, 3vw, 35px);
    line-height: 1.08;
}
.dh2-blog-all {
    min-height: 40px;
    padding-inline: 16px;
    font-size: 11px;
}
.dh2-blog-track {
    grid-auto-columns: calc((100% - 54px) / 4);
    gap: 18px;
    padding: 3px 3px 12px;
}
.dh2-blog-card {
    padding: 7px;
    border-radius: 18px;
    box-shadow: 0 10px 26px rgba(53, 45, 34, .07);
}
.dh2-blog-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(53, 45, 34, .11);
}
.dh2-blog-media {
    aspect-ratio: 16 / 8.25;
    border-radius: 13px;
}
.dh2-blog-category {
    left: 10px;
    bottom: 9px;
    max-width: calc(100% - 20px);
    padding: 5px 8px;
    font-size: 8px;
}
.dh2-blog-body {
    min-height: 108px;
    padding: 12px 7px 5px;
}
.dh2-blog-body h3 {
    font-size: clamp(15px, 1.25vw, 18px);
    line-height: 1.28;
}
.dh2-blog-body h3 a {
    -webkit-line-clamp: 2;
}
.dh2-blog-open {
    min-height: 34px;
    padding: 7px 1px 0;
    font-size: 10px;
}
.dh2-blog-open > span {
    width: 27px;
    height: 27px;
}
.dh2-blog-open svg {
    width: 12px;
    height: 12px;
}

@media (max-width: 1080px) {
    .dh2-blog-track {
        grid-auto-columns: calc((100% - 32px) / 3);
        gap: 16px;
    }
}

@media (max-width: 760px) {
    .dh2-blog-track {
        grid-auto-columns: calc((100% - 14px) / 2);
        gap: 14px;
    }
}

@media (max-width: 620px) {
    .dh2-blog-section {
        padding: 38px 0 44px;
    }
    .dh2-blog-head {
        margin-bottom: 14px;
        gap: 12px;
    }
    .dh2-blog-head h2 {
        font-size: 27px;
    }
    .dh2-blog-head .dh2-blog-all {
        width: auto;
        min-height: 38px;
    }
    .dh2-blog-track {
        grid-auto-columns: min(78%, 292px);
        gap: 12px;
        padding-bottom: 12px;
    }
    .dh2-blog-media {
        aspect-ratio: 16 / 8.5;
    }
    .dh2-blog-body {
        min-height: 102px;
    }
}

/* v1.1.63 — Trustpilot hero proof and expanded Ads & Marketing service grid */

/* Free marketplace products */
.dh2-product-statuses{display:flex;align-items:center;gap:6px;margin-left:auto}
.dh2-product-badges .status.free{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border-color:transparent;box-shadow:0 7px 18px rgba(22,163,74,.24)}
.dh2-product-card .digo-free-price{color:#15803d;font-weight:900}
.dh2-btn-primary.is-free{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#16a34a;box-shadow:0 10px 24px rgba(22,163,74,.22)}
.dh2-btn-primary.is-free:hover{box-shadow:0 14px 30px rgba(22,163,74,.30)}

.dh2-product-actions.has-freemium-free{grid-template-columns:repeat(3,minmax(0,1fr))}
.digo-home2 .dh2-product-actions .dh2-btn-freemium-free,.digo-home2 .dh2-product-actions .dh2-btn-freemium-free:visited{border:1px solid #86efac;background:#f0fdf4;color:#15803d}
.digo-home2 .dh2-product-actions .dh2-btn-freemium-free:hover{border-color:#22c55e;background:#dcfce7;color:#166534}
@media(max-width:520px){.dh2-product-actions.has-freemium-free{grid-template-columns:1fr 1fr}.dh2-product-actions.has-freemium-free .dh2-btn-outline{grid-column:1/-1}}