/*
Theme Name: DataTip Uncode Child
Theme URI: https://www.datatip.eu/
Description: DataTip editable child theme layer for Uncode. Parent theme files are vendor artifacts and must not be modified directly.
Author: DataTip
Template: uncode
Version: 0.1.0
Text Domain: datatip-uncode-child
*/

:root {
    --dt-shopify-ink: #06130b;
    --dt-shopify-ink-2: #0a1b11;
    --dt-shopify-panel: #102818;
    --dt-shopify-panel-2: #14351f;
    --dt-shopify-green: #4ae17d;
    --dt-shopify-green-deep: #0f5c31;
    --dt-shopify-green-soft: #ddfce8;
    --dt-shopify-amber: #f5c84b;
    --dt-shopify-amber-soft: #ffe8a3;
    --dt-shopify-sage: #b8dfc4;
    --dt-shopify-steel: #8fa49a;
    --dt-shopify-mist: #edf6ef;
    --dt-shopify-line: rgba(221, 252, 232, 0.18);
    --dt-shopify-line-dark: rgba(6, 19, 11, 0.12);
    --dt-shopify-radius-panel: 12px;
    --dt-shopify-radius-card: 8px;
    --dt-shopify-radius-control: 999px;
    --dt-shopify-panel-inset-x: clamp(26px, 3.4vw, 54px);
    --dt-shopify-panel-inset-y: clamp(24px, 3vw, 42px);
    --dt-shopify-card-inset-x: clamp(22px, 2.4vw, 34px);
    --dt-shopify-card-inset-y: clamp(20px, 2.2vw, 30px);
    --dt-shopify-shadow-soft: 0 24px 72px rgba(6, 19, 11, 0.16);
    --dt-shopify-shadow-dark: 0 32px 92px rgba(0, 0, 0, 0.32);
}

body.page-id-179715,
body.page-id-179715 .main-container,
body.page-id-179715 .post-wrapper {
    background: var(--dt-shopify-ink);
}

body.page-id-179715 #page-header,
body.page-id-179715 .main-container {
    color-scheme: dark;
}

body.page-id-179715 h1,
body.page-id-179715 h2,
body.page-id-179715 h3,
body.page-id-179715 h4,
body.page-id-179715 p,
body.page-id-179715 a,
body.page-id-179715 span {
    text-wrap: pretty;
}

#shopify.dt-shopify-hero,
#shopify-implementation-lanes,
.dt-shopify-statement,
.dt-shopify-proof-strip,
#shopify-support,
#shopify-resources,
#shopify-roadmap {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

#shopify.dt-shopify-hero {
    background:
        radial-gradient(circle at 15% 22%, rgba(74, 225, 125, 0.2), transparent 28%),
        radial-gradient(circle at 74% 12%, rgba(245, 200, 75, 0.16), transparent 24%),
        radial-gradient(circle at 72% 14%, rgba(221, 252, 232, 0.1), transparent 25%),
        linear-gradient(135deg, #06130b 0%, #0a1b11 56%, #082915 100%) !important;
}

#shopify.dt-shopify-hero::before {
    content: "";
    position: absolute;
    inset: 10% -6% 10% auto;
    width: min(46vw, 620px);
    pointer-events: none;
    z-index: 0;
    border: 1px solid rgba(245, 200, 75, 0.12);
    border-radius: 16px;
    background:
        linear-gradient(90deg, rgba(221, 252, 232, 0.055) 1px, transparent 1px),
        linear-gradient(rgba(221, 252, 232, 0.055) 1px, transparent 1px);
    background-size: 66px 66px;
    mask-image: radial-gradient(circle at 58% 42%, #000 0, transparent 72%);
    opacity: 0.42;
}

#shopify.dt-shopify-hero::after {
    content: "";
    position: absolute;
    inset: auto 8% 12% auto;
    width: 260px;
    height: 180px;
    pointer-events: none;
    z-index: 0;
    border-radius: var(--dt-shopify-radius-panel);
    background:
        radial-gradient(circle at 30% 40%, rgba(74, 225, 125, 0.22), transparent 52%),
        radial-gradient(circle at 78% 20%, rgba(245, 200, 75, 0.18), transparent 48%);
    filter: blur(8px);
}

#shopify.dt-shopify-hero > .row,
.dt-shopify-statement > .row,
#shopify-implementation-lanes > .row,
.dt-shopify-proof-strip > .row,
#shopify-support > .row,
#shopify-resources > .row,
#shopify-roadmap > .row {
    position: relative;
    z-index: 1;
}

#shopify .dt-shopify-hero-copy {
    max-width: 720px;
}

#shopify .dt-shopify-hero-copy p {
    max-width: 680px;
    color: rgba(221, 252, 232, 0.76);
    line-height: 1.58;
}

#shopify h1 {
    max-width: 760px;
    font-size: clamp(50px, 5.1vw, 72px) !important;
    line-height: 1.06 !important;
}

#shopify-implementation-lanes h2,
.dt-shopify-proof-strip h2,
#shopify-support h2,
#shopify-resources h2,
#shopify-roadmap h2 {
    line-height: 1.04 !important;
    letter-spacing: 0;
    text-wrap: balance;
}

#shopify .btn,
#shopify-roadmap .btn {
    white-space: nowrap;
}

#shopify .btn {
    border-radius: 4px !important;
    box-shadow: 0 16px 40px rgba(245, 200, 75, 0.16);
}

#shopify .btn:not(.btn-outline),
#shopify-roadmap .btn {
    border-color: var(--dt-shopify-amber) !important;
    background-color: var(--dt-shopify-amber) !important;
    color: var(--dt-shopify-ink) !important;
}

#shopify .btn.btn-outline {
    border-color: rgba(245, 200, 75, 0.56) !important;
    color: var(--dt-shopify-amber-soft) !important;
}

#shopify .dt-shopify-console-wrap {
    margin: 0;
}

#shopify .dt-shopify-console {
    --dt-pointer-x: 50%;
    --dt-pointer-y: 50%;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: auto;
    padding: var(--dt-shopify-panel-inset-y) var(--dt-shopify-panel-inset-x);
    color: var(--dt-shopify-green-soft);
    border: 1px solid rgba(245, 200, 75, 0.22);
    border-radius: var(--dt-shopify-radius-panel);
    background:
        radial-gradient(circle at var(--dt-pointer-x) var(--dt-pointer-y), rgba(245, 200, 75, 0.13), transparent 31%),
        radial-gradient(circle at 86% 8%, rgba(74, 225, 125, 0.22), transparent 30%),
        linear-gradient(180deg, #102818 0%, #06130b 100%);
    box-shadow: var(--dt-shopify-shadow-dark), inset 0 1px 0 rgba(221, 252, 232, 0.12);
    transition: transform 320ms ease, box-shadow 320ms ease;
}

