.elementor-15748 .elementor-element.elementor-element-886dad6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-15748 .elementor-element.elementor-element-886dad6:not(.elementor-motion-effects-element-type-background), .elementor-15748 .elementor-element.elementor-element-886dad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F7FBF8 0%, #F7FBF8 100%);}.elementor-15748 .elementor-element.elementor-element-886dad6, .elementor-15748 .elementor-element.elementor-element-886dad6::before{--border-transition:0.3s;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7f191b8 *//* =========================================================
   TRACKITY CASE STUDY
   PRODGRADE MASTER RESPONSIVE CSS
   =========================================================
   DESIGN GOALS
   ---------------------------------------------------------
   • Prodgrade brand system
   • Poppins typography
   • No readable text below 13px
   • Larger typography on MacBook Pro / widescreen
   • Separate 13", 14", 15", 16", widescreen layouts
   • Consistent centered content rail
   • Full-width background sections
   • Large readable product screenshots
   • Contained dark panels
   • No fake device frames
   • No asymmetric background breakout per section
========================================================= */


/* =========================================================
   01. ELEMENTOR RESET
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 {
    position: relative;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    overflow: visible !important;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 > .elementor-widget-container {
    position: relative;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    overflow: visible !important;
}


/* =========================================================
   02. ROOT PAGE
   =========================================================
   The page itself breaks symmetrically out of a constrained
   Elementor content container.

   This is done ONCE at root level so section backgrounds
   genuinely reach both viewport edges.
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page {
    --pg-navy: #082B3B;
    --pg-navy-dark: #061F2B;
    --pg-navy-panel: #0C3446;

    --pg-green: #12D96D;
    --pg-green-dark: #0E9E4C;
    --pg-green-hover: #22E67A;

    --pg-body: #405C69;
    --pg-muted: #6B7D86;

    --pg-line: #E2EAE6;
    --pg-line-soft: #E7EBE9;
    --pg-line-dark: #D4E1DB;

    --pg-light: #F7FBF8;
    --pg-light-2: #F2F8F4;
    --pg-light-3: #EEF7F2;

    --pg-soft-green: #E8FAEF;

    --pg-rail: 1280px;

    --pg-body-size: 16px;
    --pg-card-size: 15px;
    --pg-small-size: 13px;

    position: relative;

    width: 100vw;
    max-width: 100vw;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    padding: 0;

    overflow-x: clip;

    background: #FFFFFF;

    color: var(--pg-body);

    font-family: "Poppins", sans-serif;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page *,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page *::before,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page *::after {
    box-sizing: border-box;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page img {
    display: block;

    max-width: 100%;
    height: auto;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page a {
    text-decoration: none;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page h1,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page h2,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page h3,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page p,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page figure,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page blockquote {
    margin-top: 0;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-svg-library {
    position: absolute;

    width: 0;
    height: 0;

    overflow: hidden;

    visibility: hidden;
}


/* =========================================================
   03. MASTER CONTENT RAIL
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
    position: relative;

    width: min(
        var(--pg-rail),
        calc(100% - 64px)
    );

    margin-inline: auto;
}


/* =========================================================
   04. HERO
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero {
    position: relative;

    width: 100%;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 88% 5%,
            rgba(18,217,109,.10) 0%,
            rgba(18,217,109,.04) 22%,
            transparent 44%
        ),
        linear-gradient(
            180deg,
            #F1F9F4 0%,
            #F7FBF8 62%,
            #FFFFFF 100%
        );

    border-bottom:
        1px
        solid
        rgba(218,229,223,.88);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero::before {
    content: "";

    position: absolute;

    top: -265px;
    right: -175px;

    width: 525px;
    height: 525px;

    background:
        rgba(18,217,109,.045);

    border-radius: 50%;

    pointer-events: none;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero::after {
    content: "";

    position: absolute;

    top: 78px;
    right: 5%;

    width: 155px;
    height: 125px;

    opacity: .14;

    background-image:
        radial-gradient(
            circle,
            #12D96D 0 1.8px,
            transparent 2.2px
        );

    background-size:
        21px
        21px;

    pointer-events: none;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-inner {
    z-index: 2;

    padding:
        64px
        0
        69px;
}


/* =========================================================
   05. HERO LABEL
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-label {
    display: flex;

    align-items: center;

    gap: 10px;

    width: fit-content;

    margin:
        0
        0
        21px;

    color: var(--pg-green-dark);

    font-size: 14px;
    font-weight: 700;

    line-height: 1.45;

    letter-spacing: 1.15px;

    text-transform: uppercase;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-label span {
    color: var(--pg-green);

    font-size: 14px;

    line-height: 1;

    letter-spacing: 1.7px;
}


/* =========================================================
   06. HERO TITLE
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
    max-width: 1110px;

    margin:
        0
        0
        24px;

    color: var(--pg-navy);

    font-size: 56px;
    font-weight: 700;

    line-height: 1.075;

    letter-spacing: -2px;

    text-wrap: balance;
}


/* =========================================================
   07. HERO BODY
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-text {
    max-width: 900px;

    margin:
        0
        0
        30px;

    color: #506A77;

    font-size: 17px;
    font-weight: 400;

    line-height: 1.72;
}


/* =========================================================
   08. HERO BUTTONS
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-actions {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 11px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 54px;

    padding:
        12px
        23px;

    border-radius: 8px;

    font-size: 15px;
    font-weight: 700;

    line-height: 1.3;

    transition:
        transform .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        box-shadow .2s ease;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-primary {
    min-width: 220px;

    background: var(--pg-navy);

    border:
        1px
        solid
        var(--pg-navy);

    color: #FFFFFF;

    box-shadow:
        0
        11px
        26px
        rgba(8,43,59,.11);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-primary:hover {
    transform: translateY(-2px);

    background: var(--pg-navy-panel);

    border-color: var(--pg-navy-panel);

    color: #FFFFFF;

    box-shadow:
        0
        15px
        30px
        rgba(8,43,59,.15);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-secondary {
    min-width: 190px;

    background: rgba(255,255,255,.96);

    border:
        1px
        solid
        #D9E5DF;

    color: var(--pg-navy);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-secondary:hover {
    transform: translateY(-2px);

    background: #FFFFFF;

    border-color: #A9DBBA;

    color: var(--pg-green-dark);

    box-shadow:
        0
        9px
        23px
        rgba(8,43,59,.06);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-btn:focus-visible {
    outline:
        3px
        solid
        rgba(18,217,109,.30);

    outline-offset: 3px;
}


/* =========================================================
   09. MAIN PAGE
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-trackity {
    width: 100%;

    margin: 0;
    padding: 0;

    background: #FFFFFF;

    color: var(--pg-body);
}


/* =========================================================
   10. FIRST PRODUCT IMAGE
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-first-visual {
    width: 100%;

    padding:
        34px
        0
        47px;

    background: #FFFFFF;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-first-image {
    width: 100%;

    margin: 0;

    overflow: hidden;

    background: var(--pg-light);

    border:
        1px
        solid
        var(--pg-line);

    border-radius: 16px;

    box-shadow:
        0
        18px
        45px
        rgba(8,43,59,.075);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-first-image img {
    width: 100%;
    max-width: none;

    margin: 0;
}


/* =========================================================
   11. PROJECT META
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-wrap {
    width: 100%;

    padding:
        0
        0
        38px;

    background: #FFFFFF;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-project-meta {
    display: grid;

    grid-template-columns:
        1.08fr
        1.7fr
        .76fr
        1.12fr;

    width: 100%;

    overflow: hidden;

    background: #FFFFFF;

    border:
        1px
        solid
        var(--pg-line);

    border-radius: 12px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item {
    min-width: 0;

    padding:
        22px
        21px;

    border-right:
        1px
        solid
        var(--pg-line);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item:last-child {
    border-right: none;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item > span {
    display: block;

    margin-bottom: 8px;

    color: var(--pg-green-dark);

    font-size: var(--pg-small-size);
    font-weight: 700;

    line-height: 1.45;

    letter-spacing: .8px;

    text-transform: uppercase;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item strong {
    display: block;

    color: var(--pg-navy);

    font-size: var(--pg-card-size);
    font-weight: 600;

    line-height: 1.55;

    overflow-wrap: anywhere;
}


/* =========================================================
   12. FULL-WIDTH SECTION BACKGROUNDS
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
    position: relative;

    width: 100%;

    padding:
        82px
        0;

    border-bottom:
        1px
        solid
        rgba(226,234,230,.68);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section-white {
    background: #FFFFFF;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section-soft {
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F7FBF8 18%,
            #F2F8F4 100%
        );
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section-tint {
    background:
        radial-gradient(
            circle at 91% 15%,
            rgba(18,217,109,.055) 0%,
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #F1F8F4 0%,
            #F7FBF8 55%,
            #FFFFFF 100%
        );
}


/* =========================================================
   13. MAIN COPY CONTAINER
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-copy {
    width: 100%;

    min-width: 0;
}


/* =========================================================
   14. KICKER
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-kicker {
    display: flex;

    align-items: center;

    gap: 9px;

    width: fit-content;

    margin:
        0
        0
        16px;

    color: var(--pg-green-dark);

    font-size: var(--pg-small-size);
    font-weight: 700;

    line-height: 1.45;

    letter-spacing: .95px;

    text-transform: uppercase;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-kicker span {
    color: var(--pg-green);

    font-size: var(--pg-small-size);

    line-height: 1;

    letter-spacing: 1.4px;
}


/* =========================================================
   15. SECTION HEADINGS
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h2 {
    max-width: 980px;

    margin:
        0
        0
        21px;

    color: var(--pg-navy);

    font-size: 45px;
    font-weight: 700;

    line-height: 1.15;

    letter-spacing: -1.35px;

    text-wrap: balance;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h3 {
    margin:
        0
        0
        9px;

    color: var(--pg-navy);

    font-size: 21px;
    font-weight: 700;

    line-height: 1.36;
}


/* =========================================================
   16. BODY COPY
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-copy > p,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-server-layout p,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row p {
    max-width: 920px;

    margin:
        0
        0
        17px;

    color: var(--pg-body);

    font-size: var(--pg-body-size);
    font-weight: 400;

    line-height: 1.76;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-copy > p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   17. PRODUCT SCREENSHOTS
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-content-image {
    width: 100%;

    margin:
        35px
        auto
        0;

    padding: 0;

    text-align: center;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-content-image img {
    width: 100%;
    max-width: none;

    margin-inline: auto;

    background: #FFFFFF;

    border:
        1px
        solid
        var(--pg-line-soft);

    border-radius: 14px;

    box-shadow:
        0
        12px
        30px
        rgba(8,43,59,.06);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-content-image figcaption {
    max-width: 900px;

    margin:
        12px
        auto
        0;

    color: var(--pg-muted);

    font-size: max(
        13px,
        var(--pg-small-size)
    );

    line-height: 1.65;

    text-align: center;
}


/* =========================================================
   18. FEATURE MODULE
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-module {
    width: 100%;

    margin-top: 33px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-grid {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 0;

    overflow: hidden;

    background: #FFFFFF;

    border:
        1px
        solid
        var(--pg-line);

    border-bottom: 0;

    border-radius:
        13px
        13px
        0
        0;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card {
    display: flex;

    align-items: center;

    gap: 13px;

    min-width: 0;
    min-height: 91px;

    padding:
        17px
        18px;

    border-right:
        1px
        solid
        var(--pg-line);

    border-bottom:
        1px
        solid
        var(--pg-line);

    transition:
        background-color .2s ease;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:nth-child(4n) {
    border-right: none;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:nth-last-child(-n + 4) {
    border-bottom: none;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:hover {
    background: #FAFDFC;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card strong {
    color: var(--pg-navy);

    font-size: var(--pg-card-size);
    font-weight: 600;

    line-height: 1.47;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-features-image {
    margin-top: 0;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-features-image img {
    border-radius:
        0
        0
        14px
        14px;
}


/* =========================================================
   19. COMMON ICON
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    flex:
        0
        0
        42px;

    width: 42px;
    height: 42px;

    background: var(--pg-soft-green);

    border:
        1px
        solid
        #D2EFDE;

    border-radius: 9px;

    color: var(--pg-green-dark);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-icon svg {
    width: 20px;
    height: 20px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   20. SERVER-SIDE TRACKING
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-server-layout {
    display: grid;

    grid-template-columns:
        minmax(0,1.34fr)
        minmax(350px,.76fr);

    gap: 48px;

    align-items: start;

    margin-top: 26px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-server-layout > div {
    min-width: 0;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-capabilities {
    padding:
        27px
        27px;

    background: rgba(255,255,255,.82);

    border:
        1px
        solid
        #DCE8E2;

    border-radius: 13px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-capabilities h3 {
    margin:
        0
        0
        18px;

    color: var(--pg-green-dark);

    font-size: var(--pg-small-size);
    font-weight: 700;

    line-height: 1.45;

    letter-spacing: .8px;

    text-transform: uppercase;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-capabilities ul {
    display: grid;

    gap: 13px;

    margin: 0;
    padding: 0;

    list-style: none;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-capabilities li {
    display: grid;

    grid-template-columns:
        23px
        minmax(0,1fr);

    gap: 11px;

    align-items: start;

    color: #34515E;

    font-size: var(--pg-body-size);
    font-weight: 500;

    line-height: 1.58;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-capabilities li > span {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 23px;
    height: 23px;

    margin-top: 1px;

    background: var(--pg-soft-green);

    border-radius: 50%;

    color: var(--pg-green-dark);

    font-size: 13px;
    font-weight: 700;

    line-height: 1;
}


/* =========================================================
   21. CUSTOMER JOURNEY
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-journey {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        auto
        minmax(0,1fr)
        auto
        minmax(0,1fr)
        auto
        minmax(0,1fr)
        auto
        minmax(0,1fr);

    gap: 9px;

    align-items: center;

    margin:
        31px
        0
        28px;

    padding: 21px;

    background:
        rgba(255,255,255,.72);

    border:
        1px
        solid
        var(--pg-line);

    border-radius: 13px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-journey > span {
    display: flex;

    align-items: center;
    justify-content: center;

    min-width: 0;
    min-height: 55px;

    padding:
        12px
        13px;

    background: #FFFFFF;

    border:
        1px
        solid
        #DCE7E1;

    border-radius: 8px;

    color: var(--pg-navy);

    font-size: var(--pg-card-size);
    font-weight: 600;

    line-height: 1.45;

    text-align: center;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-journey > b {
    color: #829B91;

    font-size: 20px;
    font-weight: 500;

    line-height: 1;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-journey .pgv4-purchase {
    background: var(--pg-navy);

    border-color: var(--pg-navy);

    color: #FFFFFF;
}


/* =========================================================
   22. INLINE POINTS
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-inline-points {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 11px;

    margin-top: 28px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-inline-points > span {
    position: relative;

    display: flex;

    align-items: center;

    min-width: 0;
    min-height: 69px;

    padding:
        14px
        16px
        14px
        43px;

    background: rgba(255,255,255,.9);

    border:
        1px
        solid
        var(--pg-line);

    border-radius: 9px;

    color: #34515E;

    font-size: var(--pg-body-size);
    font-weight: 500;

    line-height: 1.52;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-inline-points > span::before {
    content: "•";

    position: absolute;

    left: 18px;
    top: 50%;

    transform: translateY(-50%);

    color: var(--pg-green);

    font-size: 23px;

    line-height: 1;
}


/* =========================================================
   23. ATTRIBUTION
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 15px;

    margin-top: 30px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid article {
    min-width: 0;

    padding:
        28px
        28px;

    border-radius: 13px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-light {
    background: var(--pg-light);

    border:
        1px
        solid
        var(--pg-line);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-dark {
    background:
        linear-gradient(
            135deg,
            #061F2B 0%,
            #082B3B 64%,
            #0C3446 100%
        );

    border:
        1px
        solid
        #0D394C;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid h3 {
    margin-bottom: 19px;

    font-size: 21px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-dark h3 {
    color: #FFFFFF;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid article > div {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid article > div > span {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 42px;

    padding:
        9px
        14px;

    border-radius: 7px;

    font-size: var(--pg-card-size);
    font-weight: 600;

    line-height: 1.45;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-light > div > span {
    background: #FFFFFF;

    border:
        1px
        solid
        #D9E5DF;

    color: var(--pg-navy);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-dark > div > span {
    background:
        rgba(255,255,255,.075);

    border:
        1px
        solid
        rgba(255,255,255,.14);

    color: #FFFFFF;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-overlap {
    width: fit-content;

    margin-top: 14px;

    padding:
        10px
        14px;

    background: var(--pg-soft-green);

    border:
        1px
        solid
        #D1EDDC;

    border-radius: 7px;

    color: var(--pg-green-dark);

    font-size: var(--pg-card-size);
    font-weight: 700;

    line-height: 1.45;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-after-block {
    margin-top: 24px !important;
}


/* =========================================================
   24. REPORTING
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 15px;

    margin-top: 30px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid article {
    display: grid;

    grid-template-columns:
        52px
        minmax(0,1fr);

    gap: 18px;

    align-items: start;

    min-width: 0;

    padding:
        26px
        26px;

    background: rgba(255,255,255,.94);

    border:
        1px
        solid
        var(--pg-line);

    border-radius: 12px;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid article:hover {
    transform: translateY(-2px);

    border-color: #CDE7D7;

    box-shadow:
        0
        11px
        26px
        rgba(8,43,59,.055);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid .pgv4-icon {
    width: 52px;
    height: 52px;

    flex:
        0
        0
        52px;

    border-radius: 10px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid h3 {
    margin:
        0
        0
        7px;

    font-size: 20px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid article p {
    max-width: 100%;

    margin: 0;

    color: #536B77;

    font-size: var(--pg-body-size);

    line-height: 1.62;
}


/* =========================================================
   25. PLATFORM DEPTH
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row {
    display: grid;

    grid-template-columns:
        82px
        minmax(0,1fr);

    gap: 27px;

    align-items: center;

    margin-top: 16px;

    padding:
        27px
        28px;

    background: rgba(255,255,255,.93);

    border:
        1px
        solid
        var(--pg-line);

    border-radius: 12px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row + .pgv4-depth-row {
    margin-top: 11px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-reverse {
    grid-template-columns:
        minmax(0,1fr)
        82px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 70px;
    height: 70px;

    background: var(--pg-soft-green);

    border:
        1px
        solid
        #D4EFDF;

    border-radius: 12px;

    color: var(--pg-green-dark);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-icon svg {
    width: 29px;
    height: 29px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row > div:not(.pgv4-depth-icon) {
    min-width: 0;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row > div:not(.pgv4-depth-icon) > span {
    display: block;

    margin-bottom: 7px;

    color: var(--pg-green-dark);

    font-size: var(--pg-small-size);
    font-weight: 700;

    line-height: 1.45;

    letter-spacing: .75px;

    text-transform: uppercase;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row h3 {
    margin-bottom: 7px;

    font-size: 22px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row p {
    max-width: 880px;

    margin: 0;
}


/* =========================================================
   26. ENGINEERING STACK
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack {
    display: grid;

    grid-template-columns:
        minmax(250px,.68fr)
        minmax(0,1.7fr);

    gap: 28px;

    align-items: center;

    margin-top: 30px;

    padding:
        28px
        29px;

    background:
        radial-gradient(
            circle at 93% 3%,
            rgba(18,217,109,.075),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            #061F2B 0%,
            #082B3B 58%,
            #0C3446 100%
        );

    border-radius: 13px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack-intro h3 {
    margin:
        0
        0
        8px;

    color: var(--pg-green);

    font-size: var(--pg-small-size);
    font-weight: 700;

    letter-spacing: .8px;

    text-transform: uppercase;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack-intro p {
    margin: 0;

    color: #C2D1D7;

    font-size: var(--pg-card-size);

    line-height: 1.62;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack-tools {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 8px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack-tools span {
    display: flex;

    align-items: center;
    justify-content: center;

    min-width: 0;
    min-height: 47px;

    padding:
        10px
        12px;

    background:
        rgba(255,255,255,.075);

    border:
        1px
        solid
        rgba(255,255,255,.13);

    border-radius: 7px;

    color: #FFFFFF;

    font-size: var(--pg-card-size);
    font-weight: 600;

    line-height: 1.45;

    text-align: center;
}


/* =========================================================
   27. TECHNICAL PILLS
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-tech-pills {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 22px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-tech-pills > span {
    display: inline-flex;

    align-items: center;

    min-height: 42px;

    padding:
        9px
        14px;

    background: rgba(255,255,255,.9);

    border:
        1px
        solid
        #DCE8E2;

    border-radius: 7px;

    color: #34515E;

    font-size: var(--pg-card-size);
    font-weight: 600;

    line-height: 1.45;
}


/* =========================================================
   28. SECURITY
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-security-grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 11px;

    margin-top: 29px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-security-grid article {
    min-width: 0;
    min-height: 142px;

    padding:
        21px
        19px;

    background: #FFFFFF;

    border:
        1px
        solid
        var(--pg-line);

    border-radius: 11px;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-security-grid article:hover {
    transform: translateY(-2px);

    border-color: #C8E6D4;

    box-shadow:
        0
        10px
        24px
        rgba(8,43,59,.045);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-security-grid p {
    width: 100%;

    margin:
        15px
        0
        0;

    color: #294A59;

    font-size: var(--pg-body-size);
    font-weight: 500;

    line-height: 1.56;
}


/* =========================================================
   29. OUTCOME FLOW
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-outcome-flow {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        auto
        minmax(0,1fr)
        auto
        minmax(0,1fr)
        auto
        minmax(0,1fr)
        auto
        minmax(0,1fr);

    gap: 9px;

    align-items: center;

    margin:
        31px
        0
        27px;

    padding:
        20px
        21px;

    background:
        rgba(255,255,255,.79);

    border:
        1px
        solid
        var(--pg-line);

    border-radius: 12px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-outcome-flow span {
    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 51px;

    padding:
        10px
        12px;

    background: #FFFFFF;

    border:
        1px
        solid
        #DCE7E1;

    border-radius: 7px;

    color: var(--pg-navy);

    font-size: var(--pg-card-size);
    font-weight: 600;

    line-height: 1.45;

    text-align: center;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-outcome-flow span:last-child {
    background: var(--pg-navy);

    border-color: var(--pg-navy);

    color: #FFFFFF;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-outcome-flow b {
    color: #8CA39A;

    font-size: 20px;

    line-height: 1;
}


/* =========================================================
   30. METRICS
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics {
    display: grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap: 11px;

    margin-top: 28px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics article {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    min-width: 0;
    min-height: 154px;

    padding:
        24px
        18px;

    background: rgba(255,255,255,.94);

    border:
        1px
        solid
        #DCE8E2;

    border-radius: 12px;

    text-align: center;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics strong {
    display: block;

    margin-bottom: 10px;

    color: #08A94F;

    font-size: 30px;
    font-weight: 700;

    line-height: 1.15;

    letter-spacing: -.6px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics span {
    display: block;

    color: #536B77;

    font-size: var(--pg-card-size);
    font-weight: 500;

    line-height: 1.55;
}


/* =========================================================
   31. SIMPLICITY
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-simplicity .pgv4-copy {
    padding:
        38px
        42px;

    background:
        linear-gradient(
            110deg,
            #F7FBF8,
            #EFF8F3
        );

    border:
        1px
        solid
        var(--pg-line);

    border-radius: 14px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-simplicity blockquote {
    max-width: 1040px;

    margin:
        0
        0
        19px;

    padding: 0;

    border: none;

    color: var(--pg-navy);

    font-size: 31px;
    font-weight: 600;

    line-height: 1.4;

    letter-spacing: -.65px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-simplicity p {
    max-width: 900px;
}


/* =========================================================
   32. CEO PANEL
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo {
    display: grid;

    grid-template-columns:
        126px
        minmax(0,1fr);

    gap: 30px;

    align-items: center;

    padding:
        31px
        34px;

    background:
        radial-gradient(
            circle at 93% 3%,
            rgba(18,217,109,.07),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #061F2B 0%,
            #082B3B 62%,
            #0C3446 100%
        );

    border-radius: 14px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo-photo {
    width: 126px;
    height: 126px;

    overflow: hidden;

    background: #12394A;

    border:
        1px
        solid
        rgba(255,255,255,.12);

    border-radius: 12px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo-content {
    min-width: 0;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-quote-mark {
    height: 28px;

    margin-bottom: 4px;

    color: var(--pg-green);

    font-size: 42px;
    font-weight: 700;

    line-height: 1;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo blockquote {
    max-width: 900px;

    margin:
        0
        0
        17px;

    padding: 0;

    border: none;

    color: #FFFFFF;

    font-size: 19px;
    font-weight: 500;

    line-height: 1.6;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo strong {
    display: block;

    margin-bottom: 3px;

    color: #FFFFFF;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.4;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo-content > span {
    display: block;

    color: #B6C9D0;

    font-size: var(--pg-card-size);
    font-weight: 500;

    line-height: 1.5;
}


/* =========================================================
   33. BUILT BY PRODGRADE
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built {
    position: relative;

    overflow: hidden;

    padding:
        35px
        38px;

    background:
        linear-gradient(
            135deg,
            #061F2B 0%,
            #082B3B 62%,
            #0C3446 100%
        );

    border-radius: 14px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built::after {
    content: "";

    position: absolute;

    top: -12px;
    right: -8px;

    width: 290px;
    height: 200px;

    opacity: .42;

    background-image:
        radial-gradient(
            circle,
            rgba(18,217,109,.75) 0 2px,
            transparent 2.5px
        );

    background-size:
        30px
        30px;

    -webkit-mask-image:
        linear-gradient(
            to left,
            #000 0%,
            #000 55%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to left,
            #000 0%,
            #000 55%,
            transparent 100%
        );

    pointer-events: none;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built > * {
    position: relative;

    z-index: 2;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built .pgv4-built-lead {
    max-width: 990px;

    margin:
        0
        0
        16px;

    color: #FFFFFF;

    font-size: 18px;
    font-weight: 500;

    line-height: 1.7;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built p:not(.pgv4-built-lead) {
    max-width: 920px;

    margin: 0;

    color: #BDCDD3;

    font-size: var(--pg-body-size);

    line-height: 1.72;
}


/* =========================================================
   34. FINAL CTA
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final-wrap {
    width: 100%;

    padding:
        24px
        0
        72px;

    background: #FFFFFF;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap: 46px;

    align-items: center;

    overflow: hidden;

    padding:
        42px
        44px;

    background:
        linear-gradient(
            135deg,
            #061F2B 0%,
            #082B3B 56%,
            #0C3446 100%
        );

    border-radius: 15px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final::after {
    content: "";

    position: absolute;

    top: -55px;
    right: 70px;

    width: 235px;
    height: 185px;

    opacity: .22;

    background-image:
        radial-gradient(
            circle,
            rgba(18,217,109,.9) 0 2px,
            transparent 2.5px
        );

    background-size:
        23px
        23px;

    pointer-events: none;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final > * {
    position: relative;

    z-index: 2;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final h2 {
    max-width: 800px;

    margin:
        0
        0
        10px;

    color: #FFFFFF;

    font-size: 39px;
    font-weight: 700;

    line-height: 1.19;

    letter-spacing: -1px;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final p {
    max-width: 730px;

    margin: 0;

    color: #C1D0D6;

    font-size: var(--pg-body-size);

    line-height: 1.7;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final > a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 240px;
    min-height: 54px;

    padding:
        12px
        22px;

    background: var(--pg-green);

    border:
        1px
        solid
        var(--pg-green);

    border-radius: 8px;

    color: #052B1A;

    font-size: 15px;
    font-weight: 700;

    line-height: 1.35;

    text-align: center;

    transition:
        transform .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final > a:hover {
    transform: translateY(-2px);

    background: var(--pg-green-hover);

    box-shadow:
        0
        12px
        26px
        rgba(18,217,109,.18);
}


.elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final > a:focus-visible {
    outline:
        3px
        solid
        rgba(255,255,255,.82);

    outline-offset: 3px;
}


/* =========================================================
   35. 13" LAPTOP
   1181px — 1365px
========================================================= */

