/* =========================================================
   AARAV DIGITAL PRO
   BASE CSS — PREMIUM GLOBAL FOUNDATION
========================================================= */


/* =========================================================
   01. DESIGN TOKENS
========================================================= */

:root{

    /* ---------- COLORS ---------- */

    --adp-bg:
        #050505;

    --adp-bg-soft:
        #080806;

    --adp-surface:
        #0D0C09;

    --adp-surface-light:
        #12100C;

    --adp-gold:
        #E8B52F;

    --adp-gold-light:
        #F5C94F;

    --adp-gold-dark:
        #A87912;

    --adp-white:
        #F5F4F0;

    --adp-heading:
        #F1F0EC;

    --adp-text:
        #9D9A92;

    --adp-text-light:
        #B8B5AD;

    --adp-muted:
        #6F6C65;


    /* ---------- BORDERS ---------- */

    --adp-border:
        rgba(232,181,47,.22);

    --adp-border-hover:
        rgba(232,181,47,.48);

    --adp-border-soft:
        rgba(255,255,255,.07);


    /* ---------- RADIUS ---------- */

    --adp-radius-sm:
        10px;

    --adp-radius-md:
        18px;

    --adp-radius-lg:
        26px;

    --adp-radius-xl:
        32px;

    --adp-radius-pill:
        999px;


    /* ---------- CONTAINER ---------- */

    --adp-container:
        1280px;


    /* ---------- SPACING ---------- */

    --adp-section-space:
        120px;


    /* ---------- SHADOWS ---------- */

    --adp-shadow:
        0 24px 80px rgba(0,0,0,.42);

    --adp-shadow-soft:
        0 14px 45px rgba(0,0,0,.28);

    --adp-gold-shadow:
        0 14px 38px rgba(232,181,47,.16);


    /* ---------- TRANSITION ---------- */

    --adp-transition:
        280ms cubic-bezier(.22,.61,.36,1);

}


/* =========================================================
   02. BOX SIZING
========================================================= */

#aarav-digital-pro,
#aarav-digital-pro *,
#aarav-digital-pro *::before,
#aarav-digital-pro *::after{

    box-sizing:border-box;

}


/* =========================================================
   03. MAIN WRAPPER
========================================================= */

#aarav-digital-pro{

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    background:var(--adp-bg);

    color:var(--adp-text);

    overflow:hidden;

}


/* =========================================================
   04. BODY CONTENT NORMALIZATION
========================================================= */

#aarav-digital-pro h1,
#aarav-digital-pro h2,
#aarav-digital-pro h3,
#aarav-digital-pro h4,
#aarav-digital-pro h5,
#aarav-digital-pro h6{

    margin:0;

    padding:0;

    color:var(--adp-heading);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-weight:800;

    letter-spacing:-.035em;

}


#aarav-digital-pro p{

    margin:0;

    padding:0;

    color:var(--adp-text);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size:16px;

    line-height:1.75;

}


#aarav-digital-pro ul,
#aarav-digital-pro ol{

    margin:0;
    padding:0;

    list-style:none;

}


#aarav-digital-pro a{

    color:inherit;

    text-decoration:none;

}


#aarav-digital-pro img{

    display:block;

    max-width:100%;

    height:auto;

}


#aarav-digital-pro button,
#aarav-digital-pro input,
#aarav-digital-pro textarea,
#aarav-digital-pro select{

    font:inherit;

}


/* =========================================================
   05. GLOBAL CONTAINER
========================================================= */

.adp-container{

    width:
        min(
            var(--adp-container),
            calc(100% - 80px)
        );

    margin-left:auto;
    margin-right:auto;

}


/* =========================================================
   06. SECTION FOUNDATION
========================================================= */

.adp-section{

    position:relative;

    width:100%;

    padding-top:
        var(--adp-section-space);

    padding-bottom:
        var(--adp-section-space);

    background:
        var(--adp-bg);

}


/* =========================================================
   07. SECTION EYEBROW
========================================================= */

.adp-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:20px;

    color:var(--adp-gold);

    font-size:12px;

    font-weight:800;

    line-height:1.2;

    letter-spacing:.16em;

    text-transform:uppercase;

}


.adp-eyebrow::before{

    content:"";

    display:block;

    width:28px;
    height:1px;

    flex:0 0 28px;

    background:
        linear-gradient(
            90deg,
            var(--adp-gold),
            rgba(232,181,47,.2)
        );

}


/* =========================================================
   08. GLOBAL SECTION TITLE
========================================================= */

.adp-section-title{

    max-width:780px;

    color:var(--adp-heading);

    font-size:
        clamp(
            42px,
            5vw,
            68px
        );

    font-weight:800;

    line-height:1.03;

    letter-spacing:-.055em;

}


.adp-section-title span,
.adp-section-title strong{

    color:var(--adp-gold);

}


.adp-section-title strong{

    font-weight:800;

}


/* =========================================================
   09. SECTION DESCRIPTION
========================================================= */