#shopify .dt-shopify-console::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    opacity: 0.1;
    background:
        linear-gradient(90deg, rgba(221, 252, 232, 0.2) 1px, transparent 1px),
        linear-gradient(rgba(221, 252, 232, 0.16) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: radial-gradient(circle at 55% 35%, #000 0, transparent 70%);
}

#shopify .dt-shopify-console::after {
    display: none;
}

#shopify .dt-shopify-console:hover {
    transform: translateY(-4px);
    box-shadow: 0 40px 96px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(221, 252, 232, 0.14);
}

#shopify .dt-console-topbar,
#shopify .dt-console-check,
#shopify .dt-console-next {
    border: 1px solid rgba(221, 252, 232, 0.18);
    backdrop-filter: blur(16px);
}

#shopify .dt-console-topbar {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 9px 12px;
    border-radius: var(--dt-shopify-radius-control);
    color: var(--dt-shopify-green-soft);
    border-color: rgba(245, 200, 75, 0.34);
    background: rgba(245, 200, 75, 0.1);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
}

#shopify .dt-console-led {
    width: 9px;
    height: 9px;
    border-radius: var(--dt-shopify-radius-control);
    background: var(--dt-shopify-amber);
    box-shadow: 0 0 18px rgba(245, 200, 75, 0.62);
}

#shopify .dt-console-title {
    max-width: 460px;
    margin: 24px 0 10px;
    color: #fff;
    font-size: clamp(30px, 2.7vw, 40px);
    font-weight: 900;
    line-height: 1.02;
}

#shopify .dt-console-copy {
    max-width: 520px;
    margin: 0 0 14px;
    color: rgba(221, 252, 232, 0.8);
    font-size: 15px;
    line-height: 1.5;
}

#shopify .dt-console-proof {
    display: inline-flex;
    align-items: center;
    margin: 0 0 18px;
    padding: 8px 11px;
    border: 1px solid rgba(245, 200, 75, 0.28);
    border-radius: var(--dt-shopify-radius-control);
    background: rgba(245, 200, 75, 0.1);
    color: var(--dt-shopify-green-soft);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

#shopify .dt-console-checklist {
    display: grid;
    gap: 10px;
}

#shopify .dt-console-check {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    padding: 12px;
    border-color: rgba(221, 252, 232, 0.16);
    border-radius: var(--dt-shopify-radius-card);
    background: rgba(221, 252, 232, 0.055);
}

#shopify .dt-console-check b {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: var(--dt-shopify-radius-control);
    color: var(--dt-shopify-ink);
    background: var(--dt-shopify-amber);
    font-size: 11px;
    font-weight: 900;
}

#shopify .dt-console-check strong {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
}

#shopify .dt-console-check span {
    display: block;
    margin-top: 4px;
    color: rgba(221, 252, 232, 0.76);
    font-size: 14px;
    line-height: 1.45;
}

#shopify .dt-console-next {
    margin-top: 12px;
    padding: 14px;
    border-color: rgba(245, 200, 75, 0.26);
    border-radius: var(--dt-shopify-radius-card);
    background: rgba(6, 19, 11, 0.74);
}

#shopify .dt-console-next span {
    display: block;
    margin-bottom: 7px;
    color: var(--dt-shopify-amber);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#shopify .dt-console-next strong {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.25;
}

.dt-shopify-statement {
    background:
        radial-gradient(circle at 78% 16%, rgba(245, 200, 75, 0.12), transparent 28%),
        radial-gradient(circle at 10% 80%, rgba(74, 225, 125, 0.1), transparent 28%),
        linear-gradient(180deg, #07130c 0%, #0b1f12 100%) !important;
    border-top: 1px solid rgba(245, 200, 75, 0.12);
    border-bottom: 1px solid rgba(221, 252, 232, 0.1);
}

.dt-shopify-statement::before {
    display: none;
}

.dt-shopify-statement h2 {
    max-width: 1050px;
    color: var(--dt-shopify-green-soft) !important;
}

.dt-shopify-statement h2 *,
.dt-shopify-statement .heading-text * {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

#shopify-implementation-lanes {
    background:
        radial-gradient(circle at 12% 12%, rgba(74, 225, 125, 0.17), transparent 30%),
        radial-gradient(circle at 88% 10%, rgba(245, 200, 75, 0.16), transparent 26%),
        linear-gradient(180deg, #101810 0%, #13251a 100%) !important;
}

#shopify-implementation-lanes h2,
#shopify-implementation-lanes h6 {
    color: var(--dt-shopify-green-soft) !important;
}

#shopify-implementation-lanes p {
    color: rgba(221, 252, 232, 0.72);
}

#shopify-implementation-lanes h2 {
    max-width: 900px;
}

#shopify-implementation-lanes .dt-shopify-lane-card,
#shopify-support .dt-shopify-support-card,
#shopify-resources .dt-shopify-blog-index-wrap .tmb {
    transform: translateY(0);
    opacity: 1;
    transition: transform 420ms ease, opacity 420ms ease, box-shadow 420ms ease, border-color 420ms ease;
}

#shopify-implementation-lanes .dt-shopify-lane-card > .uncol,
#shopify-implementation-lanes .dt-shopify-lane-card > .uncol > .uncoltable,
#shopify-support .dt-shopify-support-card > .uncol,
#shopify-support .dt-shopify-support-card > .uncol > .uncoltable {
    height: 100%;
    border-radius: var(--dt-shopify-radius-card) !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card > .uncol > .uncoltable > .uncell,
#shopify-support .dt-shopify-support-card > .uncol > .uncoltable > .uncell {
    background: transparent !important;
    border-radius: var(--dt-shopify-radius-card) !important;
    padding: var(--dt-shopify-card-inset-y) var(--dt-shopify-card-inset-x) !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card > .uncol,
#shopify-support .dt-shopify-support-card > .uncol {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(221, 252, 232, 0.12);
    box-shadow: var(--dt-shopify-shadow-soft);
}

#shopify-implementation-lanes .dt-shopify-lane-card > .uncol::before,
#shopify-support .dt-shopify-support-card > .uncol::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--dt-shopify-amber), var(--dt-shopify-green), rgba(74, 225, 125, 0));
}

#shopify-implementation-lanes .dt-shopify-lane-card > .uncol::after {
    display: none;
}

#shopify-implementation-lanes .dt-shopify-lane-card h3,
#shopify-implementation-lanes .dt-shopify-lane-card p,
#shopify-support .dt-shopify-support-card h3,
#shopify-support .dt-shopify-support-card p {
    position: relative;
    z-index: 1;
}

#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(1) > .uncol {
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 200, 75, 0.24), transparent 34%),
        linear-gradient(180deg, #26321a 0%, #121e13 100%) !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(1) > .uncol::after {
    content: "01";
}

