.elementor-85 .elementor-element.elementor-element-76433de{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-85 .elementor-element.elementor-element-76433de:not(.elementor-motion-effects-element-type-background), .elementor-85 .elementor-element.elementor-element-76433de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08090A;}.elementor-85 .elementor-element.elementor-element-3bb17af{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-85 .elementor-element.elementor-element-3bb17af:not(.elementor-motion-effects-element-type-background), .elementor-85 .elementor-element.elementor-element-3bb17af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08090A;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a65b349 *//* page header (redefined with exact specs and enhancements) */
        .page-header {
            padding: 140px 5vw 100px;
            position: relative;
            border-bottom: 1px solid var(--border);
            overflow: hidden;
        }

        .page-header-bg {
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 55% 65% at 75% 45%, rgba(90,40,0,0.4) 0%, transparent 65%);
            pointer-events: none;
        }

        .page-header-content {
            position: relative;
            z-index: 1;
            max-width: 1100px;
        }

        .page-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 10px;
            letter-spacing: 0.22em;
            text-transform: uppercase;
            color: var(--accent2);
            margin-bottom: 32px;
            border: 1px solid rgba(232,106,0,0.35);
            padding: 8px 16px;
        }

        .page-badge::before {
            content: '';
            width: 6px;
            height: 6px;
            background: var(--accent);
            border-radius: 50%;
            animation: pulse 2.5s ease-in-out infinite;
        }

        @keyframes pulse {
            0%,100%{opacity:1; transform:scale(1);}
            50%{opacity:0.5; transform:scale(0.75);}
        }

        .page-headline {
            font-family: var(--ff-serif);
            font-size: clamp(44px, 6vw, 86px);
            font-weight: 300;
            line-height: 1.08;
            letter-spacing: -0.02em;
            color: var(--cream);
            margin-bottom: 28px;
        }

        .page-headline em {
            font-style: italic;
            color: var(--accent2);
            font-weight: 300;
        }

        .page-sub {
            font-size: 15px;
            color: rgba(214,221,232,0.6);
            max-width: 680px;
            line-height: 1.85;
            margin-top: 28px;
            font-weight: 300;
        }

        /* ========= NEW: DPDP Toolkit Section with clear heading + descriptive text ========= */
        .dpdp-toolkit {
            margin-top: 48px;
            border-left: 3px solid var(--accent);
            padding-left: 28px;
            background: rgba(18, 20, 24, 0.3);
            backdrop-filter: blur(2px);
            border-radius: 0 12px 12px 0;
            transition: all 0.2s ease;
        }

        .toolkit-heading {
            font-family: var(--ff-serif);
            font-size: clamp(28px, 4vw, 42px);
            font-weight: 500;
            color: #FFE5D0;
            letter-spacing: -0.01em;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .toolkit-heading strong {
            color: var(--accent);
            font-weight: 600;
            border-bottom: 1px dashed rgba(232,106,0,0.4);
        }

        .toolkit-description {
            font-size: 16px;
            line-height: 1.7;
            color: rgba(220, 225, 235, 0.85);
            font-weight: 350;
            max-width: 860px;
        }

        .toolkit-description p {
            margin-bottom: 18px;
        }

        .toolkit-highlight {
            color: #E8A87C;
            font-weight: 500;
        }

        /* subtle divider */
        .hr-divider {
            height: 1px;
            background: linear-gradient(90deg, rgba(232,106,0,0.3), rgba(232,106,0,0.05), transparent);
            margin: 32px 0 0 0;
            width: 100%;
        }

        /* responsive adjustments */
        @media (max-width: 992px) {
            .page-header {
                padding: 110px 4vw 80px;
            }
            .dpdp-toolkit {
                padding-left: 20px;
                margin-top: 40px;
            }
            .toolkit-heading {
                font-size: clamp(26px, 3.5vw, 36px);
            }
            .toolkit-description {
                font-size: 15px;
            }
        }

        @media (max-width: 768px) {
            .page-header {
                padding: 90px 24px 70px;
            }
            .page-headline {
                font-size: clamp(32px, 6vw, 52px);
            }
            .page-sub {
                font-size: 14px;
                max-width: 100%;
            }
            .dpdp-toolkit {
                padding-left: 18px;
                margin-top: 36px;
            }
            .toolkit-heading {
                font-size: clamp(24px, 5vw, 32px);
                margin-bottom: 16px;
            }
            .toolkit-description {
                font-size: 14px;
                line-height: 1.65;
            }
        }

        @media (max-width: 576px) {
            .page-header {
                padding: 70px 20px 60px;
            }
            .dpdp-toolkit {
                padding-left: 14px;
                margin-top: 32px;
            }
            .toolkit-heading {
                font-size: 22px;
            }
            .toolkit-description {
                font-size: 13.5px;
            }
            .page-badge {
                font-size: 9px;
                padding: 6px 14px;
                margin-bottom: 24px;
            }
        }

        /* animation for subtle fade-in */
        .page-header-content {
            animation: fadeSlideUp 0.7s ease-out;
        }
        @keyframes fadeSlideUp {
            from { opacity: 0; transform: translateY(25px); }
            to { opacity: 1; transform: translateY(0); }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-404d8d9 *//* services grid */
.services-section{
  padding:80px 5vw;
  border-bottom:1px solid var(--border);
}
.section-header{
  text-align:center;
  margin-bottom:64px;
}
.section-header .label{
  font-size:10px;
  letter-spacing:0.24em;
  text-transform:uppercase;
  color:var(--accent2);
  margin-bottom:12px;
}
.section-header h2{
  font-family:var(--ff-serif);
  font-size:clamp(32px,3.8vw,48px);
  font-weight:300;
  color:var(--cream);
}
.section-header h2 em{font-style:italic;color:var(--accent2)}
.services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--border);
}
.service-card{
  background:var(--ink2);
  padding:44px 36px;
  transition:background .3s;
}
.service-card:hover{background:rgba(46,125,247,0.04)}
.service-icon{font-size:36px;margin-bottom:24px;color:var(--accent2);opacity:0.8}
.service-card h3{font-family:var(--ff-serif);font-size:24px;font-weight:400;margin-bottom:16px;color:var(--cream)}
.service-card p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:20px}
.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.service-tag{font-size:10px;letter-spacing:0.1em;border:1px solid var(--border);color:var(--muted);padding:4px 12px;border-radius:20px}/* End custom CSS */