@media
(min-width: 1181px)
and
(max-width: 1365px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page {
        --pg-rail: 1180px;

        --pg-body-size: 15px;
        --pg-card-size: 14px;
        --pg-small-size: 13px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
        width: min(
            var(--pg-rail),
            calc(100% - 52px)
        );
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-inner {
        padding:
            55px
            0
            61px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
        max-width: 1020px;

        font-size: 50px;

        letter-spacing: -1.7px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-text {
        max-width: 850px;

        font-size: 16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
        padding:
            72px
            0;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h2 {
        max-width: 900px;

        font-size: 41px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card {
        min-height: 87px;

        padding:
            16px
            16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-server-layout {
        gap: 39px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid article {
        padding:
            24px
            23px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics article {
        min-height: 144px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-simplicity blockquote {
        font-size: 29px;
    }

}


/* =========================================================
   36. 14" LAPTOP
   1366px — 1439px
========================================================= */

@media
(min-width: 1366px)
and
(max-width: 1439px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page {
        --pg-rail: 1280px;

        --pg-body-size: 16px;
        --pg-card-size: 15px;
        --pg-small-size: 13px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
        font-size: 56px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
        padding:
            80px
            0;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h2 {
        font-size: 45px;
    }

}


/* =========================================================
   37. 15" / MACBOOK PRO
   1440px — 1599px
========================================================= */

@media
(min-width: 1440px)
and
(max-width: 1599px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page {
        --pg-rail: 1380px;

        --pg-body-size: 17px;
        --pg-card-size: 16px;
        --pg-small-size: 14px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
        width: min(
            var(--pg-rail),
            calc(100% - 72px)
        );
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-inner {
        padding:
            70px
            0
            76px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-label {
        font-size: 15px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
        max-width: 1180px;

        font-size: 61px;

        line-height: 1.065;

        letter-spacing: -2.25px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-text {
        max-width: 940px;

        font-size: 18px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-btn {
        font-size: 16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
        padding:
            91px
            0;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h2 {
        max-width: 1040px;

        font-size: 49px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h3 {
        font-size: 22px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-content-image figcaption {
        font-size: 14px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item {
        padding:
            24px
            23px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card {
        min-height: 98px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-icon {
        width: 44px;
        height: 44px;

        flex-basis: 44px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid article {
        min-height: 157px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics strong {
        font-size: 33px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-simplicity blockquote {
        font-size: 34px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo blockquote {
        font-size: 20px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built .pgv4-built-lead {
        font-size: 19px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final h2 {
        font-size: 42px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final > a {
        font-size: 16px;
    }

}


/* =========================================================
   38. 16" MACBOOK PRO
   1600px — 1799px
========================================================= */

@media
(min-width: 1600px)
and
(max-width: 1799px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page {
        --pg-rail: 1460px;

        --pg-body-size: 18px;
        --pg-card-size: 17px;
        --pg-small-size: 15px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
        width: min(
            var(--pg-rail),
            calc(100% - 84px)
        );
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-inner {
        padding:
            76px
            0
            82px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-label {
        font-size: 16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
        max-width: 1250px;

        font-size: 66px;

        line-height: 1.055;

        letter-spacing: -2.45px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-text {
        max-width: 980px;

        font-size: 19px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-btn {
        min-height: 56px;

        font-size: 17px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-first-visual {
        padding-top: 39px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
        padding:
            98px
            0;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h2 {
        max-width: 1100px;

        font-size: 53px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h3 {
        font-size: 24px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card {
        min-height: 104px;

        padding:
            19px
            20px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-icon {
        width: 46px;
        height: 46px;

        flex-basis: 46px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-content-image figcaption {
        font-size: 15px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid article {
        padding:
            29px
            29px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid h3 {
        font-size: 23px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics article {
        min-height: 168px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics strong {
        font-size: 35px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-simplicity blockquote {
        font-size: 36px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo blockquote {
        font-size: 21px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built .pgv4-built-lead {
        font-size: 20px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final {
        padding:
            46px
            48px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final h2 {
        font-size: 45px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final > a {
        min-width: 260px;

        font-size: 17px;
    }

}


/* =========================================================
   39. LARGE WIDESCREEN / ZOOMED OUT
   1800px+
========================================================= */

@media (min-width: 1800px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page {
        --pg-rail: 1540px;

        --pg-body-size: 19px;
        --pg-card-size: 18px;
        --pg-small-size: 16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
        width: min(
            var(--pg-rail),
            calc(100% - 96px)
        );
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-inner {
        padding:
            82px
            0
            88px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-label {
        font-size: 16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
        max-width: 1320px;

        font-size: 70px;

        line-height: 1.05;

        letter-spacing: -2.7px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-text {
        max-width: 1040px;

        font-size: 20px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-btn {
        min-height: 57px;

        padding:
            13px
            25px;

        font-size: 17px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-first-visual {
        padding:
            42px
            0
            55px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
        padding:
            105px
            0;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h2 {
        max-width: 1160px;

        font-size: 57px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h3 {
        font-size: 25px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item {
        padding:
            26px
            25px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card {
        min-height: 110px;

        padding:
            20px
            22px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-icon {
        width: 48px;
        height: 48px;

        flex-basis: 48px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-content-image figcaption {
        font-size: 16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-capabilities {
        padding:
            31px
            31px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid article {
        padding:
            31px
            31px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid h3 {
        font-size: 24px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row {
        padding:
            31px
            32px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row h3 {
        font-size: 25px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack {
        padding:
            32px
            34px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-security-grid article {
        min-height: 160px;

        padding:
            24px
            22px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics article {
        min-height: 178px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics strong {
        font-size: 37px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-simplicity blockquote {
        font-size: 38px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo {
        grid-template-columns:
            140px
            minmax(0,1fr);

        padding:
            35px
            38px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo-photo {
        width: 140px;
        height: 140px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo blockquote {
        font-size: 22px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built {
        padding:
            40px
            43px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built .pgv4-built-lead {
        font-size: 21px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final {
        padding:
            50px
            52px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final h2 {
        font-size: 48px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final > a {
        min-width: 270px;

        min-height: 58px;

        font-size: 17px;
    }

}


/* =========================================================
   40. SMALL LAPTOP
   <=1180px
========================================================= */

@media (max-width: 1180px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page {
        --pg-rail: 1080px;

        --pg-body-size: 15px;
        --pg-card-size: 14px;
        --pg-small-size: 13px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
        width: min(
            var(--pg-rail),
            calc(100% - 48px)
        );
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-inner {
        padding:
            52px
            0
            58px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
        max-width: 960px;

        font-size: 47px;

        letter-spacing: -1.6px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-text {
        max-width: 820px;

        font-size: 16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
        padding:
            67px
            0;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h2 {
        max-width: 850px;

        font-size: 39px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-project-meta {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item:nth-child(2) {
        border-right: none;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item:nth-child(n + 3) {
        border-top:
            1px
            solid
            var(--pg-line);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-grid {
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:nth-child(4n) {
        border-right:
            1px
            solid
            var(--pg-line);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:nth-last-child(-n + 4) {
        border-bottom:
            1px
            solid
            var(--pg-line);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:nth-child(3n) {
        border-right: none;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:nth-last-child(-n + 3) {
        border-bottom: none;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-inline-points {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-security-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics {
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics article:nth-last-child(-n + 2) {
        grid-column: auto;
    }

}


/* =========================================================
   41. LANDSCAPE TABLET / SMALL LAPTOP
   <=1024px
========================================================= */

@media (max-width: 1024px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
        width: calc(100% - 46px);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
        padding:
            63px
            0;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-server-layout {
        grid-template-columns:
            1fr;

        gap: 25px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-capabilities {
        max-width: 780px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-journey {
        grid-template-columns:
            1fr
            auto
            1fr;

        row-gap: 10px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid,
    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack {
        grid-template-columns: 1fr;

        gap: 21px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final > a {
        width: fit-content;
    }

}


/* =========================================================
   42. TABLET
   <=900px
========================================================= */

@media (max-width: 900px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
        width: calc(100% - 44px);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-inner {
        padding:
            46px
            0
            51px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
        max-width: 800px;

        font-size: 43px;

        line-height: 1.1;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-text {
        max-width: 740px;

        font-size: 16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
        padding:
            58px
            0;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h2 {
        font-size: 36px;

        line-height: 1.18;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:nth-child(n) {
        border-right:
            1px
            solid
            var(--pg-line);

        border-bottom:
            1px
            solid
            var(--pg-line);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:nth-child(2n) {
        border-right: none;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:nth-last-child(-n + 2) {
        border-bottom: none;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid,
    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid {
        grid-template-columns: 1fr;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row,
    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-reverse {
        grid-template-columns:
            76px
            minmax(0,1fr);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-reverse > div:first-child {
        order: 2;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-reverse .pgv4-depth-icon {
        order: 1;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-security-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-simplicity .pgv4-copy {
        padding:
            32px
            30px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo {
        grid-template-columns:
            110px
            minmax(0,1fr);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo-photo {
        width: 110px;
        height: 110px;
    }

}


/* =========================================================
   43. MOBILE
   <=767px
========================================================= */

@media (max-width: 767px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page {
        --pg-body-size: 16px;
        --pg-card-size: 14px;
        --pg-small-size: 13px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
        width: calc(100% - 36px);
    }


    /* HERO */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-inner {
        padding:
            38px
            0
            44px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero::before {
        top: -220px;
        right: -230px;

        width: 390px;
        height: 390px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero::after {
        display: none;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-label {
        margin-bottom: 17px;

        font-size: 13px;

        letter-spacing: .75px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-label span {
        font-size: 13px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
        max-width: 100%;

        margin-bottom: 19px;

        font-size:
            clamp(
                34px,
                9.5vw,
                42px
            );

        line-height: 1.09;

        letter-spacing: -1.25px;

        text-wrap: initial;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-text {
        max-width: 100%;

        margin-bottom: 25px;

        font-size: 16px;

        line-height: 1.7;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-actions {
        flex-direction: column;

        align-items: stretch;

        gap: 9px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero-btn {
        width: 100%;

        min-width: 0;
        min-height: 54px;

        font-size: 15px;
    }


    /* FIRST IMAGE */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-first-visual {
        padding:
            20px
            0
            31px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-first-image {
        border-radius: 11px;
    }


    /* META */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-wrap {
        padding-bottom: 26px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-project-meta {
        grid-template-columns: 1fr;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item,
    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item:nth-child(n) {
        padding:
            16px
            0;

        border-right: none;
        border-top: none;

        border-bottom:
            1px
            solid
            var(--pg-line);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-meta-item:last-child {
        border-bottom: none;
    }


    /* SECTIONS */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
        padding:
            52px
            0;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h2 {
        max-width: 100%;

        font-size:
            clamp(
                29px,
                8vw,
                34px
            );

        line-height: 1.17;

        letter-spacing: -.85px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h3 {
        font-size: 19px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-copy > p,
    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-server-layout p,
    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row p {
        max-width: 100%;

        font-size: 16px;

        line-height: 1.72;
    }


    /* IMAGES */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-content-image {
        margin-top: 29px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-content-image img {
        width: 100%;

        border-radius: 10px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-content-image figcaption {
        font-size: 13px;
    }


    /* PRODUCT */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-grid {
        grid-template-columns: 1fr;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card,
    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:nth-child(n) {
        min-height: 75px;

        padding:
            14px
            15px;

        border-right: none;

        border-bottom:
            1px
            solid
            var(--pg-line);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card:last-child {
        border-bottom: none;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-card strong {
        font-size: 15px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-feature-module {
        margin-top: 26px;
    }


    /* SERVER */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-capabilities {
        padding:
            22px
            20px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-capabilities li {
        font-size: 16px;
    }


    /* JOURNEY */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-journey {
        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 7px;

        padding: 14px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-journey > span {
        width: 100%;

        min-height: 50px;

        font-size: 15px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-journey > b {
        height: 15px;

        text-align: center;

        transform: rotate(90deg);
    }


    /* INLINE POINTS */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-inline-points {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-inline-points > span {
        min-height: 58px;

        padding:
            13px
            14px
            13px
            41px;

        font-size: 16px;
    }


    /* ATTRIBUTION */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid article {
        padding:
            22px
            20px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid article > div > span {
        font-size: 14px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-overlap {
        font-size: 14px;
    }


    /* REPORT */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid {
        gap: 10px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid article {
        grid-template-columns:
            48px
            minmax(0,1fr);

        gap: 16px;

        padding:
            21px
            19px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid .pgv4-icon {
        width: 48px;
        height: 48px;

        flex-basis: 48px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-report-grid article p {
        font-size: 16px;
    }


    /* DEPTH */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row,
    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-reverse {
        grid-template-columns: 1fr;

        gap: 15px;

        padding:
            21px
            19px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-reverse > div:first-child {
        order: 2;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-reverse .pgv4-depth-icon {
        order: 1;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-icon {
        width: 62px;
        height: 62px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-depth-row h3 {
        font-size: 19px;
    }


    /* ENGINEERING */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack {
        padding:
            22px
            19px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack-tools {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack-tools span {
        font-size: 14px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-tech-pills > span {
        font-size: 14px;
    }


    /* SECURITY */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-security-grid {
        grid-template-columns: 1fr;

        gap: 9px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-security-grid article {
        min-height: 121px;

        padding:
            20px
            18px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-security-grid p {
        font-size: 16px;
    }


    /* OUTCOME */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-outcome-flow {
        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 7px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-outcome-flow span {
        width: 100%;

        font-size: 15px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-outcome-flow b {
        text-align: center;

        transform: rotate(90deg);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics {
        grid-template-columns: 1fr;

        gap: 9px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics article {
        min-height: 128px;

        padding:
            21px
            17px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics strong {
        font-size: 29px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-metrics span {
        font-size: 16px;
    }


    /* SIMPLICITY */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-simplicity .pgv4-copy {
        padding:
            27px
            21px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-simplicity blockquote {
        font-size: 24px;

        line-height: 1.42;
    }


    /* CEO */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            24px
            21px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo-photo {
        width: 105px;
        height: 105px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo blockquote {
        font-size: 18px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo strong {
        font-size: 16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-ceo-content > span {
        font-size: 14px;
    }


    /* BUILT */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built {
        padding:
            27px
            21px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built .pgv4-built-lead {
        font-size: 17px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-built p:not(.pgv4-built-lead) {
        font-size: 16px;
    }


    /* FINAL */

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final-wrap {
        padding:
            10px
            0
            44px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final {
        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 23px;

        padding:
            29px
            22px;

        border-radius: 12px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final h2 {
        font-size:
            clamp(
                28px,
                8vw,
                34px
            );
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final p {
        font-size: 16px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final > a {
        width: 100%;

        min-width: 0;

        font-size: 15px;
    }

}


/* =========================================================
   44. SMALL MOBILE
   <=430px
========================================================= */

@media (max-width: 430px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
        width: calc(100% - 28px);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
        font-size:
            clamp(
                31px,
                9vw,
                36px
            );
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section {
        padding:
            46px
            0;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-section h2 {
        font-size:
            clamp(
                27px,
                8vw,
                31px
            );
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack-tools {
        grid-template-columns:
            1fr
            1fr;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-final h2 {
        font-size: 28px;
    }

}


/* =========================================================
   45. VERY SMALL MOBILE
   <=360px
========================================================= */

@media (max-width: 360px) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-rail {
        width: calc(100% - 24px);
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-hero h1 {
        font-size: 30px;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-stack-tools {
        grid-template-columns: 1fr;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid article > div {
        display: grid;

        grid-template-columns: 1fr;
    }


    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pgv4-attribution-grid article > div > span {
        width: 100%;

        justify-content: flex-start;
    }

}


/* =========================================================
   46. MINIMUM 13PX READABILITY PROTECTION
========================================================= */

.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page small,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page figcaption,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page .pg-trackity-hero-label,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page .pgv4-kicker,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page .pgv4-meta-item > span,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page .pgv4-capabilities h3,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page .pgv4-capabilities li > span,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page .pgv4-depth-row > div:not(.pgv4-depth-icon) > span,
.elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page .pgv4-stack-intro h3 {
    font-size:
        max(
            13px,
            var(--pg-small-size)
        );
}


/* =========================================================
   47. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page *,
    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page *::before,
    .elementor-15748 .elementor-element.elementor-element-7f191b8 .pg-trackity-page *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

}/* End custom CSS */