#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(1) h3,
#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(1) p,
#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(2) p,
#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(3) p {
    color: var(--dt-shopify-green-soft) !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(2) > .uncol {
    border-color: rgba(245, 200, 75, 0.18);
    background:
        radial-gradient(circle at 92% 0%, rgba(245, 200, 75, 0.16), transparent 30%),
        linear-gradient(180deg, #102818 0%, #06130b 100%) !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(2) > .uncol::after {
    content: "02";
    color: rgba(221, 252, 232, 0.12);
}

#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(3) > .uncol {
    border-color: rgba(221, 252, 232, 0.2);
    background:
        radial-gradient(circle at 80% 0%, rgba(245, 200, 75, 0.1), transparent 34%),
        linear-gradient(180deg, #0f5c31 0%, #0b301b 100%) !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(3) > .uncol::after {
    content: "03";
    color: rgba(221, 252, 232, 0.16);
}

#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(4) > .uncol {
    border-color: rgba(245, 200, 75, 0.22);
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 200, 75, 0.18), transparent 34%),
        radial-gradient(circle at 14% 100%, rgba(74, 225, 125, 0.14), transparent 36%),
        linear-gradient(180deg, #27321a 0%, #10180f 100%) !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(4) > .uncol::after {
    content: "04";
    color: rgba(245, 200, 75, 0.14);
}

#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(4) h3,
#shopify-implementation-lanes .dt-shopify-lane-card:nth-child(4) p {
    color: var(--dt-shopify-green-soft) !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card h3,
#shopify-support .dt-shopify-support-card h3 {
    font-size: clamp(24px, 2.2vw, 34px) !important;
    letter-spacing: 0;
}

#shopify-implementation-lanes .dt-shopify-lane-card p,
#shopify-support .dt-shopify-support-card p {
    max-width: 360px;
    font-size: 15px;
    line-height: 1.55;
}

.dt-shopify-effects-ready #shopify-implementation-lanes .dt-shopify-lane-card,
.dt-shopify-effects-ready #shopify-support .dt-shopify-support-card,
.dt-shopify-effects-ready .dt-shopify-proof-strip .dt-shopify-proof-slide,
.dt-shopify-effects-ready #shopify-resources .dt-shopify-blog-index-wrap .tmb {
    transform: translateY(18px);
    opacity: 0.86;
}

#shopify-implementation-lanes .dt-shopify-lane-card.is-in-view,
#shopify-support .dt-shopify-support-card.is-in-view,
.dt-shopify-proof-strip .dt-shopify-proof-slide.is-in-view,
#shopify-resources .dt-shopify-blog-index-wrap .tmb.is-in-view {
    transform: translateY(0);
    opacity: 1;
}

#shopify-implementation-lanes .dt-shopify-lane-card.is-in-view:hover,
#shopify-support .dt-shopify-support-card.is-in-view:hover,
#shopify-resources .dt-shopify-blog-index-wrap .tmb.is-in-view:hover {
    transform: translateY(-4px);
}

.dt-shopify-proof-strip {
    background:
        radial-gradient(circle at 18% 20%, rgba(74, 225, 125, 0.14), transparent 28%),
        radial-gradient(circle at 70% 12%, rgba(245, 200, 75, 0.12), transparent 26%),
        radial-gradient(circle at 88% 8%, rgba(221, 252, 232, 0.1), transparent 26%),
        linear-gradient(180deg, #06130b 0%, #0a1b11 100%) !important;
}

.dt-shopify-proof-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.14;
    background-image:
        linear-gradient(rgba(221, 252, 232, 0.2) 1px, transparent 1px),
        linear-gradient(90deg, rgba(221, 252, 232, 0.18) 1px, transparent 1px);
    background-size: 88px 88px;
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.dt-shopify-proof-strip h2 {
    max-width: 1120px;
    margin-bottom: clamp(30px, 4vw, 58px) !important;
    font-size: clamp(42px, 4.6vw, 68px) !important;
    line-height: 1.02 !important;
}

.dt-shopify-proof-strip .dt-shopify-proof-slide {
    overflow: hidden;
    min-height: 340px;
    padding: clamp(24px, 3vw, 42px);
    border: 1px solid rgba(245, 200, 75, 0.12);
    border-radius: var(--dt-shopify-radius-panel);
    background:
        radial-gradient(circle at 18% 20%, rgba(245, 200, 75, 0.1), transparent 28%),
        radial-gradient(circle at 80% 20%, rgba(74, 225, 125, 0.1), transparent 26%),
        linear-gradient(135deg, rgba(221, 252, 232, 0.08), rgba(6, 19, 11, 0.82));
    box-shadow: var(--dt-shopify-shadow-dark), inset 0 1px 0 rgba(221, 252, 232, 0.08);
}

.dt-shopify-proof-strip #slider-shopify-stack,
.dt-shopify-proof-strip .uncode-slider {
    margin-top: clamp(18px, 2.4vw, 36px);
}

.dt-shopify-proof-strip .vc_single_image-wrapper {
    display: block;
    padding: 8px;
    border: 1px solid rgba(245, 200, 75, 0.12);
    border-radius: var(--dt-shopify-radius-card);
    background: rgba(221, 252, 232, 0.06);
}

.dt-shopify-proof-strip img {
    width: 100%;
    border-radius: var(--dt-shopify-radius-card);
    filter: saturate(0.92) contrast(1.04);
}

.dt-shopify-proof-strip .uncode-single-media-wrapper,
.dt-shopify-proof-strip .tmb {
    border-radius: var(--dt-shopify-radius-card) !important;
}

#shopify-support {
    background:
        radial-gradient(circle at 80% 12%, rgba(74, 225, 125, 0.14), transparent 26%),
        radial-gradient(circle at 12% 8%, rgba(245, 200, 75, 0.12), transparent 26%),
        linear-gradient(180deg, #0a1b11 0%, #102818 100%) !important;
    border-top: 1px solid rgba(221, 252, 232, 0.1);
}

#shopify-support .dt-shopify-support-card > .uncol {
    border-color: rgba(221, 252, 232, 0.14);
}

#shopify-support .dt-shopify-support-card:nth-child(1) > .uncol {
    border-color: rgba(245, 200, 75, 0.28);
    background:
        radial-gradient(circle at 85% 0%, rgba(245, 200, 75, 0.26), transparent 34%),
        linear-gradient(180deg, #2b2817 0%, #10140d 100%) !important;
}

#shopify-support .dt-shopify-support-card:nth-child(2) > .uncol {
    border-color: rgba(74, 225, 125, 0.2);
    background:
        radial-gradient(circle at 85% 0%, rgba(74, 225, 125, 0.2), transparent 34%),
        linear-gradient(180deg, #17321f 0%, #07130c 100%) !important;
}

#shopify-support .dt-shopify-support-card:nth-child(3) > .uncol {
    background:
        radial-gradient(circle at 85% 0%, rgba(74, 225, 125, 0.18), transparent 34%),
        linear-gradient(180deg, #102818 0%, #06130b 100%) !important;
}

