*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    overflow-x:hidden;
}

body{
    font-family:Inter,sans-serif;
    background:#040404;
    color:white;
    min-height:100vh;
    overflow-x:hidden;
    cursor:none;
}

body::before{
content:"";
position:fixed;
inset:0;

background:
radial-gradient(circle at 75% 25%,
rgba(255,0,60,.15),
transparent 35%),

radial-gradient(circle at 20% 30%,
rgba(0,120,255,.12),
transparent 30%),

#040404;
}

header{
position:fixed;
top:25px;
left:50%;
transform:translateX(-50%);
width:92%;

padding:18px 35px;

display:flex;
justify-content:space-between;
align-items:center;

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

backdrop-filter:blur(25px);

border:1px solid rgba(255, 30, 30, 0.7);

    box-shadow:
        0 0 2px rgba(255, 26, 26, 0.3),
        0 0 5px rgba(255, 26, 26, 0.2);

border-radius:24px;

z-index:999;

height:80px;
    box-sizing:border-box;

animation: neonPulse 5s infinite ease-in-out;
}

@keyframes neonPulse{
    0%,100%{
        box-shadow:
            0 0 4px rgba(255,30,30,0.35),
            0 0 8px rgba(255,30,30,0.25),
            0 0 15px rgba(255,30,30,0.15);
    }

    50%{
        box-shadow:
            0 0 8px rgba(255,30,30,0.6),
            0 0 16px rgba(255,30,30,0.4),
            0 0 25px rgba(255,30,30,0.25);
    }
}

@keyframes titleFlow{
    0%{
        background-position:0% 50%;
    }

    50%{
        background-position:100% 50%;
    }

    100%{
        background-position:0% 50%;
    }
}

.logo{
    display:flex;
    align-items:center;
    gap:10px;
}

.logo img{
    height:50px;
    width:auto;
}

.logo span{
    color:white;
    font-size:22px;
    font-weight:700;
    letter-spacing:1px;
}

.nav{
display:flex;
gap:40px;
list-style:none;
}

.nav li{
cursor:pointer;
}

.nav a{
    color:white;
    text-decoration:none;
    transition:.3s ease;
}

.nav a:hover{
    color:#ff5e8d;
}

.cta{
padding:14px 28px;
border-radius:40px;
text-decoration:none;
color:white;

background:
linear-gradient(
90deg,
#ff0055,
#4f88ff
);
}

.hero{
min-height:100vh;
display:flex;
align-items:center;
justify-content:space-between;
 padding:120px 7vw 0;
}

.content{
width:45%;
z-index:10;
}

.tag{
padding:12px 18px;
display:inline-block;

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

border-radius:40px;
}

.title{
    font-size:7vw;
    font-weight:900;
    line-height:.9;
    margin-top:25px;

    background:linear-gradient(
        90deg,
        #4f88ff 0%,
        #7bb3ff 20%,
        #ffffff 35%,
        #ff5e8d 50%,
        #ffffff 65%,
        #ff5e8d 80%,
        #4f88ff 100%
    );

    background-size:400% 100%;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:titleFlow 7s ease-in-out infinite;
}

.content p{
margin-top:25px;
line-height:1.8;
opacity:.85;
}

.buttons{
display:flex;
gap:20px;
margin-top:35px;
}

.btn-primary{
padding:16px 30px;
border-radius:40px;
text-decoration:none;
color:white;

background:
linear-gradient(
90deg,
#ff0055,
#4f88ff
);
}

.btn-secondary{
padding:16px 30px;
border-radius:40px;

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

color:white;
text-decoration:none;
}

.bull-area{
position:relative;
width:38vw;
height:80vh;
display:flex;
align-items:center;
justify-content:center;
margin-top:80px;
}

.bull-outline{
position:absolute;

width:180%;

right:-40%;

top:-5%;

opacity:.08;

filter:
brightness(2)
contrast(2);

pointer-events:none;

z-index:1;
}

