.elementor-5337 .elementor-element.elementor-element-848c9b4{--display:flex;--min-height:900px;--justify-content:space-between;--overlay-opacity:0.38;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-5337 .elementor-element.elementor-element-848c9b4::before, .elementor-5337 .elementor-element.elementor-element-848c9b4 > .elementor-background-video-container::before, .elementor-5337 .elementor-element.elementor-element-848c9b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-5337 .elementor-element.elementor-element-848c9b4 > .elementor-background-slideshow::before, .elementor-5337 .elementor-element.elementor-element-848c9b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5337 .elementor-element.elementor-element-848c9b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, var( --e-global-color-68f1695 ) 72%, var( --e-global-color-primary ) 100%);}.elementor-5337 .elementor-element.elementor-element-e884530{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-257cdbf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5337 .elementor-element.elementor-element-257cdbf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5337 .elementor-element.elementor-element-af299ac{text-align:center;}.elementor-5337 .elementor-element.elementor-element-af299ac .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:78px;font-weight:700;color:#FFFFFF;}.elementor-5337 .elementor-element.elementor-element-eb0f9e2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;}.elementor-5337 .elementor-element.elementor-element-26c1a62{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-5337 .elementor-element.elementor-element-26c1a62 > .elementor-widget-container{background-color:#000000;padding:30px 15px 015px 015px;border-radius:30px 30px 30px 30px;}.elementor-5337 .elementor-element.elementor-element-26c1a62.elementor-element{--align-self:center;}.elementor-5337 .elementor-element.elementor-element-26c1a62 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:500;color:#FFFFFF;}.elementor-5337 .elementor-element.elementor-element-5f06c6a{--e-image-carousel-slides-to-show:6;}.elementor-5337 .elementor-element.elementor-element-1e92c21{--display:flex;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-1e92c21:not(.elementor-motion-effects-element-type-background), .elementor-5337 .elementor-element.elementor-element-1e92c21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-5337 .elementor-element.elementor-element-6da635a{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-5337 .elementor-element.elementor-element-695dd17{--display:flex;--border-radius:50px 50px 50px 50px;}.elementor-5337 .elementor-element.elementor-element-38c0cfd{--display:flex;}.elementor-5337 .elementor-element.elementor-element-5afb7cc{text-align:center;}.elementor-5337 .elementor-element.elementor-element-5afb7cc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;line-height:25px;letter-spacing:6px;color:var( --e-global-color-5d97b8c );}.elementor-5337 .elementor-element.elementor-element-47f074c > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-5337 .elementor-element.elementor-element-47f074c{text-align:center;}.elementor-5337 .elementor-element.elementor-element-47f074c .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:60px;font-weight:400;color:#349A93;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5337 .elementor-element.elementor-element-7c4454d{text-align:center;font-family:"Sora", Sans-serif;font-size:23px;font-weight:700;}.elementor-5337 .elementor-element.elementor-element-93a8b48{--display:flex;--border-radius:50px 50px 50px 50px;}.elementor-5337 .elementor-element.elementor-element-61bd484{--display:flex;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-61bd484:not(.elementor-motion-effects-element-type-background), .elementor-5337 .elementor-element.elementor-element-61bd484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-5337 .elementor-element.elementor-element-61bd484::before, .elementor-5337 .elementor-element.elementor-element-61bd484 > .elementor-background-video-container::before, .elementor-5337 .elementor-element.elementor-element-61bd484 > .e-con-inner > .elementor-background-video-container::before, .elementor-5337 .elementor-element.elementor-element-61bd484 > .elementor-background-slideshow::before, .elementor-5337 .elementor-element.elementor-element-61bd484 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5337 .elementor-element.elementor-element-61bd484 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-5337 .elementor-element.elementor-element-1afed71{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-a32b910{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-a32b910.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5337 .elementor-element.elementor-element-0a406e8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5337 .elementor-element.elementor-element-80aae42{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-5337 .elementor-element.elementor-element-80aae42:not(.elementor-motion-effects-element-type-background), .elementor-5337 .elementor-element.elementor-element-80aae42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;background-image:url("https://0002.digityza.ca/wp-content/uploads/2025/08/laptoppng.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5337 .elementor-element.elementor-element-592bc15{--display:flex;--min-height:855px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-592bc15:not(.elementor-motion-effects-element-type-background), .elementor-5337 .elementor-element.elementor-element-592bc15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background:url("https://0002.digityza.ca/wp-content/uploads/2025/10/human-tech-synergy.webp") 50% 50%;background-size:cover;}.elementor-5337 .elementor-element.elementor-element-831c767{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-832338b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-2aa94c5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5337 .elementor-element.elementor-element-16818ec{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;}.elementor-5337 .elementor-element.elementor-element-16818ec > .elementor-widget-container{background-color:#000000D1;padding:20px 20px 20px 20px;border-radius:30px 30px 30px 30px;}.elementor-5337 .elementor-element.elementor-element-16818ec p{margin-block-end:17px;}.elementor-5337 .elementor-element.elementor-element-e41a7ca{--display:flex;--overlay-opacity:0.44;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-5337 .elementor-element.elementor-element-e41a7ca:not(.elementor-motion-effects-element-type-background), .elementor-5337 .elementor-element.elementor-element-e41a7ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4A2C66;}.elementor-5337 .elementor-element.elementor-element-e41a7ca::before, .elementor-5337 .elementor-element.elementor-element-e41a7ca > .elementor-background-video-container::before, .elementor-5337 .elementor-element.elementor-element-e41a7ca > .e-con-inner > .elementor-background-video-container::before, .elementor-5337 .elementor-element.elementor-element-e41a7ca > .elementor-background-slideshow::before, .elementor-5337 .elementor-element.elementor-element-e41a7ca > .e-con-inner > .elementor-background-slideshow::before, .elementor-5337 .elementor-element.elementor-element-e41a7ca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5337 .elementor-element.elementor-element-2c7b034{--display:flex;--border-radius:40px 40px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-f48cb78{--display:flex;}.elementor-5337 .elementor-element.elementor-element-cbe0a89{text-align:center;}.elementor-5337 .elementor-element.elementor-element-cbe0a89 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:60px;font-weight:400;color:#FFFFFF;}.elementor-5337 .elementor-element.elementor-element-0970dd1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5337 .elementor-element.elementor-element-0970dd1{text-align:center;}.elementor-5337 .elementor-element.elementor-element-0970dd1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-5337 .elementor-element.elementor-element-d19d9cf{--display:flex;--overlay-opacity:0.44;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-d19d9cf::before, .elementor-5337 .elementor-element.elementor-element-d19d9cf > .elementor-background-video-container::before, .elementor-5337 .elementor-element.elementor-element-d19d9cf > .e-con-inner > .elementor-background-video-container::before, .elementor-5337 .elementor-element.elementor-element-d19d9cf > .elementor-background-slideshow::before, .elementor-5337 .elementor-element.elementor-element-d19d9cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-5337 .elementor-element.elementor-element-d19d9cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5337 .elementor-element.elementor-element-762a21e{--display:flex;--border-radius:40px 40px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-c2bba88 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-5337 .elementor-element.elementor-element-af299ac .elementor-heading-title{font-size:80px;}.elementor-5337 .elementor-element.elementor-element-5f06c6a{--e-image-carousel-slides-to-show:3;}.elementor-5337 .elementor-element.elementor-element-6da635a{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5337 .elementor-element.elementor-element-47f074c .elementor-heading-title{font-size:50px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5337 .elementor-element.elementor-element-e41a7ca{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5337 .elementor-element.elementor-element-d19d9cf{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-5337 .elementor-element.elementor-element-848c9b4{--width:100%;}.elementor-5337 .elementor-element.elementor-element-e884530{--content-width:1440px;}.elementor-5337 .elementor-element.elementor-element-257cdbf{--width:100%;}.elementor-5337 .elementor-element.elementor-element-eb0f9e2{--width:69%;}.elementor-5337 .elementor-element.elementor-element-6da635a{--content-width:1440px;}.elementor-5337 .elementor-element.elementor-element-695dd17{--content-width:1600px;}.elementor-5337 .elementor-element.elementor-element-80aae42{--content-width:1440px;}.elementor-5337 .elementor-element.elementor-element-2aa94c5{--content-width:1083px;}.elementor-5337 .elementor-element.elementor-element-d19d9cf{--content-width:1600px;}}@media(max-width:767px){.elementor-5337 .elementor-element.elementor-element-848c9b4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5337 .elementor-element.elementor-element-e884530{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-5337 .elementor-element.elementor-element-af299ac .elementor-heading-title{font-size:50px;}.elementor-5337 .elementor-element.elementor-element-5f06c6a{--e-image-carousel-slides-to-show:2;}.elementor-5337 .elementor-element.elementor-element-6da635a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5337 .elementor-element.elementor-element-695dd17{--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5337 .elementor-element.elementor-element-5afb7cc .elementor-heading-title{letter-spacing:8px;}.elementor-5337 .elementor-element.elementor-element-47f074c .elementor-heading-title{font-size:34px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5337 .elementor-element.elementor-element-93a8b48{--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5337 .elementor-element.elementor-element-61bd484{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-80aae42{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-592bc15{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-e41a7ca{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5337 .elementor-element.elementor-element-2c7b034{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5337 .elementor-element.elementor-element-d19d9cf{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5337 .elementor-element.elementor-element-762a21e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-02dd7bd *//* --- Style 2: Ghost Button with Liquid Fill --- */
.cta-wrapper-ghost {
    display: flex; 
    justify-content: center;
    padding: 20px 0;
}
.ghost-cta {
    display: inline-block;
    position: relative;
    padding: 1em 2.5em; 
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    
    /* Default State: Pink Border, Transparent Background, Pink Text */
    color: #E01988; /* Primary Pink */
    background: transparent;
    border: 2px solid #E01988;
    border-radius: 8px;
    z-index: 1; /* Ensure text is above fill layer */
    transition: color 0.4s ease-in-out;
}

/* Liquid Fill Layer (Pseudo-element) */
.ghost-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF; /* White fill on hover */
    border-radius: 8px;
    z-index: -1;
    
    /* Starts invisible (scaleY 0) and hidden at the bottom */
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.4s ease-in-out;
}