#shopify-support .dt-shopify-support-card h3 {
    font-size: clamp(22px, 1.8vw, 29px) !important;
    line-height: 1.12 !important;
}

#shopify-support .dt-shopify-support-card:nth-child(1) h3,
#shopify-support .dt-shopify-support-card:nth-child(2) h3 {
    color: var(--dt-shopify-green-soft) !important;
}

#shopify-support .dt-shopify-support-card:nth-child(1) p,
#shopify-support .dt-shopify-support-card:nth-child(2) p,
#shopify-support .dt-shopify-support-card:nth-child(3) p {
    color: rgba(221, 252, 232, 0.76) !important;
}

#shopify-support .dt-shopify-support-board {
    margin-top: clamp(18px, 2vw, 28px);
}

#shopify-support .dt-support-board {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr);
    gap: clamp(16px, 2vw, 28px);
    min-height: clamp(230px, 19vw, 310px);
    overflow: hidden;
    padding: var(--dt-shopify-panel-inset-y) var(--dt-shopify-panel-inset-x);
    border: 1px solid rgba(221, 252, 232, 0.16);
    border-radius: var(--dt-shopify-radius-panel);
    background:
        radial-gradient(circle at 18% 18%, rgba(245, 200, 75, 0.12), transparent 28%),
        radial-gradient(circle at 88% 20%, rgba(74, 225, 125, 0.14), transparent 30%),
        linear-gradient(135deg, rgba(221, 252, 232, 0.08), rgba(6, 19, 11, 0.86));
    box-shadow: var(--dt-shopify-shadow-dark), inset 0 1px 0 rgba(221, 252, 232, 0.08);
}

#shopify-support .dt-support-board::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--dt-shopify-amber), var(--dt-shopify-green), rgba(74, 225, 125, 0));
}

#shopify-support .dt-support-board::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.12;
    background-image:
        linear-gradient(rgba(221, 252, 232, 0.2) 1px, transparent 1px),
        linear-gradient(90deg, rgba(221, 252, 232, 0.16) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: radial-gradient(circle at 72% 34%, #000 0, transparent 72%);
}

#shopify-support .dt-support-board-main,
#shopify-support .dt-support-board-flow,
#shopify-support .dt-support-board-grid {
    position: relative;
    z-index: 1;
}

#shopify-support .dt-support-board-kicker {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 10px;
    border: 1px solid rgba(245, 200, 75, 0.28);
    border-radius: var(--dt-shopify-radius-control);
    background: rgba(245, 200, 75, 0.1);
    color: var(--dt-shopify-amber-soft);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

#shopify-support .dt-support-board-main strong {
    display: block;
    max-width: 520px;
    color: #fff;
    font-size: clamp(28px, 2.7vw, 42px);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.04;
    text-wrap: balance;
}

#shopify-support .dt-support-board-main p {
    max-width: 560px;
    margin: 14px 0 0;
    color: rgba(221, 252, 232, 0.76);
    font-size: 15px;
    line-height: 1.55;
}

#shopify-support .dt-support-board-flow {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-self: start;
}

#shopify-support .dt-support-board-flow span {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 11px 13px;
    border: 1px solid rgba(221, 252, 232, 0.16);
    border-radius: var(--dt-shopify-radius-card);
    background: rgba(221, 252, 232, 0.06);
    color: var(--dt-shopify-green-soft);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.1;
}

#shopify-support .dt-support-board-flow span::before {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin-right: 9px;
    border-radius: var(--dt-shopify-radius-control);
    background: var(--dt-shopify-amber);
    box-shadow: 0 0 18px rgba(245, 200, 75, 0.44);
}

#shopify-support .dt-support-board-grid {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    align-self: end;
}

#shopify-support .dt-support-board-grid div {
    min-height: 88px;
    padding: 14px;
    border: 1px solid rgba(221, 252, 232, 0.13);
    border-radius: var(--dt-shopify-radius-card);
    background: rgba(6, 19, 11, 0.58);
}

#shopify-support .dt-support-board-grid b {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
}

#shopify-support .dt-support-board-grid span {
    display: block;
    margin-top: 7px;
    color: rgba(221, 252, 232, 0.68);
    font-size: 12px;
    line-height: 1.35;
}

#shopify-resources.dt-shopify-blog-hub {
    background:
        radial-gradient(circle at 12% 12%, rgba(74, 225, 125, 0.14), transparent 28%),
        radial-gradient(circle at 82% 8%, rgba(245, 200, 75, 0.12), transparent 26%),
        linear-gradient(180deg, #102818 0%, #07130c 100%) !important;
}

#shopify-resources.dt-shopify-blog-hub::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.14;
    background-image:
        linear-gradient(rgba(221, 252, 232, 0.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(221, 252, 232, 0.16) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at 46% 30%, #000 0, transparent 70%);
}

#shopify-resources h2,
#shopify-resources h6,
#shopify-resources .dt-shopify-blog-copy p {
    color: var(--dt-shopify-green-soft) !important;
}

#shopify-resources .dt-shopify-blog-copy p {
    max-width: 680px;
    color: rgba(221, 252, 232, 0.72) !important;
}

#shopify-resources .dt-shopify-blog-tools {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    max-width: 760px;
    margin-top: clamp(18px, 2.4vw, 28px);
}

#shopify-resources .dt-shopify-blog-tools p {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

#shopify-resources .dt-shopify-blog-count,
#shopify-resources .dt-shopify-blog-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 12px;
    border: 1px solid rgba(221, 252, 232, 0.16);
    border-radius: var(--dt-shopify-radius-control);
    background: rgba(221, 252, 232, 0.08);
    color: var(--dt-shopify-green-soft);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, color 220ms ease;
}

#shopify-resources .dt-shopify-blog-count,
#shopify-resources .dt-shopify-blog-count * {
    color: var(--dt-shopify-green-soft) !important;
}

#shopify-resources .dt-shopify-blog-count::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 7px;
    border-radius: var(--dt-shopify-radius-control);
    background: var(--dt-shopify-amber);
    box-shadow: 0 0 18px rgba(245, 200, 75, 0.52);
}

#shopify-resources .dt-shopify-blog-chip:hover,
#shopify-resources .dt-shopify-blog-chip:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(245, 200, 75, 0.72);
    background: var(--dt-shopify-amber);
    color: var(--dt-shopify-ink);
}

#shopify-resources .dt-shopify-blog-index-wrap {
    margin-top: clamp(34px, 4vw, 52px);
    padding: clamp(22px, 3vw, 36px);
    overflow: hidden;
    border: 1px solid rgba(221, 252, 232, 0.14);
    border-radius: var(--dt-shopify-radius-panel);
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 200, 75, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(221, 252, 232, 0.055), rgba(221, 252, 232, 0.03)) !important;
    box-shadow: var(--dt-shopify-shadow-dark), inset 0 1px 0 rgba(221, 252, 232, 0.08);
}