.adp-section-description{

    max-width:680px;

    margin-top:22px;

    color:var(--adp-text);

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   10. GOLD TEXT
========================================================= */

.adp-gold{

    color:var(--adp-gold);

}


/* =========================================================
   11. PREMIUM BUTTON FOUNDATION
========================================================= */

.adp-btn{

    display:inline-flex;

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

    gap:10px;

    min-height:54px;

    padding:
        0 24px;

    border:1px solid transparent;

    border-radius:
        var(--adp-radius-pill);

    font-size:14px;

    font-weight:750;

    line-height:1;

    cursor:pointer;

    transition:
        transform var(--adp-transition),
        background var(--adp-transition),
        border-color var(--adp-transition),
        color var(--adp-transition),
        box-shadow var(--adp-transition);

}


.adp-btn:hover{

    transform:
        translateY(-2px);

}


/* =========================================================
   12. PRIMARY BUTTON
========================================================= */

.adp-btn-primary{

    color:#080705;

    background:
        linear-gradient(
            135deg,
            var(--adp-gold-light) 0%,
            var(--adp-gold) 100%
        );

    box-shadow:
        var(--adp-gold-shadow);

}


.adp-btn-primary:hover{

    box-shadow:
        0 18px 45px rgba(232,181,47,.26);

}


/* =========================================================
   13. OUTLINE BUTTON
========================================================= */

.adp-btn-outline{

    color:var(--adp-white);

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

    border-color:
        var(--adp-border);

}


.adp-btn-outline:hover{

    color:var(--adp-gold);

    border-color:
        var(--adp-border-hover);

    background:
        rgba(232,181,47,.035);

}


/* =========================================================
   14. PREMIUM CARD FOUNDATION
========================================================= */

.adp-card{

    position:relative;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.008)
        );

    border:1px solid
        var(--adp-border);

    border-radius:
        var(--adp-radius-lg);

    box-shadow:
        var(--adp-shadow-soft);

    overflow:hidden;

    transition:
        border-color var(--adp-transition),
        transform var(--adp-transition),
        box-shadow var(--adp-transition);

}


.adp-card:hover{

    border-color:
        var(--adp-border-hover);

    box-shadow:
        var(--adp-shadow);

}


/* =========================================================
   15. GOLD DIVIDER
========================================================= */

.adp-divider{

    width:100%;

    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(232,181,47,.42),
            rgba(232,181,47,.08),
            transparent
        );

}


/* =========================================================
   16. SUBTLE GOLD GLOW
========================================================= */

.adp-glow{

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(232,181,47,.10) 0%,
            rgba(232,181,47,.035) 38%,
            transparent 72%
        );

    pointer-events:none;

    filter:
        blur(8px);

}


/* =========================================================
   17. ACCESSIBILITY
========================================================= */

#aarav-digital-pro a:focus-visible,
#aarav-digital-pro button:focus-visible,
#aarav-digital-pro input:focus-visible,
#aarav-digital-pro textarea:focus-visible,
#aarav-digital-pro select:focus-visible{

    outline:
        2px solid var(--adp-gold);

    outline-offset:4px;

}


/* =========================================================
   18. TEXT SELECTION
========================================================= */

#aarav-digital-pro ::selection{

    color:#080705;

    background:
        var(--adp-gold);

}


/* =========================================================
   19. TABLET
========================================================= */

@media (max-width:1100px){

    .adp-container{

        width:
            calc(100% - 48px);

    }

    .adp-section{

        padding-top:90px;
        padding-bottom:90px;

    }

}


/* =========================================================
   20. MOBILE
========================================================= */

@media (max-width:700px){

    :root{

        --adp-section-space:
            72px;

    }


    .adp-container{

        width:
            calc(100% - 32px);

    }


    #aarav-digital-pro p{

        font-size:14px;

        line-height:1.7;

    }


    .adp-section{

        padding-top:72px;
        padding-bottom:72px;

    }


    .adp-eyebrow{

        margin-bottom:16px;

        font-size:10px;

        letter-spacing:.14em;

    }


    .adp-eyebrow::before{

        width:22px;

        flex-basis:22px;

    }


    .adp-section-title{

        font-size:
            clamp(
                36px,
                10vw,
                48px
            );

        line-height:1.05;

        letter-spacing:-.045em;

    }


    .adp-section-description{

        margin-top:16px;

        font-size:14px;

        line-height:1.7;

    }


    .adp-btn{

        min-height:52px;

        padding:
            0 20px;

        font-size:13px;

    }

}


/* =========================================================
   21. SMALL MOBILE
========================================================= */

@media (max-width:480px){

    :root{

        --adp-section-space:
            62px;

    }


    .adp-container{

        width:
            calc(100% - 24px);

    }


    .adp-section{

        padding-top:62px;
        padding-bottom:62px;

    }


    .adp-section-title{

        font-size:38px;

    }

}
/* =========================================================
   AARAV DIGITAL PRO
   GLOBAL PREMIUM COMPACT DESIGN
   ========================================================= */