.bull-main{
    position:absolute;

    height:85vh;
    width:auto;

    left:0;
    bottom:0;

    z-index:10;
    transition:.6s ease;
}

.hero-bg-lines{
position:absolute;

right:-300px;
top:50%;

width:1000px;
height:1000px;

border-radius:50%;

border:2px solid rgba(255,0,60,.08);

z-index:0;
}

.bull-shadow-face{

position:absolute;

width:140%;

right:-25%;

top:-10%;

opacity:.05;

filter:
blur(10px)
brightness(2);

z-index:2;

transition:1s ease;
}

/* ========================= */
/* ABOUT SECTION */
/* ========================= */

.about-section{
    padding:100px 7vw 60px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:80px;

    position:relative;
    z-index:10;
}

.about-left{
    width:48%;
}

.about-right{
    width:42%;

    display:flex;
    flex-direction:column;
    gap:25px;
}

.section-title{
    font-size:4rem;
    font-weight:800;

    margin-top:20px;

    background:linear-gradient(
        90deg,
        #4f88ff,
        #ffffff,
        #ff5e8d
    );

    background-size:300%;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:titleFlow 8s linear infinite;
}

.section-text{
    margin-top:25px;

    line-height:1.8;
    opacity:.85;
}

.info-card{
    background:rgba(255,255,255,.03);

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

    backdrop-filter:blur(20px);

    border-radius:25px;

    padding:28px;

    position:relative;

    overflow:hidden;

    transition:.4s ease;
}

.info-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:linear-gradient(
        90deg,
        #4f88ff,
        #ff5e8d
    );
}

.info-card:hover{

    transform:translateY(-10px);

    border-color:rgba(255,255,255,.3);

    background:linear-gradient(
        90deg,
        #4f88ff,
        #ffffff,
        #ff5e8d,
        #4f88ff
    );

    background-size:400% 100%;

    box-shadow:
        0 0 20px rgba(79,136,255,.3),
        0 0 30px rgba(255,94,141,.3);

    animation:cardGlow 4s linear infinite;
}

.card1{
    animation:float1 5s ease-in-out infinite;
}

.card2{
    animation:float2 6s ease-in-out infinite;
}

.card3{
    animation:float3 7s ease-in-out infinite;
}

@keyframes float1{
    50%{
        transform:translateY(-10px);
    }
}

@keyframes float2{
    50%{
        transform:translateX(10px);
    }
}

@keyframes float3{
    50%{
        transform:translateY(10px);
    }
}

.founder-section{
    min-height:100vh;

    padding:120px 7vw;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:80px;

    position:relative;
}

.founder-content{
    width:55%;
    z-index:5;
}

.founder-title{

    font-size:4rem;
    font-weight:900;

    margin:20px 0;

    background:linear-gradient(
        90deg,
        #4f88ff,
        #ffffff,
        #ff5e8d,
        #ffffff,
        #4f88ff
    );

    background-size:400%;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:titleFlow 8s linear infinite;
}

.founder-name{
    font-size:2rem;
    margin-bottom:20px;
}

.founder-text{
    line-height:1.9;
    opacity:.85;
    margin-bottom:35px;
}

.founder-points{

    display:grid;

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

    gap:20px;

    margin-bottom:40px;
}

.point-card{
    background:rgba(255,255,255,.03);

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

    backdrop-filter:blur(20px);

    border-radius:20px;

    padding:22px;

    transition:.4s ease;

    position:relative;

    overflow:hidden;
}

.point-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:linear-gradient(
        90deg,
        #4f88ff,
        #ffffff,
        #ff5e8d,
        #ffffff,
        #4f88ff
    );

    background-size:400% 100%;

    animation:titleFlow 6s linear infinite;

    box-shadow:
        0 0 8px rgba(79,136,255,.4),
        0 0 12px rgba(255,94,141,.3);
}

.point-card:hover{

    transform:translateY(-8px);

    border-color:rgba(255,255,255,.2);

    box-shadow:
        0 0 20px rgba(79,136,255,.2),
        0 0 30px rgba(255,94,141,.2);
}