#shopify-resources .dt-shopify-blog-index-wrap .owl-stage-outer {
    overflow: hidden !important;
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb {
    overflow: visible;
    padding-right: clamp(18px, 2vw, 28px) !important;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#shopify-resources .dt-shopify-blog-index-wrap .t-inside {
    min-height: 100%;
    overflow: hidden;
    border: 1px solid rgba(221, 252, 232, 0.14);
    border-radius: var(--dt-shopify-radius-card);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}

#shopify-resources .dt-shopify-blog-index-wrap .t-inside,
#shopify-resources .dt-shopify-blog-index-wrap .style-color-xsdn-bg {
    background: linear-gradient(180deg, #102818 0%, #07130c 100%) !important;
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb:hover {
    box-shadow: none;
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb:hover .t-inside {
    box-shadow: 0 26px 72px rgba(0, 0, 0, 0.24);
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-visual img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    filter: saturate(0.94) contrast(1.04);
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-text {
    padding: clamp(22px, 2.2vw, 30px) !important;
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-title,
#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-title a {
    color: var(--dt-shopify-green-soft) !important;
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-excerpt,
#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-meta,
#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-meta span,
#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-date,
#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-date span,
#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-text p,
#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry p {
    color: rgba(221, 252, 232, 0.72) !important;
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-category a,
#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-date {
    font-weight: 800;
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-category,
#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-category span,
#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-category a {
    color: var(--dt-shopify-ink) !important;
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-category span {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 9px;
    border-radius: var(--dt-shopify-radius-control);
    background: var(--dt-shopify-amber) !important;
    line-height: 1.1;
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb .t-entry-category a {
    display: inline-flex;
    align-items: center;
    min-height: 0;
    padding: 0;
    border-radius: var(--dt-shopify-radius-control);
    background: transparent !important;
    line-height: 1.1;
}

#shopify-resources .dt-shopify-blog-index-wrap .uncode-carousel-nav {
    margin-top: 24px;
}

#shopify-roadmap {
    background:
        radial-gradient(circle at 80% 16%, rgba(245, 200, 75, 0.13), transparent 28%),
        radial-gradient(circle at 16% 18%, rgba(74, 225, 125, 0.1), transparent 28%),
        linear-gradient(180deg, #06130b 0%, #0a1b11 100%) !important;
    border-top: 1px solid rgba(221, 252, 232, 0.12);
    padding-bottom: clamp(130px, 12vw, 210px) !important;
}

#shopify-roadmap .btn {
    border-radius: 4px !important;
    box-shadow: 0 16px 40px rgba(245, 200, 75, 0.16);
}

#shopify-roadmap .panel,
#shopify-roadmap .uncode-accordion .panel {
    border-color: rgba(221, 252, 232, 0.16) !important;
    border-radius: var(--dt-shopify-radius-card) !important;
    background:
        radial-gradient(circle at 92% 18%, rgba(245, 200, 75, 0.055), transparent 34%),
        rgba(221, 252, 232, 0.04);
}

#shopify-roadmap .panel + .panel,
#shopify-roadmap .uncode-accordion .panel + .panel {
    margin-top: 12px !important;
}

#shopify-roadmap .panel-heading {
    padding: 0 !important;
    background: transparent !important;
}

#shopify-roadmap .panel-title a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: clamp(88px, 7.6vw, 122px);
    padding: clamp(22px, 2.7vw, 34px) var(--dt-shopify-panel-inset-x) !important;
    color: var(--dt-shopify-green-soft) !important;
    line-height: 1.22 !important;
}

#shopify-roadmap .panel-body {
    padding: 0 var(--dt-shopify-panel-inset-x) clamp(28px, 3vw, 42px) !important;
    color: rgba(221, 252, 232, 0.74);
}

#shopify-roadmap .panel-body .uncode_text_column,
#shopify-roadmap .panel-body p {
    max-width: 980px;
}

body.page-id-179715 #contact {
    margin-top: clamp(360px, 28vw, 460px);
}

#shopify-roadmap .panel,
#shopify-roadmap .uncode-accordion .panel,
#shopify-roadmap .panel-heading,
#shopify-roadmap .panel-body {
    overflow: hidden;
}

@media (min-width: 960px) {
    #shopify .dt-shopify-console {
        padding: clamp(18px, 1.8vw, 24px);
    }

    #shopify .dt-console-title {
        margin-top: 20px;
        margin-bottom: 8px;
        font-size: clamp(27px, 2.35vw, 35px);
    }

    #shopify .dt-console-copy {
        margin-bottom: 10px;
        font-size: 14.5px;
        line-height: 1.4;
    }

    #shopify .dt-console-proof {
        margin-bottom: 12px;
        padding: 7px 10px;
        font-size: 12px;
    }

    #shopify .dt-console-checklist {
        gap: 8px;
    }

    #shopify .dt-console-check {
        padding: 10px;
    }

    #shopify .dt-console-check b {
        width: 28px;
        height: 28px;
        font-size: 10px;
    }

    #shopify .dt-console-check strong {
        font-size: 14.5px;
    }

    #shopify .dt-console-check span {
        font-size: 13px;
        line-height: 1.35;
    }

    #shopify .dt-console-next {
        margin-top: 10px;
        padding: 12px;
    }

    #shopify .dt-console-next strong {
        font-size: 15px;
        line-height: 1.18;
    }

    #shopify-implementation-lanes h2,
    .dt-shopify-proof-strip h2 {
        font-size: clamp(40px, 4.6vw, 68px) !important;
    }

    #shopify-support h2,
    #shopify-roadmap h2 {
        font-size: clamp(42px, 4.6vw, 68px) !important;
    }

    #shopify-resources h2 {
        font-size: clamp(36px, 4.2vw, 60px) !important;
    }

    #shopify-implementation-lanes .dt-shopify-lane-card,
    #shopify-support .dt-shopify-support-card {
        min-height: 255px;
    }

    #shopify-implementation-lanes .dt-shopify-lane-card > .uncol > .uncoltable,
    #shopify-support .dt-shopify-support-card > .uncol > .uncoltable {
        min-height: 255px;
    }
}