/* Hover State: Trigger the fill and change text color */
.ghost-cta:hover {
    color: #000000; /* Black text on White fill for maximum contrast */
}

.ghost-cta:hover::before {
    /* Fill animation: scales up from bottom */
    transform: scaleY(1);
}

/* Focus State (Accessibility) */
.ghost-cta:focus {
    /* Uses the high-contrast Orange from your logo for keyboard focus */
    outline: 3px solid #F3A94A; 
    outline-offset: 4px;
}

/* Mobile Responsiveness for Ghost button */
@media screen and (max-width: 767px) {
   .ghost-cta {
        width: 100%; 
        padding: 1.5em 0.5em; 
        font-size: 1.1rem;
        display: block; 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da635a */.elementor-5337 .elementor-element.elementor-element-6da635a {
  background: var(--bg-black-offwhite);
  color: var(--text-color);
}
.elementor-5337 .elementor-element.elementor-element-6da635a h1,
.elementor-5337 .elementor-element.elementor-element-6da635a h2,
.elementor-5337 .elementor-element.elementor-element-6da635a h3,
.elementor-5337 .elementor-element.elementor-element-6da635a h4,
.elementor-5337 .elementor-element.elementor-element-6da635a h5,
.elementor-5337 .elementor-element.elementor-element-6da635a h6,
.elementor-5337 .elementor-element.elementor-element-6da635a p {
  color: var(--text-color);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a406e8 *//* --- CUSTOM BRAND COLORS --- */
  :root{
    --bg: #0d0d10; /* Very dark background */
    --card: #1c1c24; /* Background for the showcase shell */
    --line: #3f3f50; /* Border/separator lines */
    --text: #ffffff; /* Primary White text */
    --muted: #e01988; /* Primary Pink for Kicker text/Pill borders */
    --accent: #f3a94a; /* Primary Orange for CTAs and Highlights */
    --accent-glow: rgba(151, 62, 239, 0.4); /* Purple glow shadow */
    --shadow: 0 10px 40px var(--accent-glow);
    --success-green: #4CAF50; /* New: Trusted Green color */
  }

.pf2{
    max-width:1280px; margin:48px auto; padding:0 16px; color:var(--text);
  }

  /* Header */
.pf2-head{ display:flex; align-items:end; justify-content:space-between; margin:8px 0 18px; }
.pf2-overline{ font:600 12px/1.2 Inter,system-ui; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
.pf2-title{ font:900 clamp(24px,3vw,36px)/1.15 Inter,system-ui; margin:6px 0 0; }

  /* --- NEW: RATING BAR STYLES --- */
.pf2-rating-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px clamp(16px, 3vw, 28px);
    margin-bottom: 24px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--card);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.pf2-rating-left {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #000;
}

.pf2-rating-logo {
    /* Google-style text color for brand recognition */
    font: 900 24px/1 'Roboto', sans-serif;
    letter-spacing: -0.5px;
    color: #4285F4; /* Google Blue */
}

.pf2-stars {
    display: flex;
    align-items: center;
    gap: 2px;
}

.pf2-star-icon {
    width: 16px;
    height: 16px;
    fill: var(--accent); /* Brand Orange for the Stars */
}

.pf2-score {
    font-weight: 700;
    color: var(--text);
    font-size: 16px;
    margin-left: 6px;
}

.pf2-label {
    color: var(--text);
    font-weight: 300;
    font-size: 16px;
    opacity: 0.7;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid var(--line);
}

.pf2-verified-badge {
    padding: 8px 14px;
    border-radius: 999px;
    background-color: var(--success-green); /* Success Green background */
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: help;
}
  
  /* Shell: THE TILT EFFECT (Cutting Edge) */
.pf2-shell{
    position:relative; border:1px solid var(--line); border-radius:20px;
    background:linear-gradient(180deg,rgba(28,28,36,.94),rgba(18,18,28,.94));
    /* Apply a slight 3D tilt */
    transform: perspective(1000px) rotateX(1deg) rotateY(-1deg);
    transition: transform 0.4s ease-out, box-shadow 0.4s ease;
    /* Add subtle purple glow and deep shadow */
    box-shadow: 0 10px 40px rgba(0,0,0,.35), 0 0 40px var(--accent-glow); 
    overflow:hidden;
  }
.pf2-shell:hover {
      transform: perspective(1000px) rotateX(0deg) rotateY(0deg); /* Straighten on hover */
      box-shadow: 0 15px 50px rgba(0,0,0,.5), 0 0 50px var(--accent-glow);
  }

  /* Progress + counter */
.pf2-topbar{
    display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px;
    padding:14px 16px; border-bottom:1px solid var(--line);
  }
  /* Progress Bar: Pink to Orange Gradient */
.pf2-progress{ position:relative; height:3px; background:rgba(255,255,255,.06); border-radius:999px; overflow:hidden; }
.pf2-progress > span{ display:block; height:100%; width:0%; background:linear-gradient(90deg, #E01988, #F3A94A); transition:width.25s linear; }
  @media(prefers-reduced-motion:reduce){.pf2-progress > span{ transition:none; } }
.pf2-count{ font:700 12px/1 Inter,system-ui; color:var(--muted); letter-spacing:.08em; }
.pf2-count strong{ color:var(--text); }

  /* Track + slides */
.pf2-track{
    display:grid; grid-auto-flow:column; grid-auto-columns:100%;
    will-change:transform; transform:translate3d(0,0,0);
    transition:transform.55s cubic-bezier(.18,.8,.2,1);
  }
  @media(prefers-reduced-motion:reduce){.pf2-track{ transition:none; } }

  /* Layout: Emphasize Visuals (Desktop) */
.pf2-slide{
    /* Adjusted grid to give visuals (2nd column) more weight */
    display:grid; grid-template-columns:0.9fr 1.8fr; gap:36px; padding:28px clamp(18px,3vw,28px) 34px;
    min-height:560px;
  }
  @media(max-width:1000px){.pf2-slide{ grid-template-columns:1fr; gap:22px; min-height:0; } }

  /* Text column */
.pf2-text{ align-self:center; max-width:540px; }
.pf2-kicker{ font:600 12px/1 Inter; color:var(--muted); letter-spacing:.16em; text-transform:uppercase; margin-bottom:10px; }
.pf2-h3{ font:900 clamp(22px,2.6vw,34px)/1.15 Inter; margin:0 0 10px; }
.pf2-lead{ color:#c7c8cf; font-size:16px; line-height:1.6; margin:0 0 14px; }
  
  /* Stat Pills: Pink Accent */
.pf2-meta{ display:flex; gap:16px; flex-wrap:wrap; margin:10px 0 0; }
.pf2-pill{ border:1px solid var(--muted); border-radius:999px; padding:8px 10px; font:600 12px/1 Inter; color:var(--muted); background:rgba(224, 25, 136, 0.1); }

  /* Device column */
.pf2-dev{
    position:relative; display:grid; align-content:center; justify-items:center; gap:18px;
  }
.pf2-laptop{
    width: clamp(520px, 48vw, 880px);
    border-radius:14px; overflow:hidden; box-shadow:0 22px 60px rgba(0,0,0,.42);
  }
.pf2-laptop img{ display:block; width:100%; height:auto; opacity:0; transform:translateY(10px) scale(.985); transition:opacity.5s ease, transform.5s ease; }
.pf2-slide.is-visible.pf2-laptop img{ opacity:1; transform:none; }

  /* Phone Mockup: Retain 3D hover effect */
.pf2-phone{
    position:absolute; right:4%; bottom:-12px;
    width: clamp(180px, 22vw, 280px);
    border-radius:26px; padding:10px; background:#24252a; box-shadow:0 18px 40px rgba(0,0,0,.45);
    transform-style:preserve-3d; transition:transform.25s ease, box-shadow.25s ease;
  }
.pf2-phone:hover{ transform:rotateX(5deg) rotateY(-6deg) translateZ(10px); box-shadow:0 26px 56px rgba(0,0,0,.55); }
  @media(max-width:1000px){.pf2-phone{ position:static; margin-top:-6px; } }
.pf2-phone img{ display:block; width:100%; height:auto; border-radius:18px; opacity:0; transform:translateY(6px) scale(.985); transition:opacity.4s ease, transform.4s ease; }
.pf2-slide.is-visible.pf2-phone img{ opacity:1; transform:none; }

  /* Minimal dots: Orange Accent */
.pf2-dots{
    position:absolute; left:50%; transform:translateX(-50%);
    bottom:14px; display:flex; gap:10px; padding:6px 10px;
    background:rgba(0,0,0,.35); border:1px solid var(--line); border-radius:999px;
  }
.pf2-dot{
    width:6px; height:6px; border-radius:50%; background:#5d616d; border:1px solid #973EEF; /* Purple Border */
    cursor:pointer;
    transition:background.18s ease, transform.18s ease, border-color.18s ease;
  }
.pf2-dot[aria-current="true"]{ background:var(--accent); border-color:var(--accent); transform:scale(1.15); }

  /* Controls */
.pf2-nav{
    position:absolute; inset:0; pointer-events:none;
  }
.pf2-arrow{
    position:absolute; top:50%; transform:translateY(-50%); pointer-events:auto;
    border:0; background:rgba(255,255,255,.06); color:#fff; border-radius:12px;
    padding:10px 12px; display:flex; align-items:center; justify-content:center; cursor:pointer;
    transition:filter.15s ease, transform.04s ease, background.2s ease;
  }
.pf2-arrow:hover{ filter:brightness(1.1); }
.pf2-arrow:active{ transform:translateY(-50%) translateY(1px); }
.pf2-prev{ left:12px; }
.pf2-next{ right:12px; }
.pf2-arrow svg{ width:18px; height:18px; }

  /* Reduced motion */
  @media(prefers-reduced-motion:reduce){
.pf2-track,.pf2-laptop img,.pf2-phone img,.pf2-progress > span{ transition:none; }
.pf2-phone:hover{ transform:none; }
.pf2-shell{ transform: none; transition: none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2defa91 */:root{
  --pri:#E6006B; /* main brand */
  --acc:#A030FF; /* CTA hover background */
  --warn:#FFAA32;
  --ink:#111827; --mut:#6B7280; --line:#E5E7EB;
}

.playbooks{max-width:1200px;margin:0 auto;padding:56px 20px;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}
.playbooks__eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--pri),var(--acc));padding:.35rem .6rem;border-radius:999px}
.playbooks__title{margin:14px 0 6px;font-size:clamp(26px,3.6vw,38px);font-weight:800;color:#fff}
.playbooks__subtitle{margin:0 0 20px;color:#d6d6d6;max-width:780px}

.playbooks__proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 28px}
.proof__item{background:rgba(255,255,255,.08);backdrop-filter:saturate(140%) blur(6px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 14px;text-align:center}
.proof__num{display:block;font-weight:900;font-size:1.2rem;color:#fff}
.proof__lbl{display:block;font-size:.8rem;color:#cfcfcf}

.playbooks__chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}
.chip{appearance:none;border:1px solid var(--line);background:#fff;color:#374151;font-weight:700;font-size:.95rem;border-radius:999px;padding:10px 14px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.chip:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.chip.is-active{border-color:var(--pri);box-shadow:0 8px 22px rgba(230,0,107,.25);color:#111}

.playbooks__stage{position:relative}
.pane{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.08);padding:22px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease,visibility 0s .28s}
.pane.is-active{opacity:1;visibility:visible;transform:translateY(0)}

.pane__grid{display:grid;grid-template-columns:1.2fr .9fr;gap:22px}
.pane__title{margin:0 0 4px;color:#6B21A8;font-size:1.5rem}
.pane__kicker{margin:0 0 14px;color:#374151;font-size:1rem;line-height:1.5} /* ensure visible */

.callout{border-left:4px solid var(--warn);background:#FFF8EE;color:#5b3a00;padding:12px;border-radius:10px;margin-bottom:14px}
.ticklist{list-style:none;margin:0;padding:0;border-top:1px dotted var(--line)}
.ticklist li{position:relative;padding:12px 0 12px 30px;border-bottom:1px dotted var(--line);line-height:1.55}
.ticklist li:before{content:"✓";position:absolute;left:0;top:12px;color:#7C3AED;font-weight:900}

.pane__metrics{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
.pane__metrics .m__num{display:block;font-weight:900}
.pane__metrics .m__lbl{display:block;color:var(--mut);font-size:.85rem}

/* right column media + micro CTA */
.pane__media .media__card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.media__card img{display:block;width:100%;height:auto}
.media__cap{font-size:.8rem;color:#6B7280;padding:8px 10px;background:#fafafa}

.pane__micro{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#f9fafb}
.micro__proof{font-size:.95rem;color:#374151;margin-bottom:10px}
.micro__btn{display:inline-block;text-decoration:none;font-weight:800;border-radius:999px;padding:10px 14px;background:var(--pri);color:#fff;border:2px solid var(--pri);transition:transform .18s ease, background-color .18s ease, border-color .18s ease}
.micro__btn:hover{transform:translateY(-2px);background:var(--acc);border-color:var(--acc);color:#fff} /* keep text white on hover */

.playbooks__cta--bottom{display:flex;align-items:center;gap:10px;margin-top:24px;justify-content:center;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:999px;padding:10px 12px}
.cta__btn{display:inline-block;text-decoration:none;font-weight:800;border-radius:999px;padding:12px 18px;background:var(--pri);color:#fff;border:2px solid var(--pri);box-shadow:0 8px 20px rgba(230,0,107,.45);transition:transform .18s ease, background-color .18s ease, border-color .18s ease}
.cta__btn:hover{transform:translateY(-2px);background:var(--acc);border-color:var(--acc);color:#fff}

@media (prefers-reduced-motion: reduce){
  .chip,.pane,.cta__btn,.micro__btn{transition:none}
}
@media (max-width: 980px){
  .pane__grid{grid-template-columns:1fr}
}
@media (max-width: 680px){
  .playbooks__proof{grid-template-columns:repeat(2,minmax(0,1fr))}
  .playbooks__cta--bottom{width:100%}
}
/* --- BASE STYLES & ANIMATION SETUP --- */
/* Scopes the styles specifically to this Elementor HTML Widget */
.apex-cta-wrapper {
    /* Ensures centering capability in Elementor columns */
    display: flex; 
    justify-content: center;
}

.apex-cta {
    /* Core Dimensions & Typography */
    display: inline-block;
    padding: 1em 2.5em; 
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    color: #FFFFFF; /* White Text for high contrast */
    cursor: pointer;
    overflow: hidden;

    /* Shape & Border */
    border: none;
    border-radius: 50px; /* Highly rounded shape */
    
    /* Animation Initialization: Pink/Purple Gradient */
    background: linear-gradient(90deg, #E01988, #973EEF, #E01988, #973EEF); 
    background-size: 400% 100%; /* Critical for perpetual motion effect */
    transition: all 0.3s ease-in-out;

    /* Perpetual Motion: Runs continuously */
    animation: apexGradientShift 8s linear infinite;
}

/* Arrow styling for micro-interaction */
.apex-cta.arrow {
    margin-left: 0.5em;
    transition: transform 0.3s ease-in-out; 
    display: inline-block;
}

/* --- KEYFRAMES for Perpetual Motion --- */
@keyframes apexGradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* --- HOVER STATE (Visual Pop) --- */
.apex-cta:hover {
    transform: scale(1.05); /* Subtle lift effect */
    /* Neon Glow Box Shadow in Brand Colors */
    box-shadow: 0 0 15px rgba(224, 25, 136, 0.8), 0 0 30px rgba(151, 62, 239, 0.6);
    color:#FFFFFF;
}

.apex-cta:hover.arrow {
    /* Arrow moves slightly right on hover */
    transform: translateX(5px);
}

/* --- FOCUS STATE (WCAG Compliance) --- */
.apex-cta:focus {
    /* High visibility Yellow/Orange outline for keyboard users (WCAG 2.4.7) */
    outline: 3px solid #F3A94A; 
    outline-offset: 4px; 
    /* Retain the hover box-shadow on focus for strong confirmation */
    box-shadow: 0 0 15px rgba(224, 25, 136, 0.8), 0 0 30px rgba(151, 62, 239, 0.6); 
    transition: outline-offset 0.1s ease; 
}


/* --- RESPONSIVE DESIGN (Mobile UX Optimization) --- */
@media screen and (max-width: 767px) {
    /* Force full width on mobile devices */
  .apex-cta {
        width: 100%!important; 
        /* Increase vertical padding for a larger, easier-to-tap target */
        padding: 1.5em 0.5em; 
        font-size: 1.1rem; 
        display: block; 
    }
}

/* --- ACCESSIBILITY HARDENING (prefers-reduced-motion) --- */
@media (prefers-reduced-motion: reduce) {
  .apex-cta {
        /* Halt the infinite animation loop as mandated by WCAG 2.3.3 */
        animation: none; 
        /* Set background to a static color (mid-point of the gradient) */
        background-position: 50% 50%;
        transition: all 0.3s ease-in-out; 
    }
  .apex-cta:hover {
        /* Reduce motion-based hover transform for sensitive users */
        transform: scale(1.02);
    }
}
/* --- Fix white-on-white in panes --- */
.playbooks .pane {
  background:#ffffff !important;
}

/* Title and kicker colors inside the pane */
.playbooks .pane__copy h3.pane__title {
  color:#111827 !important; /* ink */
}
.playbooks .pane__kicker {
  color:#374151 !important; /* muted dark */
}

/* Body text and list text inside the pane */
.playbooks .pane__copy p,
.playbooks .pane__copy li,
.playbooks .pane__copy strong {
  color:#111827 !important;
}

/* Keep tick checkmarks and accents as designed */
.playbooks .ticklist li:before { color:#7C3AED !important; }

/* Do not affect buttons */
.playbooks .micro__btn,
.playbooks .cta__btn { color:#fff !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80aae42 */.elementor-5337 .elementor-element.elementor-element-80aae42 {
  background: var(--bg-solid);
  color: var(--text-color);
}
.elementor-5337 .elementor-element.elementor-element-80aae42 h1,
.elementor-5337 .elementor-element.elementor-element-80aae42 h2,
.elementor-5337 .elementor-element.elementor-element-80aae42 h3,
.elementor-5337 .elementor-element.elementor-element-80aae42 h4,
.elementor-5337 .elementor-element.elementor-element-80aae42 h5,
.elementor-5337 .elementor-element.elementor-element-80aae42 h6,
.elementor-5337 .elementor-element.elementor-element-80aae42 p {
  color: var(--text-color);
}

.elementor-5337 .elementor-element.elementor-element-80aae42 .elementor-shape-fill {
  fill: var(--bg-solid); /* or --bg-solid or --text-color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-592bc15 */.elementor-5337 .elementor-element.elementor-element-592bc15 {
  background: var(--bg-solid);
  color: var(--text-color);
}
.elementor-5337 .elementor-element.elementor-element-592bc15 h1,
.elementor-5337 .elementor-element.elementor-element-592bc15 h2,
.elementor-5337 .elementor-element.elementor-element-592bc15 h3,
.elementor-5337 .elementor-element.elementor-element-592bc15 h4,
.elementor-5337 .elementor-element.elementor-element-592bc15 h5,
.elementor-5337 .elementor-element.elementor-element-592bc15 h6,
.elementor-5337 .elementor-element.elementor-element-592bc15 p {
  color: var(--text-color);
}

.elementor-5337 .elementor-element.elementor-element-592bc15 .elementor-shape-fill {
  fill: var(--bg-solid); /* or --bg-solid or --text-color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e41a7ca */.elementor-5337 .elementor-element.elementor-element-e41a7ca {
  background: var(--bg-black-purple);
  color: var(--text-color);
}

.elementor-5337 .elementor-element.elementor-element-e41a7ca h1,
.elementor-5337 .elementor-element.elementor-element-e41a7ca h2,
.elementor-5337 .elementor-element.elementor-element-e41a7ca h3,
.elementor-5337 .elementor-element.elementor-element-e41a7ca h4,
.elementor-5337 .elementor-element.elementor-element-e41a7ca h5,
.elementor-5337 .elementor-element.elementor-element-e41a7ca h6,
.elementor-5337 .elementor-element.elementor-element-e41a7ca p {
  color: var(--text-color);
}
.bloghome {
  cursor: url('https://0002.digityza.ca/wp-content/uploads/2025/08/Group-1321319655.png') 16 16, auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d19d9cf */.elementor-5337 .elementor-element.elementor-element-d19d9cf {
  background: var(--bg-solid);
  color: var(--text-color);
}

.elementor-5337 .elementor-element.elementor-element-d19d9cf h1,
.elementor-5337 .elementor-element.elementor-element-d19d9cf h2,
.elementor-5337 .elementor-element.elementor-element-d19d9cf h3,
.elementor-5337 .elementor-element.elementor-element-d19d9cf h4,
.elementor-5337 .elementor-element.elementor-element-d19d9cf h5,
.elementor-5337 .elementor-element.elementor-element-d19d9cf h6,
.elementor-5337 .elementor-element.elementor-element-d19d9cf p {
  color: var(--text-color);
}

.video-box { position: relative; width: 640px; /* adjust width */ max-width: 100%; } .video-box .my-video, .video-box .video-thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .video-thumbnail { display: none; cursor: pointer; }/* End custom CSS */