.founder-image-area{

    width:40%;

    display:flex;
    justify-content:center;
}

.founder-card{

    width:340px;

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

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

    backdrop-filter:blur(25px);

    border-radius:30px;

    overflow:hidden;

    position:relative;

    animation:founderFloat 6s ease-in-out infinite;

    transition:.5s ease;
}

.founder-card:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(79,136,255,.25),
        0 0 40px rgba(255,94,141,.25);
}

.founder-card img{

    width:100%;

    height:430px;

    object-fit:cover;

    display:block;
}

.founder-card-info{

    padding:22px;

    text-align:center;
}

.founder-card-info h3{
    margin-bottom:8px;
}

.founder-card-info span{
    opacity:.7;
}

@keyframes founderFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }
}

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

.services-section{
    padding:80px 7vw;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:80px;
    position:relative;
    z-index:10;
}

.services-left{
    width:45%;
}

.services-right{
    width:45%;
    display:flex;
    align-items:flex-start;
    justify-content:center;

    position:relative;
    margin-top:150px;
}

.services-title{

    font-size:4rem;

    margin:20px 0 40px;

    background:linear-gradient(
        90deg,
        #4f88ff,
        #ffffff,
        #ff5e8d,
        #ffffff,
        #4f88ff
    );

    background-size:400%;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:titleFlow 8s linear infinite;
}

.service-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:30px;

    max-height:620px;
    overflow-y:auto;
    padding-right:10px;
}

.service-list::-webkit-scrollbar{
    width:5px;
}

.service-list::-webkit-scrollbar-thumb{
    background:linear-gradient(#4f88ff,#ff5e8d);
    border-radius:20px;
}

.service-item{

    padding:18px 24px;

    border-radius:18px;

    cursor:pointer;

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

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

    transition:.4s ease;
}

.service-item:hover,
.service-item.active{

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

    border-color:rgba(255,255,255,.2);

    transform:translateX(12px);
}

.service-card{

    width:100%;

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

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

    backdrop-filter:blur(20px);

    border-radius:30px;

    padding:40px;
}

.service-icon{

    font-size:4rem;

    margin-bottom:20px;
}

.service-card h3{

    font-size:2rem;

    margin-bottom:20px;
}

.service-card p{

    line-height:1.8;

    margin-bottom:30px;

    opacity:.85;
}

.service-card ul{

    margin-bottom:35px;

    padding-left:20px;
}

.service-card li{

    margin-bottom:12px;
}

.stats-strip{
    margin:0;
    padding:25px 0;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.02);
}

.stats-track{

    display:flex;

    gap:100px;

    width:max-content;

    animation:statsMove 18s linear infinite;
}

.stat-item{

    min-width:280px;

    text-align:center;

    position:relative;
}

.stat-item::after{

    content:"";

    position:absolute;

    right:-50px;
    top:50%;

    width:1px;
    height:80px;

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

    transform:translateY(-50%);
}

.stat-item h2{

    font-size:4rem;

    font-weight:900;

    margin-bottom:10px;

    background:linear-gradient(
        90deg,
        #4f88ff,
        #ffffff,
        #ff5e8d
    );

    background-size:300%;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:titleFlow 8s linear infinite;
}

.stat-item p{

    font-size:14px;

    letter-spacing:3px;

    opacity:.8;
}

@keyframes statsMove{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}

.contact-section{
    padding:40px 7vw 100px;
    display:flex;
    justify-content:space-between;
    gap:80px;
    position:relative;
    z-index:10;
}

.contact-left,
.contact-right{
    width:48%;
}