@media (max-width: 959px) {
    body.page-id-179715 {
        --dt-shopify-panel-inset-x: 20px;
        --dt-shopify-panel-inset-y: 20px;
        --dt-shopify-card-inset-x: 18px;
        --dt-shopify-card-inset-y: 18px;
    }

    #shopify.dt-shopify-hero::before {
        display: none;
    }

    #shopify.dt-shopify-hero::after {
        display: none;
    }

    #shopify .dt-shopify-console {
        margin-top: 24px;
        border-radius: 12px;
    }

    #shopify .dt-shopify-console::after {
        display: none;
    }

    #shopify .dt-console-topbar {
        padding: 8px 10px;
        font-size: 10px;
    }

    #shopify .dt-console-title {
        margin-top: 20px;
        padding-right: 0;
    }

    #shopify .dt-console-copy {
        font-size: 15px;
    }

    #shopify h1 {
        font-size: clamp(40px, 11vw, 52px) !important;
    }

    #shopify .dt-console-check {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #shopify .dt-console-next strong {
        font-size: 16px;
    }

    .dt-shopify-statement::before {
        display: none;
    }

    .dt-shopify-proof-strip .dt-shopify-proof-slide {
        min-height: auto;
        padding: var(--dt-shopify-panel-inset-y) var(--dt-shopify-panel-inset-x);
        border-radius: 12px;
    }

    #shopify-roadmap .panel-title a {
        min-height: 88px;
        padding: 20px var(--dt-shopify-panel-inset-x) !important;
    }

    #shopify-roadmap .panel-body {
        padding: 0 var(--dt-shopify-panel-inset-x) 24px !important;
    }

    #shopify-resources .dt-shopify-blog-tools {
        justify-content: flex-start;
        margin-top: 18px;
    }

    #shopify-resources .dt-shopify-blog-index-wrap {
        margin-top: 24px;
        padding: 18px;
        border-radius: 12px;
        margin-bottom: 72px;
    }

    #shopify-support .dt-support-board {
        grid-template-columns: 1fr;
        min-height: auto;
        border-radius: 12px;
    }

    #shopify-support .dt-support-board-flow,
    #shopify-support .dt-support-board-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #shopify-resources .dt-shopify-blog-chip,
    #shopify-resources .dt-shopify-blog-count {
        min-height: 40px;
        padding: 10px 12px;
        font-size: 13px;
    }

    #shopify-support,
    #shopify-resources,
    #shopify-roadmap {
        padding-bottom: max(96px, env(safe-area-inset-bottom)) !important;
    }

    body.page-id-179715 #contact {
        margin-top: 180px;
    }

    body.page-id-179715 .chaty-widget.left-position {
        display: none !important;
    }
}

@media (max-width: 480px) {
    #shopify .btn {
        display: flex;
        width: min(100%, 268px);
        margin-right: auto;
        margin-left: auto;
        justify-content: center;
    }

    #shopify .btn-container,
    #shopify .btn-wrapper {
        margin-bottom: 12px;
    }

    #shopify-implementation-lanes .dt-shopify-lane-card h3,
    #shopify-support .dt-shopify-support-card h3 {
        font-size: clamp(22px, 7vw, 28px) !important;
    }

    #shopify-support .dt-support-board-flow,
    #shopify-support .dt-support-board-grid {
        grid-template-columns: 1fr;
    }

    #shopify-support .dt-support-board-main strong {
        font-size: clamp(26px, 8vw, 34px);
    }
}

@media (prefers-reduced-motion: reduce) {
    #shopify .dt-shopify-console,
    #shopify-implementation-lanes .dt-shopify-lane-card,
    #shopify-support .dt-shopify-support-card,
    .dt-shopify-proof-strip .dt-shopify-proof-slide,
    #shopify-resources .dt-shopify-blog-index-wrap .tmb,
    #shopify-resources .dt-shopify-blog-chip {
        transition: none;
    }
}

/* Shopify landing page v2: video hero + Uncode-native premium rhythm. */
body.page-id-179715 {
    --dt-shopify-radius-panel: 14px;
    --dt-shopify-radius-card: 10px;
    --dt-shopify-section-gap: clamp(42px, 6vw, 86px);
    --dt-shopify-panel-inset-x: clamp(24px, 3.4vw, 52px);
    --dt-shopify-panel-inset-y: clamp(24px, 3vw, 44px);
    --dt-shopify-card-inset-x: clamp(20px, 2.2vw, 34px);
    --dt-shopify-card-inset-y: clamp(20px, 2.2vw, 32px);
    background: #06130b;
}

body.page-id-179715 .main-container,
body.page-id-179715 .post-content,
body.page-id-179715 .post-wrapper {
    background: #06130b;
}

#shopify.dt-shopify-media-hero,
#shopify-technical-ownership,
#shopify-platform-capabilities,
#shopify-implementation-lanes,
.dt-shopify-statement,
#shopify-support,
#shopify-resources,
#shopify-roadmap {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

#shopify.dt-shopify-media-hero > .row,
#shopify-technical-ownership > .row,
#shopify-platform-capabilities > .row,
#shopify-implementation-lanes > .row,
.dt-shopify-statement > .row,
#shopify-support > .row,
#shopify-resources > .row,
#shopify-roadmap > .row {
    position: relative;
    z-index: 1;
}

#shopify.dt-shopify-media-hero {
    background:
        radial-gradient(circle at 12% 18%, rgba(74, 225, 125, 0.18), transparent 30%),
        radial-gradient(circle at 86% 12%, rgba(245, 200, 75, 0.16), transparent 28%),
        linear-gradient(135deg, #06130b 0%, #0b1f12 58%, #082915 100%) !important;
}

#shopify.dt-shopify-media-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.18;
    background:
        linear-gradient(rgba(221, 252, 232, 0.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(221, 252, 232, 0.12) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}

#shopify.dt-shopify-media-hero::after {
    content: "";
    position: absolute;
    right: 7%;
    bottom: 8%;
    z-index: 0;
    width: min(36vw, 520px);
    height: min(24vw, 340px);
    pointer-events: none;
    border-radius: var(--dt-shopify-radius-panel);
    background:
        radial-gradient(circle at 35% 40%, rgba(74, 225, 125, 0.28), transparent 52%),
        radial-gradient(circle at 82% 20%, rgba(245, 200, 75, 0.18), transparent 48%);
    filter: blur(18px);
}

#shopify.dt-shopify-media-hero h1 {
    max-width: 760px;
    font-size: clamp(44px, 4.9vw, 76px) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
}

#shopify .dt-shopify-hero-copy p,
.dt-shopify-section-copy p,
.dt-shopify-thesis-copy p,
#shopify-resources .dt-shopify-blog-copy p {
    max-width: 720px;
    color: rgba(221, 252, 232, 0.76);
    line-height: 1.56;
}

#shopify .btn {
    border-radius: 6px !important;
}

.dt-shopify-video-shell {
    margin: 0;
}

.dt-shopify-video-card {
    --dt-pointer-x: 50%;
    --dt-pointer-y: 50%;
    position: relative;
    overflow: hidden;
    min-height: clamp(470px, 44vw, 660px);
    border: 1px solid rgba(221, 252, 232, 0.18);
    border-radius: var(--dt-shopify-radius-panel);
    background:
        radial-gradient(circle at var(--dt-pointer-x) var(--dt-pointer-y), rgba(245, 200, 75, 0.16), transparent 26%),
        linear-gradient(180deg, rgba(16, 40, 24, 0.96), rgba(6, 19, 11, 0.96));
    box-shadow: 0 34px 100px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(221, 252, 232, 0.12);
}