:root {
    --adp-max-width: 1200px;
    --adp-section-space: 82px;
    --adp-gold: #d9ad2b;
    --adp-gold-light: #f0c83d;
    --adp-black: #050505;
    --adp-card: #0c0c0c;
    --adp-border: rgba(217, 173, 43, 0.22);
    --adp-text: #f5f5f5;
    --adp-muted: #9b9b9b;
}


/* =========================================================
   GLOBAL RESET
   ========================================================= */

.adp-site *,
.adp-site *::before,
.adp-site *::after {
    box-sizing: border-box;
}


.adp-site {
    width: 100%;
    overflow: hidden;
    background: var(--adp-black);
    color: var(--adp-text);
}


.adp-site img {
    max-width: 100%;
    height: auto;
}


.adp-site a {
    text-decoration: none;
}


/* =========================================================
   GLOBAL CONTAINERS
   ========================================================= */

.adp-site
.adp-container,
.adp-site
.adp-services-container,
.adp-site
.adp-about-container,
.adp-site
.adp-portfolio-container,
.adp-site
.adp-process-container,
.adp-site
.adp-industries-container,
.adp-site
.adp-testimonials-container,
.adp-site
.adp-contact-container,
.adp-site
.adp-cta-container {
    width: min(
        calc(100% - 40px),
        var(--adp-max-width)
    );

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   GLOBAL SECTION SPACING
   ========================================================= */

.adp-site section {
    position: relative;
    padding-top: var(--adp-section-space);
    padding-bottom: var(--adp-section-space);
}


/* =========================================================
   GLOBAL HEADINGS
   ========================================================= */

.adp-site h1 {
    font-size: clamp(
        46px,
        5vw,
        68px
    );

    line-height: 0.98;
    letter-spacing: -2.5px;
    margin-top: 0;
    margin-bottom: 22px;
}


.adp-site h2 {
    font-size: clamp(
        38px,
        4vw,
        52px
    );

    line-height: 1.04;
    letter-spacing: -1.8px;
    margin-top: 0;
    margin-bottom: 18px;
}


.adp-site h3 {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
}


/* =========================================================
   GLOBAL PARAGRAPHS
   ========================================================= */

.adp-site p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--adp-muted);
}


.adp-site small {
    line-height: 1.5;
}


/* =========================================================
   EYEBROWS
   ========================================================= */

.adp-site [class*="eyebrow"] {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 2px;
    font-weight: 700;
}


/* =========================================================
   GOLD TEXT
   ========================================================= */

.adp-site strong {
    color: var(--adp-gold);
}


/* =========================================================
   COMMON CARDS
   ========================================================= */

.adp-site [class*="card"] {
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.adp-site [class*="card"]:hover {
    border-color: rgba(
        217,
        173,
        43,
        0.42
    );

    box-shadow:
        0 18px 50px rgba(
            0,
            0,
            0,
            0.35
        );
}


/* =========================================================
   BUTTONS
   ========================================================= */

.adp-site a[class*="primary"],
.adp-site button[class*="submit"] {
    min-height: 48px;
    padding: 0 25px;
    border-radius: 28px;
    font-size: 14px;
    font-weight: 700;
}


/* =========================================================
   SERVICES
   ========================================================= */

.adp-services-section {
    padding-top: 72px !important;
    padding-bottom: 78px !important;
}


.adp-services-grid {
    gap: 18px !important;
}


.adp-service-card {
    padding: 30px !important;
    min-height: 330px;
}


.adp-service-card h3 {
    font-size: 22px !important;
    margin-bottom: 12px;
}


.adp-service-card p {
    font-size: 15px !important;
    line-height: 1.65;
}


/* =========================================================
   PROCESS
   ========================================================= */

.adp-process-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}


/* =========================================================
   TESTIMONIALS
   ========================================================= */

.adp-testimonials-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}


.adp-testimonial-card {
    padding: 28px !important;
}


/* =========================================================
   CTA
   ========================================================= */

.adp-cta-section {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}


.adp-cta-card {
    padding: 48px !important;
}


/* =========================================================
   CONTACT
   ========================================================= */

.adp-contact-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}


/* =========================================================
   TRUST / STATS
   ========================================================= */

.adp-site [class*="trust"] {
    margin-top: 42px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .adp-site section {
        padding-top: 58px;
        padding-bottom: 58px;
    }


    .adp-site
    h1 {
        font-size: 42px;
        letter-spacing: -1.5px;
    }


    .adp-site
    h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }


    .adp-site
    h3 {
        font-size: 20px;
    }


    .adp-site p {
        font-size: 15px;
        line-height: 1.65;
    }


    .adp-site
    .adp-service-card {
        padding: 24px !important;
        min-height: auto;
    }


    .adp-site
    .adp-cta-card {
        padding: 30px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .adp-site
    h1 {
        font-size: 36px;
    }


    .adp-site
    h2 {
        font-size: 30px;
    }


    .adp-site section {
        padding-top: 48px;
        padding-bottom: 48px;
    }

}