.contact-title{
    font-size:4rem;
    font-weight:900;
    margin:20px 0;
    background:linear-gradient(90deg,#4f88ff,#ffffff,#ff5e8d,#ffffff,#4f88ff);
    background-size:400%;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:titleFlow 8s linear infinite;
}

.contact-left p{
    line-height:1.9;
    opacity:.85;
}

.social-buttons{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:35px;
}

.social-buttons a{
    padding:18px 24px;
    border-radius:18px;
    text-decoration:none;
    color:white;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:.4s ease;
}

.social-buttons a:hover{
    background:linear-gradient(90deg,#4f88ff,#ffffff,#ff5e8d,#4f88ff);
    background-size:400%;
    color:#050505;
    animation:titleFlow 4s linear infinite;
    transform:translateY(-6px);
}

.contact-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.contact-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:28px;
    backdrop-filter:blur(20px);
}

.contact-card:first-child{
    grid-column:1 / -1;
}

.contact-card h3{
    font-size:1.4rem;
    margin-bottom:12px;
}

.contact-card p{
    opacity:.8;
    line-height:1.7;
    font-size:16px;
}

.footer{
    padding:90px 7vw 50px;

    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1.2fr;
    gap:60px;

    border-top:1px solid rgba(255,255,255,.08);

    background:rgba(255,255,255,.02);
}

.footer-brand img{
    width:180px !important;
    height:auto !important;
    display:block !important;
    margin-bottom:25px;
}


.footer-brand p,
.footer-links a,
.footer-cta p,
.footer-bottom p{
    opacity:.75;
    line-height:1.8;
}

.footer-contact{
    margin-top:25px;
}

.footer h3{
    margin-bottom:25px;

    background:linear-gradient(
        90deg,
        #4f88ff,
        #ffffff,
        #ff5e8d
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.footer-links{
    display:flex;
    flex-direction:column;
}

.footer-links a{
    color:white;
    text-decoration:none;
    margin-bottom:12px;
    transition:.3s ease;
}

.footer-links a:hover{
    color:#ff5e8d;
    transform:translateX(8px);
}

.footer-btn{
    display:inline-block;

    margin-top:20px;

    padding:15px 28px;

    border-radius:40px;

    text-decoration:none;

    color:white;

    background:linear-gradient(
        90deg,
        #ff0055,
        #4f88ff
    );
}

.footer-bottom{
    padding:25px 7vw;

    border-top:1px solid rgba(255,255,255,.08);

    display:flex;
    justify-content:center;

    background:#040404;
}


/* =========================
   POPUP CONTACT FORM
========================= */

.popup-overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,.75);

    backdrop-filter:blur(8px);

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

    opacity:0;
    visibility:hidden;

    transition:.4s ease;

    z-index:99999;
}

.popup-overlay.active{
    opacity:1;
    visibility:visible;
}

.popup-form{
    width:500px;
    max-width:90%;

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

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

    backdrop-filter:blur(25px);

    border-radius:30px;

    padding:35px;

    position:relative;

    box-shadow:
        0 0 20px rgba(79,136,255,.15),
        0 0 30px rgba(255,94,141,.15);
}

.popup-form h2{
    text-align:center;
    margin-bottom:25px;

    background:linear-gradient(
        90deg,
        #4f88ff,
        #ffffff,
        #ff5e8d,
        #ffffff,
        #4f88ff
    );

    background-size:400%;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:titleFlow 6s linear infinite;
}

.popup-form input,
.popup-form textarea{
    width:100%;

    margin-bottom:15px;

    padding:15px;

    border-radius:15px;

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

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

    color:white;

    outline:none;
}

.popup-form textarea{
    resize:none;
}

.popup-form button{
    width:100%;

    padding:15px;

    border:none;

    border-radius:40px;

    cursor:pointer;

    color:white;

    background:linear-gradient(
        90deg,
        #ff0055,
        #4f88ff
    );
}

.close-popup{
    position:absolute;

    top:12px;
    right:20px;

    font-size:30px;

    cursor:pointer;

    color:white;
}

.cursor{
width:12px;
height:12px;

background:white;

border-radius:50%;

position:fixed;
pointer-events:none;

z-index:99999;
}

.cursor-glow{
width:220px;
height:220px;

border-radius:50%;

position:fixed;

pointer-events:none;

z-index:99998;

background:
radial-gradient(
circle,
rgba(255,0,60,.22),
transparent 70%
);

filter:blur(40px);
}

/* =========================
   TRUSTED PLATFORMS SECTION
========================= */

.trusted-section{
    width:100%;

    padding:35px 0;

    margin:0;

    position:relative;
    overflow:hidden;

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

    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(15px);
}

/* Animated Gradient Line */

.trusted-section::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:linear-gradient(
        90deg,
        #4f88ff,
        #ffffff,
        #ff5e8d,
        #ffffff,
        #4f88ff
    );

    background-size:400% 100%;

    animation:titleFlow 8s linear infinite;
}