.dt-shopify-video-card::before {
    content: "";
    position: absolute;
    inset: 14px;
    z-index: 2;
    pointer-events: none;
    border: 1px solid rgba(221, 252, 232, 0.14);
    border-radius: calc(var(--dt-shopify-radius-panel) - 4px);
}

.dt-shopify-video-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(6, 19, 11, 0.05), rgba(6, 19, 11, 0.72)),
        radial-gradient(circle at 72% 18%, rgba(74, 225, 125, 0.2), transparent 38%);
}

.dt-shopify-hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.03);
    filter: saturate(1.08) contrast(1.05);
}

.dt-shopify-video-overlay,
.dt-shopify-video-metrics {
    position: absolute;
    z-index: 3;
    left: var(--dt-shopify-panel-inset-x);
    right: var(--dt-shopify-panel-inset-x);
}

.dt-shopify-video-overlay {
    top: var(--dt-shopify-panel-inset-y);
    max-width: 480px;
    padding: clamp(18px, 2vw, 26px);
    border: 1px solid rgba(245, 200, 75, 0.24);
    border-radius: var(--dt-shopify-radius-card);
    background: rgba(6, 19, 11, 0.76);
    backdrop-filter: blur(18px);
}

.dt-shopify-video-overlay span {
    display: inline-flex;
    margin-bottom: 12px;
    color: #f5c84b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.dt-shopify-video-overlay strong {
    display: block;
    color: #fff;
    font-size: clamp(22px, 2.2vw, 34px);
    font-weight: 900;
    line-height: 1.08;
}

.dt-shopify-video-metrics {
    bottom: var(--dt-shopify-panel-inset-y);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.dt-shopify-video-metrics span {
    min-height: 82px;
    padding: 14px;
    border: 1px solid rgba(221, 252, 232, 0.18);
    border-radius: var(--dt-shopify-radius-card);
    background: rgba(6, 19, 11, 0.72);
    color: #ddfce8;
    font-weight: 800;
    line-height: 1.2;
    backdrop-filter: blur(14px);
}

.dt-shopify-video-metrics b {
    display: block;
    margin-bottom: 8px;
    color: #4ae17d;
    font-size: 11px;
    letter-spacing: 0.08em;
}

.dt-shopify-scroll-thesis {
    background:
        radial-gradient(circle at 80% 18%, rgba(245, 200, 75, 0.14), transparent 28%),
        radial-gradient(circle at 12% 82%, rgba(74, 225, 125, 0.12), transparent 30%),
        linear-gradient(180deg, #07130c 0%, #0a1b11 100%) !important;
}

.dt-shopify-scroll-thesis h2 {
    max-width: 1140px;
    line-height: 1.04 !important;
}

.dt-shopify-thesis-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: clamp(26px, 3vw, 42px);
}

.dt-shopify-thesis-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 14px;
    border: 1px solid rgba(221, 252, 232, 0.18);
    border-radius: 999px;
    background: rgba(221, 252, 232, 0.06);
    color: #ddfce8;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1;
}

#shopify-implementation-lanes.dt-shopify-stack-routes {
    background:
        radial-gradient(circle at 16% 16%, rgba(74, 225, 125, 0.14), transparent 30%),
        radial-gradient(circle at 88% 12%, rgba(245, 200, 75, 0.14), transparent 28%),
        linear-gradient(180deg, #101810 0%, #13251a 100%) !important;
}

.dt-shopify-routes-grid {
    margin-top: clamp(30px, 4vw, 58px);
}

#shopify-implementation-lanes .dt-shopify-lane-card > .uncol {
    min-height: clamp(260px, 24vw, 360px);
    border-radius: var(--dt-shopify-radius-card) !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card > .uncol > .uncoltable > .uncell {
    padding: var(--dt-shopify-card-inset-y) var(--dt-shopify-card-inset-x) !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card h3 {
    font-size: clamp(25px, 2.4vw, 38px) !important;
    line-height: 1.08 !important;
}

#shopify-implementation-lanes .dt-shopify-lane-card p {
    max-width: 360px;
    color: rgba(221, 252, 232, 0.76) !important;
}

#shopify-technical-ownership.dt-shopify-ownership {
    background:
        radial-gradient(circle at 16% 12%, rgba(245, 200, 75, 0.12), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(74, 225, 125, 0.14), transparent 30%),
        linear-gradient(180deg, #06130b 0%, #0a1b11 100%) !important;
    border-top: 1px solid rgba(221, 252, 232, 0.1);
}

.dt-shopify-ownership-board {
    margin: 0;
}

.dt-shopify-ownership-map {
    position: relative;
    overflow: hidden;
    padding: var(--dt-shopify-panel-inset-y) var(--dt-shopify-panel-inset-x);
    border: 1px solid rgba(221, 252, 232, 0.18);
    border-radius: var(--dt-shopify-radius-panel);
    background:
        radial-gradient(circle at 20% 18%, rgba(245, 200, 75, 0.14), transparent 30%),
        radial-gradient(circle at 84% 16%, rgba(74, 225, 125, 0.16), transparent 32%),
        linear-gradient(135deg, rgba(221, 252, 232, 0.08), rgba(6, 19, 11, 0.88));
    box-shadow: var(--dt-shopify-shadow-dark), inset 0 1px 0 rgba(221, 252, 232, 0.1);
}

.dt-shopify-ownership-map::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.12;
    background:
        linear-gradient(rgba(221, 252, 232, 0.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(221, 252, 232, 0.14) 1px, transparent 1px);
    background-size: 56px 56px;
}

.dt-shopify-ownership-core,
.dt-shopify-ownership-grid {
    position: relative;
    z-index: 1;
}

.dt-shopify-ownership-core {
    max-width: 680px;
    margin-bottom: clamp(22px, 3vw, 38px);
}

.dt-shopify-ownership-core span {
    display: inline-flex;
    margin-bottom: 14px;
    color: #f5c84b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dt-shopify-ownership-core strong {
    display: block;
    color: #fff;
    font-size: clamp(32px, 4vw, 58px);
    font-weight: 900;
    line-height: 1.02;
}

.dt-shopify-ownership-core p {
    max-width: 620px;
    margin: 14px 0 0;
    color: rgba(221, 252, 232, 0.76);
    line-height: 1.55;
}

.dt-shopify-ownership-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dt-shopify-ownership-card {
    min-height: 132px;
    padding: clamp(18px, 2vw, 24px);
    border: 1px solid rgba(221, 252, 232, 0.14);
    border-radius: var(--dt-shopify-radius-card);
    background: rgba(6, 19, 11, 0.58);
}

.dt-shopify-ownership-card b {
    display: block;
    margin-bottom: 8px;
    color: #4ae17d;
    font-size: clamp(18px, 1.6vw, 24px);
    line-height: 1.12;
}

.dt-shopify-ownership-card span {
    display: block;
    color: rgba(221, 252, 232, 0.72);
    font-size: 15px;
    line-height: 1.45;
}