/* Title */

.trusted-text{

    text-align:center;

    font-size:14px;

    letter-spacing:3px;

    font-weight:600;

    margin-bottom:30px;

    opacity:.85;

    text-transform:uppercase;
}

/* Slider Container */

.logo-slider{

    width:100%;

    overflow:hidden;

    position:relative;
}

/* Moving Track */

.logo-track{

    display:flex;

    align-items:center;

    gap:90px;

    width:max-content;

    animation:scrollLogos 22s linear infinite;
}

/* Individual Items */

.logo-track span{

    font-size:1.3rem;

    font-weight:700;

    color:white;

    opacity:.75;

    transition:.4s ease;

    white-space:nowrap;
}

/* Hover Effect */

.logo-track span:hover{

    opacity:1;

    transform:scale(1.12);

    text-shadow:
        0 0 8px rgba(79,136,255,.6),
        0 0 15px rgba(255,94,141,.5);

    color:#ffffff;
}

/* Infinite Scroll Animation */

@keyframes scrollLogos{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}

.logo-slider::before,
.logo-slider::after{

    content:"";

    position:absolute;

    top:0;

    width:180px;
    height:100%;

    z-index:2;
}

.logo-slider::before{

    left:0;

    background:linear-gradient(
        to right,
        #040404,
        transparent
    );
}

.logo-slider::after{

    right:0;

    background:linear-gradient(
        to left,
        #040404,
        transparent
    );
}

.footer{
    padding:50px 7vw 35px !important;

    display:grid !important;
    grid-template-columns:1.5fr 1fr 1fr 1.2fr !important;
    gap:50px !important;

    align-items:start !important;

    border-top:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.02);
}

.footer-brand{
    display:block !important;
    border:2px solid red !important;
}

.footer-brand img{
    width:190px !important;
    height:auto !important;
    display:block !important;
    margin-bottom:25px !important;
    opacity:1 !important;
    visibility:visible !important;
}

.footer-bottom{
    padding:20px 7vw !important;
    text-align:center !important;
    border-top:1px solid rgba(255,255,255,.08);
}

.footer-logo img{
    width:200px !important;
    height:auto !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;
    z-index:999 !important;
}

.footer-heading{
    color:#ff5ea8;
    font-size:0.85rem;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px;
    font-weight:700;
}

.footer-links h3{
    color:#fff;
    margin-bottom:20px;
}

/* SECTION DIVIDER */

.section-divider{
    width:100%;
    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        #4f88ff,
        #ffffff,
        #ff5e8d,
        #ffffff,
        #4f88ff,
        transparent
    );

    background-size:400% 100%;
    animation:titleFlow 7s linear infinite;

    box-shadow:
        0 0 8px rgba(79,136,255,.35),
        0 0 12px rgba(255,94,141,.35);

    opacity:.8;
}

/* HERO FADE EFFECT */

.hero{
    position:relative;
}

.hero::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;

    width:100%;
    height:120px;

    background:linear-gradient(
        to bottom,
        transparent,
        #040404
    );

    pointer-events:none;
}
/* DESKTOP HERO IMAGE POSITION */

.bull-area{
    position:relative;
    width:38vw;
    height:80vh;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:80px;
}

.bull-main{
    position:absolute;
    height:85vh;
    width:auto;
    left:0;
    bottom:0;
    z-index:10;
}

.bull-outline{
    position:absolute;
    width:180%;
    right:-40%;
    top:-5%;
    opacity:.08;
    filter:brightness(2) contrast(2);
    pointer-events:none;
    z-index:1;
}

.bull-shadow-face{
    position:absolute;
    width:140%;
    right:-25%;
    top:-10%;
    opacity:.05;
    filter:blur(10px) brightness(2);
    z-index:2;
}

/* =========================
   MOBILE RESPONSIVE FIX
========================= */

@media(max-width:768px){

    body{
        overflow-x:hidden;
        cursor:auto;
    }

    .cursor,
    .cursor-glow{
        display:none;
    }

    header{
        width:94%;
        height:auto;
        padding:14px 18px;
        top:12px;
        border-radius:18px;
    }

    .logo img{
        height:42px;
    }

    .nav{
        display:none;
    }

    .cta{
        padding:10px 16px;
        font-size:14px;
    }

    .hero{
        min-height:auto;
         padding:110px 6vw 40px;
        flex-direction:column;
        text-align:center;
        gap:30px;
    }

    .bull-area{
        width:100%;
        height:auto;
        margin-top:0;
        order:1;
    }

    .content{
    width:100%;
    order:2;
    position:relative;
    z-index:10;
}

    .bull-main{
        position:relative;
        height:auto;
        width:95%;
        left:auto;
        bottom:auto;
    }

     .bull-outline,
     .bull-shadow-face{
    display:block !important;
    opacity:.08;
    }

    .title,
    .section-title,
    .founder-title,
    .services-title,
    .contact-title{
        font-size:3rem;
        line-height:1.05;
    }

    .buttons{
        justify-content:center;
        flex-wrap:wrap;
    }

    .about-section,
    .founder-section,
    .services-section,
    .contact-section{
        padding:70px 6vw;
        flex-direction:column;
        gap:35px;
    }

    .about-left,
    .about-right,
    .founder-content,
    .founder-image-area,
    .services-left,
    .services-right,
    .contact-left,
    .contact-right{
        width:100%;
    }

    .about-right{
        gap:18px;
    }

    .info-card,
    .point-card,
    .contact-card{
        padding:22px;
    }

    .founder-points{
        grid-template-columns:1fr;
    }

    .founder-card{
        width:100%;
        max-width:330px;
    }

    .founder-card img{
        height:auto;
    }

    .services-section{
        align-items:stretch;
    }

    .services-right{
        position:relative;
        top:auto;
    }

    .service-list{
        gap:12px;
    }

    .service-item{
        padding:16px 18px;
        font-size:14px;
    }

    .service-card{
        padding:28px;
    }

    .service-card h3{
        font-size:1.8rem;
    }

    .stats-strip{
        margin:0;
        padding:25px 0;
    }

    .stat-item{
        min-width:230px;
    }

    .stat-item h2{
        font-size:3rem;
    }

    .social-buttons{
        grid-template-columns:1fr;
    }

    .contact-cards{
        grid-template-columns:1fr;
    }

    .contact-card:first-child{
        grid-column:auto;
    }

    .footer{
    display:flex !important;
    flex-direction:column !important;
    padding:50px 6vw 25px !important;
    gap:30px !important;
    text-align:left !important;
    overflow:hidden !important;
}

.footer-brand,
.footer-links,
.footer-cta{
    width:100% !important;
    max-width:100% !important;
}

.footer-links{
    display:flex !important;
    flex-direction:column !important;
}

.footer-links a{
    width:100% !important;
    display:block !important;
    white-space:normal !important;
}

.footer-logo img{
    width:170px !important;
    max-width:100% !important;
}

.footer-bottom{
    padding:20px 6vw !important;
    text-align:center !important;
}
}

/* DESKTOP OVERRIDE */
.services-section .services-right{
    position:relative !important;
    top:auto !important;
    align-self:flex-start !important;
}