#shopify-platform-capabilities.dt-shopify-proof-strip {
    background:
        radial-gradient(circle at 18% 18%, rgba(74, 225, 125, 0.12), transparent 28%),
        radial-gradient(circle at 78% 14%, rgba(245, 200, 75, 0.14), transparent 26%),
        linear-gradient(180deg, #07130c 0%, #06130b 100%) !important;
}

#shopify-platform-capabilities .dt-shopify-proof-slide {
    min-height: clamp(420px, 34vw, 540px);
    padding: clamp(22px, 3vw, 42px);
    border-radius: var(--dt-shopify-radius-panel);
}

#shopify-platform-capabilities .vc_single_image-wrapper {
    padding: 8px;
    border: 1px solid rgba(221, 252, 232, 0.14);
    border-radius: var(--dt-shopify-radius-card);
    background: rgba(221, 252, 232, 0.06);
}

#shopify-platform-capabilities img {
    border-radius: var(--dt-shopify-radius-card);
}

.dt-platform-card {
    max-width: 640px;
    padding: clamp(20px, 2.8vw, 42px);
    border: 1px solid rgba(221, 252, 232, 0.14);
    border-radius: var(--dt-shopify-radius-card);
    background:
        radial-gradient(circle at 100% 0%, rgba(74, 225, 125, 0.14), transparent 34%),
        rgba(6, 19, 11, 0.58);
}

.dt-platform-card span {
    display: inline-flex;
    margin-bottom: 16px;
    color: #f5c84b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dt-platform-card h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(30px, 4vw, 58px);
    font-weight: 900;
    line-height: 1.02;
}

.dt-platform-card p {
    max-width: 560px;
    margin: 0;
    color: rgba(221, 252, 232, 0.74);
    line-height: 1.55;
}

#shopify-support > .row {
    align-items: stretch;
}

#shopify-support .dt-shopify-support-card > .uncol {
    min-height: clamp(260px, 24vw, 360px);
}

#shopify-support .dt-shopify-support-card > .uncol > .uncoltable > .uncell {
    padding: var(--dt-shopify-card-inset-y) var(--dt-shopify-card-inset-x) !important;
}

#shopify-support .dt-shopify-support-board {
    margin-top: clamp(18px, 2vw, 30px);
}

#shopify-support .dt-support-board {
    padding: var(--dt-shopify-panel-inset-y) var(--dt-shopify-panel-inset-x);
}

#shopify-resources .dt-shopify-blog-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 24px;
}

#shopify-resources .dt-shopify-blog-count,
#shopify-resources .dt-shopify-blog-chip {
    min-height: 44px;
    padding: 11px 16px;
    border-radius: 999px;
}

#shopify-resources .dt-shopify-blog-index-wrap {
    margin-top: clamp(26px, 3.4vw, 48px);
    padding: clamp(18px, 2.2vw, 28px);
    border-radius: var(--dt-shopify-radius-panel) !important;
}

#shopify-resources .dt-shopify-blog-index-wrap .tmb {
    overflow: hidden;
    border-radius: var(--dt-shopify-radius-card) !important;
}

#shopify-roadmap .uncode-accordion {
    padding: clamp(8px, 1.2vw, 14px);
    border: 1px solid rgba(221, 252, 232, 0.12);
    border-radius: var(--dt-shopify-radius-panel);
    background: rgba(221, 252, 232, 0.04);
}

#shopify-roadmap .panel,
#shopify-roadmap .uncode-accordion .panel {
    margin-bottom: 10px !important;
    border-radius: var(--dt-shopify-radius-card) !important;
}

#shopify-roadmap .panel-title a {
    min-height: 98px;
    padding: clamp(22px, 2.8vw, 34px) clamp(22px, 3vw, 42px) !important;
}

#shopify-roadmap .panel-title span {
    line-height: 1.18 !important;
}

#shopify-roadmap .panel-body {
    padding: 0 clamp(22px, 3vw, 42px) clamp(24px, 3vw, 38px) !important;
}

body.page-id-179715 #contact {
    margin-top: clamp(120px, 12vw, 220px);
}

.dt-shopify-effects-ready .dt-shopify-video-card,
.dt-shopify-effects-ready .dt-shopify-ownership-card,
.dt-shopify-effects-ready .dt-platform-card,
.dt-shopify-effects-ready #shopify-implementation-lanes .dt-shopify-lane-card,
.dt-shopify-effects-ready #shopify-support .dt-shopify-support-card {
    transform: translateY(16px);
    opacity: 0.9;
    transition: transform 420ms ease, opacity 420ms ease, border-color 420ms ease, box-shadow 420ms ease;
}

.dt-shopify-video-card.is-in-view,
.dt-shopify-ownership-card.is-in-view,
.dt-platform-card.is-in-view,
#shopify-implementation-lanes .dt-shopify-lane-card.is-in-view,
#shopify-support .dt-shopify-support-card.is-in-view {
    transform: translateY(0);
    opacity: 1;
}

.dt-shopify-video-card.is-in-view:hover,
.dt-shopify-ownership-card.is-in-view:hover,
.dt-platform-card.is-in-view:hover,
#shopify-implementation-lanes .dt-shopify-lane-card.is-in-view:hover,
#shopify-support .dt-shopify-support-card.is-in-view:hover {
    transform: translateY(-4px);
}

@media (max-width: 959px) {
    #shopify.dt-shopify-media-hero {
        row-gap: 28px;
    }

    #shopify.dt-shopify-media-hero h1 {
        font-size: clamp(38px, 11vw, 56px) !important;
    }

    .dt-shopify-video-card {
        min-height: 520px;
    }

    .dt-shopify-video-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dt-shopify-ownership-grid {
        grid-template-columns: 1fr;
    }

    #shopify-platform-capabilities .dt-shopify-proof-slide {
        min-height: auto;
    }

    .dt-platform-card {
        margin-top: 18px;
    }

    #shopify-roadmap .panel-title a {
        min-height: 82px;
    }

    body.page-id-179715 #contact {
        margin-top: 120px;
    }
}

@media (max-width: 480px) {
    .dt-shopify-video-card {
        min-height: 560px;
    }

    .dt-shopify-video-overlay,
    .dt-shopify-video-metrics {
        left: 18px;
        right: 18px;
    }

    .dt-shopify-video-overlay {
        top: 18px;
    }

    .dt-shopify-video-metrics {
        bottom: 18px;
        grid-template-columns: 1fr;
    }

    .dt-shopify-video-metrics span {
        min-height: 62px;
    }

    .dt-shopify-thesis-tags span,
    #shopify-resources .dt-shopify-blog-count,
    #shopify-resources .dt-shopify-blog-chip {
        width: 100%;
        justify-content: center;
    }

    #shopify-roadmap .panel-title a {
        padding: 20px 18px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dt-shopify-hero-video {
        animation: none;
    }

    .dt-shopify-video-card,
    .dt-shopify-ownership-card,
    .dt-platform-card {
        transition: none;
    }
}