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

html, body{
    margin:0;
    padding:0;
}
:root{
    --bg:#eef1f6;
    --surface:#ffffff;
    --surface-2:#f7f8fb;
    --text:#121726;
    --muted:#6f7687;
    --line:rgba(18,23,38,0.08);
    --nav:#4c5160;
    --nav-deep:#3b4050;
    --accent:#ff9f14;
    --accent2:#ffbb57;
    --shadow:0 24px 60px rgba(13,18,28,0.12);
    --shadow-soft:0 12px 34px rgba(13,18,28,0.08);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}


body{
    margin:0;
    font-family:'Sansation',sans-serif;
    background:#eef1f6;
}

img{max-width:100%;display:block;}
a{text-decoration:none;}
section{
    padding:0;
}

/* remove gap after hero */
.hero,
.premium-inner-hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero img,
.premium-inner-hero-bg{
    display:block;
}

body{
    font-family:'Sansation',sans-serif;
    background:radial-gradient(circle at top, #f6f8fc 0%, #edf1f7 45%, #e7ecf4 100%);
    color:var(--text);
    overflow-x:hidden;
    margin:0;
    padding-top:0;
}

/* NAV */
.container{
    position:fixed;
    top:15px;
    left:50%;
    transform:translateX(-50%);
    width:90%;
    height:70px;
    background:#3f4455;
    border-radius:30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 20px;
    z-index:1000;
}

.container.scrolled{
    background:rgba(46,51,65,0.94);
    box-shadow:0 20px 48px rgba(9,13,21,0.28);
}
.nav-left{display:flex;align-items:center;gap:12px;position:relative;z-index:2;min-width:180px;}
.logo{height: 45px;width:auto;object-fit:contain;}
.VKLS,
.VKLS a{font-family:"Anta",sans-serif;font-size:28px;letter-spacing:.02em;color:#fff;}
.header-center-brand{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    font-family:"Anta",sans-serif;
    font-size:34px;
    color:rgba(18,12,31,0.38);
    letter-spacing:.08em;
    pointer-events:none;
    user-select:none;
}
.topics{display:flex;align-items:center;gap:14px;position:relative;z-index:2;}


.topics a{
    color:white;
    margin:0 10px;
    text-decoration:none;
    font-weight:600;
}

.topics a:not(.quote):hover{
    background:rgba(255,255,255,0.12);
    transform:translateY(-1px);
}


.quote{
    background:linear-gradient(135deg, #ffbb57, #ff9f14);
    padding:12px 24px;
    border-radius:999px;
    color:#1b2230 !important;
    font-weight:800;
    box-shadow:0 10px 28px rgba(255,159,20,0.28);
    animation:quoteFloat 2.6s ease-in-out infinite;
    transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
}

.quote:hover{
    transform:translateY(-3px) scale(1.03);
    box-shadow:0 18px 38px rgba(255,159,20,0.38);
    filter:brightness(1.03);
}

@keyframes quoteFloat{
    0%,100%{
        transform:translateY(0);
        box-shadow:0 10px 28px rgba(255,159,20,0.28);
    }
    50%{
        transform:translateY(-4px);
        box-shadow:0 18px 34px rgba(255,159,20,0.34);
    }
}

/* ================= QUOTE PAGE ================= */

.quote-section{
    position:relative;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}

.quote-bg{
    position:absolute;
    width:100%;
    height:100%;
    background:url('assets/77191225447 (2).png') center/cover;
}

.quote-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
}

.quote-wrapper{
    position:relative;
    display:flex;
    width:85%;
    gap:50px;
    z-index:2;
}

/* LEFT */
.quote-left{
    color:white;
    flex:1;
}

.quote-left h1{
    font-size:60px;
}

.quote-highlights{
    margin-top:20px;
}

.quote-highlights div{
    margin:10px 0;
}

/* FORM */
.quote-form-card{
    flex:1;
    background:white;
    padding:30px;
    border-radius:20px;
}

.quote-form-card input,
.quote-form-card textarea{
    width:100%;
    margin:10px 0;
    padding:12px;
    border-radius:10px;
    border:1px solid #ccc;
}

.quote-form-card button{
    width:100%;
    padding:12px;
    background:orange;
    border:none;
    border-radius:20px;
    cursor:pointer;
}

/* ================= STATS FIX ================= */

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    text-align:center;
    background:#2f3445;
    color:white;
    border-radius:20px;
    overflow:hidden;
}

.stat-box{
    padding:30px;
    border-right:1px solid rgba(255,255,255,0.2);
}

.stat-box:last-child{
    border:none;
}

/* ================= ANIMATION ================= */

.reveal{
    opacity:0;
    transform:translateY(40px);
    animation:fadeUp 1s forwards;
}

@keyframes fadeUp{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

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

@media(max-width:768px){
    .quote-wrapper{
        flex-direction:column;
    }

    .quote-left h1{
        font-size:40px;
    }

    .stats-grid{
        grid-template-columns:1fr;
    }
}

.quote:hover{transform:translateY(-2px) scale(1.01);}

.menu-toggle{display:none;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,0.08);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;z-index:2;}
.menu-toggle span{display:block;width:20px;height:2px;background:#fff;border-radius:99px;transition:.3s ease;}
.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);} 
.menu-toggle.active span:nth-child(2){opacity:0;} 
.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} 
.mobile-menu{
    position:fixed;
    top:102px;
    left:16px;
    right:16px;
    padding:16px;
    border-radius:24px;
    background:rgba(41,46,58,0.96);
    backdrop-filter:blur(14px);
    display:flex;
    flex-direction:column;
    gap:8px;
    transform:translateY(-12px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.28s ease;
    z-index:999;
    box-shadow:0 16px 42px rgba(6,10,18,0.24);
}
.mobile-menu a{color:#fff;padding:14px 16px;border-radius:16px;font-weight:700;}
.mobile-menu a:hover{background:rgba(255,255,255,0.08);} 
.mobile-menu.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);} 
.mobile-quote{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#1f2430 !important;}

.hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    margin-top:-16px;
    overflow:hidden;
}

.hero{
    margin-top:-16px;
}

.hero-premium{
    overflow:hidden;
}

.home-page-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.hero-overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background:
        linear-gradient(180deg, rgba(0,0,0,0.58), rgba(0,0,0,0.66));
}

.hero-content{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:110px 40px 40px;
    text-align:center;
    color:#fff;
}


.hero-content-premium{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.hero-text{
    font-family:"Anta",sans-serif;
    font-size:clamp(52px, 7vw, 118px);
    line-height:0.95;
    letter-spacing:0.01em;
    max-width:980px;
    margin:0 auto;
    word-break:normal;
    overflow-wrap:normal;
    text-shadow:0 14px 40px rgba(7,9,15,0.28);
}

.hero-tagline{
    margin-top:24px;
    font-size:clamp(18px, 1.8vw, 30px);
    font-weight:700;
    color:rgba(255,255,255,0.96);
    text-align:center;
    max-width:900px;
}

@media (max-width: 992px){
    .hero{
        padding:130px 22px 56px;
    }

    .hero-content{
        padding:0 18px;
        max-width:900px;
    }

    .hero-text{
        font-size:clamp(42px, 10vw, 82px);
        line-height:0.98;
    }

    .hero-tagline{
        font-size:clamp(16px, 3vw, 22px);
        margin-top:18px;
    }
}

@media (max-width: 640px){
.hero{
    min-height:100vh;
    padding:0;
}

.home-page-image,
.hero-overlay{
    inset:0;
    width:100%;
    height:100%;
    border-radius:0;
}

    .hero-content{
        padding:0 10px;
    }

    .hero-text{
        font-size:clamp(52px, 7vw, 110px);
        line-height:1.05;
        font-family: "Anta",sans-serif;
        letter-spacing: 0.02em;
        max-width: 900px;

    }

    .hero-tagline{
        font-size:16px;
        line-height:1.4;
    }
}

.stats-strip{
    position:relative;
    margin-top:-72px;
    z-index:5;
    padding:0 34px 10px;
}

.stats-grid{
    width:min(1400px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    background:rgba(40,46,58,0.88);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 20px 48px rgba(10,14,24,0.18);
}

.stat-box{
    min-height:150px;
    padding:26px 28px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    text-align:left;
    color:#fff;
    border-right:1px solid rgba(255,255,255,0.10);
    transition:background .3s ease;
}

.stat-box:last-child{
    border-right:none;
}


.stat-box:hover{
    background:rgba(255,255,255,0.05);
}

.stat-box h3{
    font-family:"Anta", sans-serif;
    font-size:clamp(38px, 3.5vw, 64px);
    line-height:1;
    margin:0 0 10px 0;
    color:#ffffff;
    letter-spacing:0.01em;
}

.stat-box p{
    margin:0;
    font-size:clamp(15px, 1vw, 18px);
    line-height:1.45;
    color:rgba(255,255,255,0.90);
    max-width:220px;
}

@media (max-width: 1100px){
    .stats-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .stat-box{
        min-height:140px;
    }

    .stat-box:nth-child(2){
        border-right:none;
    }

    .stat-box:nth-child(1),
    .stat-box:nth-child(2){
        border-bottom:1px solid rgba(255,255,255,0.10);
    }
}

@media (max-width: 640px){
    .stats-strip{
        padding:24px 18px 0;
    }

    .stats-grid{
        grid-template-columns:1fr;
        border-radius:22px;
    }

    .stat-box{
        min-height:auto;
        padding:20px 18px;
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,0.10);
        align-items:center;
        text-align:center;
    }

    .stat-box:last-child{
        border-bottom:none;
    }

    .stat-box p{
        max-width:none;
    }
}


.services-shell{
    padding-top:54px;
}

.section-heading-wrap{width:min(1200px,100%);margin:0 auto 28px;text-align:center;}
.section-title{font-family:"Anta",sans-serif;font-size:clamp(34px,4vw,56px);letter-spacing:.01em;color:#151928;}
.section-subtitle{max-width:760px;margin:14px auto 0;font-size:18px;line-height:1.7;color:var(--muted);}

.services-shell{padding-top:96px;}
.services-container{
    width:100%;
    max-width:1500px;   /* increased */
    margin:0 auto;
    padding:0 40px;     /* adds breathing on sides */
    display:grid;
    grid-template-columns:repeat(3, minmax(320px, 1fr));
    gap:32px;
}

.service-card{
    border-radius:30px;
    padding-bottom:6px;
}


@media (max-width: 1200px){
    .services-container{
        grid-template-columns:repeat(2, 1fr);
        max-width:1100px;
    }
}

@media (max-width: 768px){
    .services-container{
        grid-template-columns:1fr;
        padding:0 20px;
    }
}


.service-card{
    background:rgba(255,255,255,0.92);
    border:1px solid rgba(18,23,38,0.06);
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(12,18,28,0.08);
    backdrop-filter:blur(8px);
    transform:translateY(26px);
    opacity:0;
    transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease, opacity .38s ease;
    display:flex;
    flex-direction:column;
    min-height:100%;
}

.service-image-box{
    aspect-ratio:16/10;
    overflow:hidden;
    background:#dfe6f0;
}

.service-image-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .55s ease;
}

.service-content{
    padding:24px 24px 26px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.service-content h2{
    font-size:clamp(24px, 2vw, 30px);
    line-height:1.2;
    margin-bottom:12px;
    color:#171b29;
    word-break:normal;
    overflow-wrap:normal;
}

.service-content p{
    font-size:17px;
    line-height:1.75;
    color:var(--muted);
    flex:1;
    min-height:unset;
}

.know-more-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:22px;
    padding:13px 20px;
    border-radius:999px;
    color:#232936;
    background:#f4f6fa;
    border:1px solid rgba(18,23,38,0.08);
    font-weight:700;
    font-size:16px;
    align-self:flex-start;
    transition:.3s ease;
}

.service-card.show{transform:translateY(0);opacity:1;}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(255,159,20,0.26);} 
.service-image-box{aspect-ratio:16/11;overflow:hidden;background:#dfe6f0;}
.service-image-box img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.service-card:hover .service-image-box img{transform:scale(1.06);} 
.service-content{padding:24px 24px 26px;}
.service-content h2{font-size:26px;line-height:1.12;margin-bottom:14px;color:#171b29;}
.service-content p{font-size:16px;line-height:1.7;color:var(--muted);min-height:56px;}
.know-more-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:18px;
    padding:12px 18px;
    border-radius:999px;
    color:#232936;
    background:#f4f6fa;
    border:1px solid rgba(18,23,38,0.08);
    font-weight:700;
    transition:.3s ease;
}
.know-more-btn:hover{background:linear-gradient(135deg,var(--accent2),var(--accent));border-color:transparent;transform:translateY(-1px);} 

.clients-section{padding-top:96px;padding-bottom:96px;overflow:hidden;}
.logo-slider{
    width:min(1400px,100%);
    margin:34px auto 0;
    overflow:hidden;
    position:relative;
    padding:18px 0;
}
.logo-slider::before,
.logo-slider::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:92px;
    z-index:2;
    pointer-events:none;
}
.logo-slider::before{left:0;background:linear-gradient(to right, #edf1f7 0%, rgba(237,241,247,0) 100%);} 
.logo-slider::after{right:0;background:linear-gradient(to left, #edf1f7 0%, rgba(237,241,247,0) 100%);} 
.logo-track{
    display:flex;
    align-items:center;
    gap:22px;
    width:max-content;
    animation:scrollLogos 34s linear infinite;
}
.logo-slider:hover .logo-track,
.logo-track:hover{animation-play-state:paused;}
.logo-track img{
    height:72px;
    width:auto;
    max-width:170px;
    object-fit:contain;
    flex-shrink:0;
    padding:14px 18px;
    border-radius:18px;
    background:rgba(255,255,255,0.92);
    border:1px solid rgba(18,23,38,0.06);
    box-shadow:0 12px 28px rgba(14,18,27,0.07);
    transition:transform .3s ease, box-shadow .3s ease;
}
.logo-track img:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 36px rgba(14,18,27,0.12);} 
@keyframes scrollLogos{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.footer-cta{padding-top:40px;}
.cta-overlay{
    width:min(1300px,100%);
    margin:0 auto;
    background:
        linear-gradient(135deg, rgba(63,69,84,0.92), rgba(39,44,56,0.95)),
        radial-gradient(circle at top right, rgba(255,184,88,0.28), rgba(0,0,0,0) 40%);
    border-radius:34px;
    padding:56px 28px;
    text-align:center;
    box-shadow:var(--shadow);
}
.cta-overlay h1{font-family:"Anta",sans-serif;font-size:clamp(28px,3vw,48px);line-height:1.15;color:#fff;}
.cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:22px;
    padding:14px 24px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--accent2),var(--accent));
    color:#1f2430;
    font-weight:700;
    box-shadow:0 12px 26px rgba(255,159,20,0.28);
}

.footer{
    padding:36px 34px 60px;
    color:#303646;
}
.footer-container{
    width:min(1300px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr;
    gap:28px;
    padding:34px 24px 0;
}
.footer h2,.footer h3{font-family:"Anta",sans-serif;margin-bottom:12px;color:#151928;}
.footer p,.footer a{color:#5f6677;line-height:1.8;display:block;}
.footer a:hover{color:#171b29;}

/* Existing inner pages support */
.about-page-hero,
.founders-story-hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}
.about-page-overlay,
.founders-story-hero-overlay{width:100%;}
.about-page-content,
.founders-story-hero-content{text-align:center;color:#fff;}
.about-hero-title,
.founders-story-title{font-family:"Anta",sans-serif;font-size:clamp(42px,6vw,78px);} 
.about-hero-text,
.founders-story-subtitle{max-width:860px;margin:18px auto 0;line-height:1.8;font-size:18px;} 
.about-main-section,
.about-stats-section,
.about-values-section,
.founders-preview-section,
.founders-story-intro,
.founders-story-vision,
.leadership-metrics{padding:100px 34px;}
.reveal-up,.reveal-left,.reveal-right{opacity:0;transform:translateY(30px);transition:all .55s ease;}
.reveal-left{transform:translateX(-30px);} 
.reveal-right{transform:translateX(30px);} 
.reveal-up.show,.reveal-left.show,.reveal-right.show{opacity:1;transform:none;} 

@media (max-width: 1200px){
    .services-container{
        grid-template-columns:repeat(2, minmax(280px, 1fr));
    }
}

@media (max-width: 768px){
    .services-container{
        grid-template-columns:1fr;
        gap:22px;
    }

    .service-content{
        padding:20px;
    }

    .service-content h2{
        font-size:24px;
    }

    .service-content p{
        font-size:16px;
    }

    .know-more-btn{
        width:auto;
    }
}

@media (max-width:920px){
    .container{top:12px;width:calc(100% - 20px);height:74px;padding:0 16px;}
    .topics{display:none;}
    .menu-toggle{display:flex;}
    .nav-left{min-width:auto;}
    .logo{height:42px;}
    .VKLS,.VKLS a{font-size:26px;}
    .hero{padding-top:118px;min-height:92vh;}
    .home-page-image,.hero-overlay{inset:12px;border-radius:28px;}
    .services-container{grid-template-columns:1fr;}
    .footer-container{grid-template-columns:1fr;text-align:center;}
}

@media (max-width:640px){
    section{padding:88px 18px;}
    .container{height:70px;border-radius:22px;}
    .logo{height:38px;}
    .VKLS,.VKLS a{font-size:24px;}
    .hero{padding:104px 18px 48px;}
    .home-page-image,.hero-overlay{width:calc(100% - 16px);height:calc(100% - 16px);inset:8px;border-radius:24px;}
    .hero-kicker{font-size:11px;letter-spacing:.14em;margin-bottom:16px;}
    .hero-text{font-size:clamp(42px, 14vw, 74px);}
    .hero-tagline{font-size:18px;line-height:1.5;max-width:320px;margin:18px auto 0;}
    .section-title{font-size:34px;}
    .section-subtitle{font-size:16px;}
    .service-content{padding:20px;}
    .service-content h2{font-size:23px;}
    .logo-track{gap:16px;animation-duration:26s;}
    .logo-track img{height:56px;max-width:132px;padding:10px 14px;border-radius:14px;}
    .logo-slider::before,.logo-slider::after{width:34px;}
    .cta-overlay{padding:40px 20px;border-radius:26px;}
    .footer{padding:26px 18px 44px;}
    .footer-container{padding:20px 4px 0;}
}

/* =========================
   QUOTE PAGE
========================= */
.quote-page{
    position:relative;
    min-height:100vh;
    padding:140px 34px 70px;
    overflow:hidden;
}

.quote-page-bg{
    position:absolute;
    inset:0;
    background:
        url('assets/77191225447 (2).png') center/cover no-repeat;
    transform:scale(1.05);
    filter:saturate(1.05);
}

.quote-page-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(120deg, rgba(15,21,35,0.86) 0%, rgba(17,24,38,0.74) 38%, rgba(20,26,38,0.78) 100%),
        radial-gradient(circle at top left, rgba(255,159,20,0.18), transparent 34%);
}

.quote-shell{
    position:relative;
    z-index:2;
    width:min(1320px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:34px;
    align-items:center;
}

.quote-left{
    color:#fff;
    max-width:640px;
}

.quote-kicker{
    display:inline-flex;
    align-items:center;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.1);
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:18px;
}

.quote-left h1{
    font-family:"Anta", sans-serif;
    font-size:clamp(44px, 5vw, 76px);
    line-height:0.98;
    margin-bottom:14px;
}

.quote-left h2{
    font-size:clamp(24px, 2.1vw, 38px);
    line-height:1.18;
    margin-bottom:16px;
    color:rgba(255,255,255,0.96);
}

.quote-left > p{
    font-size:18px;
    line-height:1.8;
    color:rgba(255,255,255,0.82);
    max-width:620px;
}

.quote-points{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    margin-top:28px;
}

.quote-point{
    padding:18px 18px;
    border-radius:18px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.09);
    color:#fff;
    font-weight:700;
    backdrop-filter:blur(8px);
    box-shadow:0 12px 28px rgba(8,12,20,0.14);
    transition:transform .3s ease, background .3s ease, border-color .3s ease;
}

.quote-point:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,0.12);
    border-color:rgba(255,184,87,0.35);
}

.quote-form-box{
    background:rgba(255,255,255,0.92);
    border:1px solid rgba(255,255,255,0.75);
    box-shadow:0 26px 70px rgba(9,14,22,0.22);
    backdrop-filter:blur(14px);
    border-radius:30px;
    padding:34px 30px 28px;
}

.quote-form-box h3{
    font-family:"Anta", sans-serif;
    font-size:34px;
    color:#151928;
    margin-bottom:10px;
}

.quote-form-box > p{
    color:#667085;
    line-height:1.7;
    margin-bottom:22px;
}

.quote-form-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.quote-form input,
.quote-form textarea{
    width:100%;
    border:none;
    outline:none;
    background:#f5f7fb;
    border:1px solid rgba(18,23,38,0.08);
    color:#161b28;
    padding:16px 16px;
    border-radius:16px;
    font-family:'Sansation', sans-serif;
    font-size:16px;
    transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.quote-form input:focus,
.quote-form textarea:focus{
    border-color:rgba(255,159,20,0.75);
    box-shadow:0 0 0 4px rgba(255,159,20,0.14);
    transform:translateY(-1px);
}

.quote-form textarea{
    grid-column:1 / -1;
    resize:vertical;
    min-height:150px;
}

.quote-submit-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:20px;
    padding:15px 24px;
    border:none;
    border-radius:999px;
    background:linear-gradient(135deg, var(--accent2), var(--accent));
    color:#1f2430;
    font-weight:700;
    font-size:16px;
    cursor:pointer;
    box-shadow:0 12px 30px rgba(255,159,20,0.28);
    transition:transform .28s ease, box-shadow .28s ease, opacity .28s ease;
}

.quote-submit-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 34px rgba(255,159,20,0.32);
}

.quote-submit-btn:disabled{
    opacity:0.7;
    cursor:not-allowed;
    transform:none;
}

.form-status{
    margin-top:14px;
    font-weight:700;
    min-height:24px;
}

.form-status.success{
    color:#16a34a;
}

.form-status.error{
    color:#dc2626;
}

/* Reveal */
.reveal-left,
.reveal-right{
    opacity:0;
    transition:all .7s ease;
}

.reveal-left{
    transform:translateX(-34px);
}

.reveal-right{
    transform:translateX(34px);
}

.reveal-left.show,
.reveal-right.show{
    opacity:1;
    transform:none;
}

@media (max-width: 1080px){
    .quote-shell{
        grid-template-columns:1fr;
        gap:28px;
    }

    .quote-left{
        max-width:none;
    }
}

@media (max-width: 768px){
    .quote-page{
        padding:118px 18px 48px;
    }

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

    .quote-form-grid{
        grid-template-columns:1fr;
    }

    .quote-form-box{
        padding:24px 18px 22px;
        border-radius:24px;
    }

    .quote-left h1{
        font-size:42px;
    }

    .quote-left h2{
        font-size:24px;
    }

    .quote-left > p{
        font-size:16px;
    }
}

/* =========================
   PREMIUM INNER PAGES
========================= */
.hero,
.premium-inner-hero{
    margin-top:-18px; /* tweak 16–20px based on your exact gap */
}

.premium-inner-hero{
    position:relative;
    min-height:100vh;
    padding:0;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top: -16px;
}

.premium-inner-hero-bg{
    position:absolute;
    inset:0;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    transform:scale(1.04);
}

.premium-inner-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(135deg, rgba(15,21,35,0.82) 0%, rgba(20,27,39,0.66) 46%, rgba(17,23,34,0.82) 100%),
        radial-gradient(circle at top left, rgba(255,159,20,0.18), transparent 34%);
}

.premium-inner-hero-content{
    position:relative;
    z-index:2;
    width:min(980px, 100%);
    margin:0 auto;
    padding:140px 34px 80px;
    text-align:center;
    color:#fff;
}


.inner-page-kicker,
.section-kicker,
.founders-preview-label,
.founders-mini-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.1);
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.section-kicker{
    background:rgba(17,23,34,0.06);
    border-color:rgba(17,23,34,0.08);
    color:#3d4555;
    margin-bottom:14px;
}

.section-kicker.light{
    background:rgba(17,23,34,0.06);
    border-color:rgba(17,23,34,0.08);
    color:#3d4555;
    margin-bottom:14px;
}

.premium-section-shell{
    width:min(1120px, 100%);
    margin:0 auto;
}

.center-shell{
    text-align:center;
}

.premium-glass-card{
    background:rgba(255,255,255,0.9);
    border:1px solid rgba(255,255,255,0.76);
    box-shadow:0 26px 70px rgba(9,14,22,0.14);
    backdrop-filter:blur(14px);
    border-radius:30px;
    padding:34px 30px;
}

.premium-soft-card{
    background:rgba(255,255,255,0.76);
    border:1px solid rgba(255,255,255,0.72);
    border-radius:26px;
    padding:28px 24px;
    box-shadow:0 14px 36px rgba(12,18,28,0.08);
    backdrop-filter:blur(10px);
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.premium-soft-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 44px rgba(12,18,28,0.12);
    border-color:rgba(255,159,20,0.22);
}

.premium-image-frame{
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 24px 60px rgba(10,16,26,0.16);
}

.premium-image-frame img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.premium-card-grid{
    width:min(1240px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:22px;
}

.premium-card-grid.three-col{
    grid-template-columns:repeat(3, minmax(0, 1fr));
}

.premium-about-grid{
    width:min(1240px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:1.04fr 0.96fr;
    gap:34px;
    align-items:center;
}

.about-text-box h2,
.founder-story-content h2,
.founders-story-intro-inner h2,
.founders-story-vision-inner h2{
    font-family:"Anta", sans-serif;
    font-size:clamp(32px, 3vw, 52px);
    line-height:1.08;
    color:#151928;
    margin-bottom:16px;
}

.about-text-box p,
.founder-story-content p,
.founders-story-intro-inner p,
.founders-story-vision-inner p{
    color:#667085;
    line-height:1.85;
    font-size:17px;
}

.about-text-box p + p,
.founder-story-content p + p,
.founders-story-vision-inner p + p{
    margin-top:14px;
}

.vkls-differentiator,
.about-stats-section,
.about-values-section,
.founders-preview-section,
.founders-story-intro,
.founders-story-vision,
.leadership-metrics{
    padding-top:40px;
}

.vkls-diff-item h3,
.about-stat-card h3,
.about-value-card h3,
.leadership-metric-card h3{
    font-family:"Anta", sans-serif;
    color:#161b28;
    margin-bottom:10px;
}

.vkls-diff-item p,
.about-stat-card p,
.about-value-card p,
.leadership-metric-card p{
    color:#677085;
    line-height:1.7;
}

.about-stat-card h3,
.leadership-metric-card h3{
    font-size:clamp(28px, 3vw, 48px);
}

.founders-preview-content{
    width:min(1240px, 100%);
    margin:0 auto;
    text-align:center;
}

.founders-preview-content > h2{
    font-family:"Anta", sans-serif;
    font-size:clamp(34px, 4vw, 56px);
    margin:16px 0 14px;
    color:#151928;
}

.founders-preview-content > p{
    max-width:820px;
    margin:0 auto;
    color:#667085;
    line-height:1.8;
    font-size:17px;
}

.founders-preview-cards{
    margin-top:34px;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:24px;
}

.founders-preview-card{
    text-align:left;
    overflow:hidden;
}

.founders-preview-image-box{
    border-radius:22px;
    overflow:hidden;
    margin-bottom:18px;
}

.founders-preview-image-box img{
    width:100%;
    aspect-ratio:4/4.4;
    object-fit:cover;
}

.founders-preview-card-content h3{
    font-family:"Anta", sans-serif;
    font-size:28px;
    color:#151928;
    margin:12px 0 8px;
}

.founders-preview-card-content p{
    color:#677085;
}

.founder-story-grid{
    width:min(1240px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:0.92fr 1.08fr;
    gap:34px;
    align-items:center;
}

.founder-story-grid.reverse{
    grid-template-columns:1.08fr 0.92fr;
}

.founder-story-grid.reverse .founder-story-image{
    order:2;
}

.founder-story-grid.reverse .founder-story-content{
    order:1;
}

.founder-story-content h3{
    color:#596173;
    font-size:20px;
    margin-bottom:18px;
}

.founder-badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:20px;
}

.founder-badges span{
    padding:10px 14px;
    border-radius:999px;
    background:#f4f6fa;
    border:1px solid rgba(18,23,38,0.08);
    color:#2a3140;
    font-weight:700;
    font-size:14px;
}

.founder-quote-line{
    margin-top:18px;
    padding:18px 18px 0;
    border-top:1px solid rgba(18,23,38,0.08);
    color:#394150;
    font-style:italic;
    line-height:1.8;
}

.leadership-metrics-grid{
    width:min(1120px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:22px;
}

.footer-bottom{
    width:min(1300px, 100%);
    margin:18px auto 0;
    padding-top:16px;
    border-top:1px solid rgba(18,23,38,0.08);
    color:#737b8d;
    text-align:center;
}

@media (max-width: 1100px){
    .premium-about-grid,
    .founder-story-grid,
    .founder-story-grid.reverse{
        grid-template-columns:1fr;
    }

    .founder-story-grid.reverse .founder-story-image,
    .founder-story-grid.reverse .founder-story-content{
        order:unset;
    }

    .premium-card-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .premium-card-grid.three-col,
    .leadership-metrics-grid{
        grid-template-columns:1fr;
    }

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

@media (max-width: 768px){
    .premium-inner-hero{
        min-height:72vh;
        padding:120px 18px 64px;
    }

    .premium-glass-card,
    .premium-soft-card{
        border-radius:22px;
        padding:22px 18px;
    }

    .premium-card-grid{
        grid-template-columns:1fr;
    }

    .about-text-box h2,
    .founder-story-content h2,
    .founders-story-intro-inner h2,
    .founders-story-vision-inner h2,
    .founders-preview-content > h2{
        font-size:32px;
    }

    .about-text-box p,
    .founder-story-content p,
    .founders-story-intro-inner p,
    .founders-story-vision-inner p,
    .founders-preview-content > p{
        font-size:16px;
    }
}

/* =========================
   SERVICES PAGE PREMIUM
========================= */
.services-page-hero-content{
    position:relative;
    z-index:2;
}

.services-hero-title{
    font-family:"Anta", sans-serif;
    font-size:clamp(44px, 6vw, 82px);
    line-height:0.98;
    color:#fff;
}

.services-hero-text{
    max-width:780px;
    margin:18px auto 0;
    font-size:clamp(18px, 2vw, 28px);
    line-height:1.7;
    color:rgba(255,255,255,0.9);
}

.services-page-intro{
    padding-top:40px;
}

.services-page-main{
    padding-top:24px;
    padding-bottom:40px;
}

.services-page-grid{
    width:min(1300px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:28px;
}

.premium-service-card{
    background:rgba(255,255,255,0.84);
    border:1px solid rgba(255,255,255,0.8);
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 14px 36px rgba(12,18,28,0.08);
    backdrop-filter:blur(10px);
    opacity:0;
    transform:translateY(26px);
    transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease, opacity .38s ease;
}

.premium-service-card.show{
    opacity:1;
    transform:translateY(0);
}

.premium-service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 24px 56px rgba(12,18,28,0.14);
    border-color:rgba(255,159,20,0.24);
}

.premium-service-card .service-image-box{
    aspect-ratio:16/11;
    overflow:hidden;
    background:#dfe6f0;
}

.premium-service-card .service-image-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .55s ease;
}

.premium-service-card:hover .service-image-box img{
    transform:scale(1.06);
}

.premium-service-card .service-content{
    padding:24px 24px 26px;
}

.premium-service-card .service-content h2{
    font-size:26px;
    line-height:1.15;
    margin-bottom:14px;
    color:#171b29;
}

.premium-service-card .service-content p{
    font-size:16px;
    line-height:1.75;
    color:#667085;
    min-height:56px;
}

.services-highlight-section{
    padding-top:10px;
}

.services-highlight-shell{
    width:min(1120px, 100%);
    margin:0 auto;
}

.services-highlight-card{
    text-align:center;
}

.services-highlight-card h2{
    font-family:"Anta", sans-serif;
    font-size:clamp(32px, 3vw, 52px);
    line-height:1.1;
    color:#151928;
    margin:14px 0 14px;
}

.services-highlight-card p{
    max-width:760px;
    margin:0 auto;
    color:#667085;
    line-height:1.8;
    font-size:17px;
}

.services-highlight-card .cta-btn{
    margin-top:22px;
}

@media (max-width: 1100px){
    .services-page-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px){
    .services-page-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .services-hero-title{
        font-size:42px;
    }

    .services-hero-text{
        font-size:17px;
    }

    .premium-service-card .service-content{
        padding:20px;
    }

    .premium-service-card .service-content h2{
        font-size:23px;
    }

    .services-highlight-card h2{
        font-size:30px;
    }

    .services-highlight-card p{
        font-size:16px;
    }
}

.home-quote-section{
    position:relative;
    padding:120px 34px;
    background:#111;
    color:white;
}

.home-quote-bg{
    position:absolute;
    inset:0;
    background:url('assets/77191225447 (2).png') center/cover;
    opacity:0.2;
}

.home-quote-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,#111,#1a1a1a);
}

.home-quote-container{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:auto;
    display:flex;
    gap:50px;
    align-items:center;
}

.home-quote-text{
    flex:1;
}

.home-quote-text h1{
    font-size:40px;
}

.home-quote-form{
    flex:1;
    background:white;
    color:black;
    padding:30px;
    border-radius:20px;
}

.home-quote-form input,
.home-quote-form textarea{
    width:100%;
    margin:10px 0;
    padding:12px;
    border-radius:10px;
    border:1px solid #ccc;
}

.home-quote-form button{
    width:100%;
    padding:12px;
    background:orange;
    border:none;
    border-radius:20px;
}

.services-shell,
.clients-section,
.footer-cta,
.about-main-section,
.vkls-differentiator,
.about-stats-section,
.about-values-section,
.founders-preview-section,
.founders-story-intro,
.founders-story-vision,
.leadership-metrics,
.services-page-intro,
.services-page-main,
.services-highlight-section{
    padding:88px 34px;
}

.stats-strip{
    position:relative;
    margin-top:0;
    z-index:5;
    padding:36px 34px 0;
}

.home-quote-section{
    padding:88px 34px 40px;
}

.home-quote-shell{
    width:min(1280px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
    align-items:center;
}

.home-quote-copy{
    padding:20px 10px;
}

.home-quote-copy h2{
    font-family:"Anta",sans-serif;
    font-size:clamp(32px, 3.4vw, 54px);
    line-height:1.08;
    color:#151928;
    margin:14px 0;
}

.home-quote-copy p{
    color:#667085;
    font-size:18px;
    line-height:1.8;
    max-width:620px;
}

.home-quote-card{
    background:rgba(255,255,255,0.9);
    border:1px solid rgba(255,255,255,0.72);
    border-radius:30px;
    padding:30px;
    box-shadow:0 26px 70px rgba(9,14,22,0.14);
    backdrop-filter:blur(14px);
}

.home-quote-form{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.home-quote-form input,
.home-quote-form textarea{
    width:100%;
    border:none;
    outline:none;
    background:#f5f7fb;
    border:1px solid rgba(18,23,38,0.08);
    color:#161b28;
    padding:16px;
    border-radius:16px;
    font-family:'Sansation',sans-serif;
    font-size:16px;
    transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.home-quote-form input:focus,
.home-quote-form textarea:focus{
    border-color:rgba(255,159,20,0.75);
    box-shadow:0 0 0 4px rgba(255,159,20,0.14);
    transform:translateY(-1px);
}

.home-quote-form textarea{
    grid-column:1 / -1;
    resize:vertical;
    min-height:140px;
}

.home-quote-form button{
    grid-column:1 / -1;
    border:none;
    border-radius:999px;
    padding:15px 24px;
    background:linear-gradient(135deg,var(--accent2),var(--accent));
    color:#1f2430;
    font-weight:700;
    font-size:16px;
    cursor:pointer;
    box-shadow:0 12px 30px rgba(255,159,20,0.28);
}

@media (max-width: 920px){
    .home-quote-shell{
        grid-template-columns:1fr;
    }

    .home-quote-form{
        grid-template-columns:1fr;
    }
}

/* REAL INDIA MAP IMAGE */
.india-map-img{
    width:100%;
    height:auto;
    opacity:0.8;
    border-radius: 20px;
}

/* DOTS */
.map-dot{
    position:absolute;
    width:12px;
    height:12px;
    background:#ff9800;
    border-radius:50%;
    box-shadow:0 0 15px #ff9800;
    animation:pulse 1.5s infinite;
}

/* LABELS */
.map-label{
    position:absolute;
    z-index:4;
    background:rgba(255,255,255,0.96);
    padding:6px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    color:#31394a;
    box-shadow:0 5px 15px rgba(0,0,0,0.10);
    white-space:nowrap;
}

.tn-label{ left:41.5%; top:81.5%; }
.ka-label{ left:17.5%; top:66.5%; }
.kl-label{ left:18.5%; top:79.5%; }
.ap-label{ left:44.5%; top:65.5%; }

/* optional north label */
.north-label{ left:63%; top:18%; }

/* NOTES */
.south-note{
    position:absolute;
    bottom:5px;
    left:40%;
    color:#ff9800;
    font-weight:600;
}

.north-note{
    position:absolute;
    top:20px;
    right:20px;
    color:#666;
}

/* ANIMATION */
@keyframes pulse{
    0%{ transform:scale(1);}
    50%{ transform:scale(1.5);}
    100%{ transform:scale(1);}
}

/* =========================
   NETWORK SECTION FINAL
========================= */
.network-map-section{
    padding:100px 34px;
    background:transparent;
}

.network-map-shell{
    width:min(1280px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:0.95fr 1.05fr;
    gap:40px;
    align-items:center;
}

.network-map-copy{
    max-width:560px;
}

.network-map-copy h2{
    font-family:"Anta", sans-serif;
    font-size:clamp(36px, 4.3vw, 62px);
    line-height:1.06;
    color:#151928;
    margin:14px 0 18px;
}

.network-map-copy p{
    color:#667085;
    font-size:19px;
    line-height:1.8;
}

.network-points{
    margin-top:26px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.network-point{
    display:flex;
    align-items:flex-start;
    gap:12px;
    color:#3b4252;
    font-weight:700;
    line-height:1.6;
}

.network-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    margin-top:8px;
    flex-shrink:0;
}

.network-dot.active{
    background:linear-gradient(135deg, #ffbb57, #ff9f14);
    box-shadow:0 0 14px rgba(255,159,20,0.45);
}

.network-dot.soon{
    background:#7f90b5;
    box-shadow:0 0 14px rgba(127,144,181,0.28);
}

.network-map-card{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.india-map-wrap{
    position:relative;
    width:min(100%, 560px);
    min-height:760px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
}

.india-map-img{
    width:100%;
    max-width:500px;
    height:auto;
    display:block;
    object-fit:contain;
    filter:drop-shadow(0 18px 26px rgba(15,20,30,0.08));
    animation:mapFloat 4.5s ease-in-out infinite;
}

/* South state markers */
.map-dot{
    position:absolute;
    width:16px;
    height:16px;
    border-radius:50%;
    background:linear-gradient(135deg, #ffbb57, #ff9f14);
    box-shadow:
        0 0 0 8px rgba(255,159,20,0.10),
        0 0 18px rgba(255,159,20,0.40);
    animation:pulseDot 2s ease-in-out infinite;
    z-index:3;
}

/* Proper marker positions based on your map image */
.tn{ left:38%; top:76.5%; }
.ka{ left:25.8%; top:68.8%; }
.kl{ left:30%; top:81.2%; }
.ap{ left:37.8%; top:68.2%; }

/* Labels */
.map-label{
    position:absolute;
    z-index:4;
    background:rgba(255,255,255,0.96);
    padding:6px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    color:#31394a;
    box-shadow:0 5px 15px rgba(0,0,0,0.10);
    white-space:nowrap;
}

.tn-label{ left:41%; top:75.5%; }
.ka-label{ left:10.4%; top:66.5%; }
.kl-label{ left:18%; top:79.5%; }
.ap-label{ left:43%; top:65.5%; }

/* North expansion highlight */
.north-region-glow{
    position:absolute;
    right:18%;
    top:16%;
    width:120px;
    height:120px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(120,136,173,0.22) 0%, rgba(120,136,173,0.08) 45%, transparent 72%);
    animation:northGlow 2.8s ease-in-out infinite;
    z-index:2;
}

.north-note{
    position:absolute;
    top:11%;
    right:8%;
    font-size:15px;
    font-weight:700;
    color:#65779d;
    z-index:4;
}

.south-note{
    position:absolute;
    bottom:4%;
    left:50%;
    transform:translateX(-50%);
    font-size:15px;
    font-weight:700;
    color:#d97f00;
    white-space:nowrap;
    z-index:4;
}

@keyframes pulseDot{
    0%,100%{
        transform:scale(1);
        box-shadow:
            0 0 0 6px rgba(255,159,20,0.12),
            0 0 12px rgba(255,159,20,0.4);
    }
    50%{
        transform:scale(1.2);
        box-shadow:
            0 0 0 10px rgba(255,159,20,0.08),
            0 0 18px rgba(255,159,20,0.5);
    }
}

@keyframes northGlow{
    0%,100%{
        transform:scale(1);
        opacity:.75;
    }
    50%{
        transform:scale(1.18) !important;
        opacity:1;
    }
}

@keyframes mapFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-8px);
    }
}

@media (max-width: 1100px){
    .network-map-shell{
        grid-template-columns:1fr;
        gap:30px;
    }

    .network-map-copy{
        max-width:none;
        text-align:center;
    }

    .network-points{
        align-items:center;
    }

    .network-map-card{
        justify-content:center;
    }
}

@media (max-width: 768px){
    .network-map-section{
        padding:88px 18px;
    }

    .network-map-copy h2{
        font-size:42px;
    }

    .network-map-copy p{
        font-size:16px;
    }

    .india-map-wrap{
        min-height:620px;
        width:100%;
    }

    .india-map-img{
        max-width:360px;
    }


    .north-note{
        top:9%;
        right:2%;
        font-size:13px;
    }

    .south-note{
        bottom:2%;
        font-size:13px;
    }

    .north-region-glow{
        right:17%;
        top:16%;
        width:90px;
        height:90px;
    }
}

/* FINAL MAP DOT STYLE */
.map-dot{
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    background:linear-gradient(135deg, #ffbb57, #ff9f14);
    
    box-shadow:
        0 0 0 6px rgba(255,159,20,0.12),
        0 0 12px rgba(255,159,20,0.4);
    animation:pulseDot 2s ease-in-out infinite;
    z-index:3;
}

.map-label{
    opacity:0;
    transform:translateY(10px);
    transition:0.3s ease;
}

/* show label when hovering dot */
.map-dot:hover + .map-label{
    opacity:1;
    transform:translateY(0);
}

.india-map-img{
    position:relative;
    z-index:1;   /* map at bottom */
}

.map-dot{
    z-index:3;   /* dots above map */
}

.map-label{
    z-index:5;   /* labels above everything */
}

.india-map-wrap{
    position:relative;
}

.map-label{
    display:block !important;
    opacity:1 !important;
}

/* HOME QUOTE SECTION FIX */
.home-quote-section{
    position:relative;
    background:
        linear-gradient(135deg, rgba(48, 48, 49, 0.96), rgba(14,18,28,0.94)),
        url('assets/77191225447 (2).png') center/cover no-repeat;
    overflow:hidden;
}

.home-quote-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
    pointer-events:none;
}

.home-quote-shell{
    position:relative;
    z-index:2;
}

.home-quote-copy .section-kicker{
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.12);
    color:#ffffff;
}

.home-quote-copy h2{
    color:#ffffff;
    text-shadow:0 8px 24px rgba(0,0,0,0.28);
}

.home-quote-copy p{
    color:rgba(255,255,255,0.82);
}

.home-quote-copy,
.home-quote-card{
    transition:opacity .7s ease, transform .7s ease;
}

.reveal-left{
    opacity:0;
    transform:translateX(-34px);
}

.reveal-right{
    opacity:0;
    transform:translateX(34px);
}

.reveal-left.show,
.reveal-right.show{
    opacity:1;
    transform:none;
}

/* PREMIUM NAV INTERACTION */
.topics a{
    position:relative;
    color:#fff;
    margin:0 10px;
    text-decoration:none;
    font-weight:700;
    padding:10px 14px;
    border-radius:14px;
    transition:
        transform .28s ease,
        background .28s ease,
        color .28s ease,
        box-shadow .28s ease;
}

.topics a:not(.quote):hover{
    background:rgba(255,255,255,0.10);
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(0,0,0,0.14);
}

.topics a:not(.quote)::after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:6px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(255,187,87,0), rgba(255,187,87,1), rgba(255,159,20,0));
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .28s ease;
}

.topics a:not(.quote):hover::after{
    transform:scaleX(1);
}

.topics a:not(.quote):active{
    transform:translateY(0) scale(.98);
}

/* SOON SERVICE CARD */
.service-card-soon{
    position:relative;
    opacity:0.92;
}

.service-card-soon .service-image-box img{
    filter:grayscale(100%) contrast(1.02);
}

.service-card-soon::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:28px;
    pointer-events:none;
    box-shadow:inset 0 0 0 1px rgba(18,23,38,0.08);
}

.service-soon-badge{
    position:absolute;
    top:16px;
    right:16px;
    z-index:2;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(18,23,38,0.85);
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.soon-btn{
    background:#eef1f5;
    color:#4a5263;
    border:1px solid rgba(18,23,38,0.08);
}

.soon-btn:hover{
    background:#e7ebf1;
    transform:translateY(-1px);
}

/* SERVICES DETAIL PAGE */
.services-detail-section{
    padding:88px 34px;
}

.services-detail-section.alt{
    background:rgba(255,255,255,0.28);
}

.service-detail-shell{
    width:min(1240px, 100%);
    margin:0 auto;
}

.service-detail-grid{
    display:grid;
    grid-template-columns:0.95fr 1.05fr;
    gap:34px;
    align-items:center;
}

.service-detail-grid.reverse{
    grid-template-columns:1.05fr 0.95fr;
}

.service-detail-grid.reverse .service-detail-image{
    order:2;
}

.service-detail-grid.reverse .service-detail-content{
    order:1;
}

.service-detail-image img{
    width:100%;
    height:100%;
    max-height:520px;
    object-fit:cover;
    display:block;
}

.service-detail-content h2{
    font-family:"Anta", sans-serif;
    font-size:clamp(30px, 3vw, 48px);
    line-height:1.08;
    color:#151928;
    margin:12px 0 16px;
}

.service-detail-content p{
    color:#667085;
    font-size:17px;
    line-height:1.85;
}

.service-detail-content p + p{
    margin-top:14px;
}

section[id]{
    scroll-margin-top:120px;
}

.soon-image img{
    filter:grayscale(100%);
}

.soon-service-card{
    border:1px solid rgba(18,23,38,0.08);
}

.service-soon-badge.large{
    position:absolute;
    top:18px;
    right:18px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(18,23,38,0.88);
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.service-detail-image{
    position:relative;
}

@media (max-width: 1100px){
    .service-detail-grid,
    .service-detail-grid.reverse{
        grid-template-columns:1fr;
    }

    .service-detail-grid.reverse .service-detail-image,
    .service-detail-grid.reverse .service-detail-content{
        order:unset;
    }
}

@media (max-width: 768px){
    .services-detail-section{
        padding:70px 18px;
    }

    .service-detail-content p{
        font-size:16px;
    }

    .service-detail-content h2{
        font-size:30px;
    }
}

.service-card-soon{
    position:relative;
    opacity:0.94;
}

.service-card-soon .service-image-box{
    position:relative;
}

.service-card-soon .service-image-box img{
    filter:grayscale(100%) contrast(1.02);
}

.service-soon-badge{
    position:absolute;
    top:16px;
    right:16px;
    z-index:2;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(18,23,38,0.88);
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.soon-btn{
    background:#eef1f5;
    color:#4a5263;
    border:1px solid rgba(18,23,38,0.08);
}

.soon-btn:hover{
    background:#e7ebf1;
    transform:translateY(-1px);
}

/* REVEAL ANIMATION BASE */
.reveal-up,
.reveal-left,
.reveal-right{
    opacity:0;
    transform:translateY(40px);
    transition:all .8s cubic-bezier(.22,.61,.36,1);
}

.reveal-left{
    transform:translateX(-60px);
}

.reveal-right{
    transform:translateX(60px);
}

.reveal-up.show,
.reveal-left.show,
.reveal-right.show{
    opacity:1;
    transform:translate(0,0);
}

.services-detail-section{
    position:relative;
    padding:100px 34px;
}

.services-detail-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 20% 30%, rgba(255,159,20,0.05), transparent 60%);
    pointer-events:none;
}

.service-detail-image img{
    width:100%;
    height:100%;
    max-height:520px;
    object-fit:cover;
    border-radius:28px;
    transition:transform .6s ease;
}

.service-detail-image:hover img{
    transform:scale(1.04);
}

.section-kicker{
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#ff9f14;
    font-weight:800;
}

.service-detail-content h2{
    font-family:"Anta", sans-serif;
    font-size:clamp(34px, 3vw, 52px);
    margin:10px 0 16px;
}

.service-detail-content p{
    color:#5f6678;
    font-size:17px;
    line-height:1.85;
}

.soon-service-section{
    background:linear-gradient(135deg, rgba(18,23,38,0.02), rgba(18,23,38,0.06));
}

.soon-image img{
    filter:grayscale(100%) brightness(.9);
}

.service-soon-badge.large{
    background:#111;
    color:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

.services-highlight-card{
    transition:all .5s ease;
}

.services-highlight-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

html{
    scroll-behavior:smooth;
}

section[id]{
    scroll-margin-top:130px; /* adjust if navbar height changes */
}

/* =========================
   FINAL LAYOUT OVERRIDES
========================= */

/* 1) HOME SERVICES — wider and better use of space */
.services-shell{
    padding-top:96px;
}

.services-container{
    width:min(1680px, 100%) !important;
    margin:0 auto !important;
    padding:0 28px !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(360px, 1fr)) !important;
    gap:34px !important;
}

.service-card{
    width:100% !important;
    min-height:100% !important;
}

.service-content{
    padding:26px 26px 28px !important;
}

.service-content h2{
    font-size:clamp(26px, 2vw, 34px) !important;
    line-height:1.18 !important;
    margin-bottom:14px !important;
}

.service-content p{
    font-size:17px !important;
    line-height:1.8 !important;
}

/* 2) IMAGE HOVER ANIMATION — premium feel */
.service-image-box{
    overflow:hidden !important;
}

.service-image-box img{
    transition:transform .7s ease, filter .45s ease !important;
    transform:scale(1) !important;
}

.service-card:hover .service-image-box img{
    transform:scale(1.07) !important;
}

.service-card:hover{
    transform:translateY(-10px) !important;
    box-shadow:0 26px 60px rgba(12,18,28,0.14) !important;
}

/* 3) ABOUT PAGE FOUNDERS PREVIEW — smaller photos */
.founders-preview-cards{
    gap:20px !important;
}

.founders-preview-image-box{
    max-width:320px !important;
    margin:0 auto 16px !important;
    border-radius:22px !important;
    overflow:hidden !important;
}

.founders-preview-image-box img{
    width:100% !important;
    aspect-ratio:4 / 4.8 !important;
    object-fit:cover !important;
    transition:transform .65s ease !important;
}

.founders-preview-card:hover .founders-preview-image-box img{
    transform:scale(1.05) !important;
}

/* 4) FOUNDERS PAGE — reduce big profile images */
.founder-story-image{
    max-width:420px !important;
    margin:0 auto !important;
}

.founder-story-image img,
.founder-story-image .premium-image-frame img,
.premium-image-frame img{
    width:100% !important;
    max-height:520px !important;
    object-fit:cover !important;
    transition:transform .7s ease, filter .45s ease !important;
}

.founder-story-image:hover img,
.premium-image-frame:hover img{
    transform:scale(1.04) !important;
}

/* 5) Responsive tuning */
@media (max-width: 1380px){
    .services-container{
        grid-template-columns:repeat(3, minmax(320px, 1fr)) !important;
        width:min(1480px, 100%) !important;
    }
}

@media (max-width: 1180px){
    .services-container{
        grid-template-columns:repeat(2, minmax(300px, 1fr)) !important;
        width:min(1180px, 100%) !important;
    }

    .founder-story-image{
        max-width:360px !important;
    }
}

@media (max-width: 768px){
    .services-container{
        grid-template-columns:1fr !important;
        padding:0 18px !important;
    }

    .founders-preview-image-box{
        max-width:260px !important;
    }

    .founder-story-image{
        max-width:280px !important;
    }
}

/* ===== FINAL URGENT FIX ===== */

/* SERVICES: fill the row properly */
.services-shell{
    padding: 88px 20px !important;
}

.section-heading-wrap{
    width: 100% !important;
    max-width: none !important;
}

.services-container{
    width: calc(100vw - 40px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.service-card{
    width: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.service-image-box{
    aspect-ratio: 16 / 10 !important;
}

.service-content{
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 22px !important;
}

.service-content h2{
    font-size: 24px !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
}

.service-content p{
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 18px !important;
    flex: 1 !important;
}

.know-more-btn{
    align-self: flex-start !important;
    margin-top: auto !important;
}

/* ABOUT PAGE founders preview: less background in image */
.founders-preview-image-box{
    max-width: 260px !important;
    margin: 0 auto 16px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
}

.founders-preview-image-box img{
    width: 100% !important;
    height: 360px !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: scale(1.18) !important;
}

/* FOUNDERS PAGE main images: less background */
.founder-story-image{
    max-width: 340px !important;
    margin: 0 auto !important;
}

.founder-story-image img{
    width: 100% !important;
    height: 460px !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: scale(1.08) !important;
}

/* RESPONSIVE */
@media (max-width: 1100px){
    .services-container{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px){
    .services-container{
        width: calc(100vw - 24px) !important;
        grid-template-columns: 1fr !important;
    }

    .founders-preview-image-box img{
        height: 300px !important;
    }

    .founder-story-image img{
        height: 380px !important;
    }
}

/* QUICK IMAGE SIZE FIX – About page founders */

.founders-preview-image-box{
    max-width: 300px !important;   /* wider */
}

.founders-preview-image-box img{
    width: 100% !important;
    height: 380px !important;      /* slightly taller */
    object-fit: cover !important;
    object-position: center top !important;
}

.founders-preview-image-box img{
    height: 400px !important;
}

/* IMAGE HOVER ANIMATION – founders (About page) */

.founders-preview-image-box{
    overflow: hidden !important;
    border-radius: 24px !important;
}

.founders-preview-image-box img{
    transition: transform 0.5s ease !important;
    transform: scale(1); /* normal */
}

/* hover effect */
.founders-preview-image-box:hover img{
    transform: scale(1.08); /* enlarge on hover */
}

/* FIXED HOVER BEHAVIOR – zoom IN on hover */

.founders-preview-image-box{
    overflow: hidden !important;
    border-radius: 24px !important;
}

/* DEFAULT = slightly zoomed OUT */
.founders-preview-image-box img{
    transform: scale(0.95) !important;
    transition: transform 0.5s ease !important;
    border-radius: 24px;
}

/* HOVER = zoom IN */
.founders-preview-image-box:hover img{
    transform: scale(1.08) !important;
}

/* QUOTE STAT BOXES */
.quote-stats{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 20px;
}

.quote-box{
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.15);
    padding: 12px 16px;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    transition: 0.3s;
}

.quote-box:hover{
    background: #f5a100;
    color: #000;
    transform: translateY(-3px);
}

/* QUOTE STAT BOXES */
.quote-stats{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 20px;
}

.quote-box{
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.15);
    padding: 12px 16px;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    transition: 0.3s;
}

.quote-box:hover{
    background: #f5a100;
    color: #000;
    transform: translateY(-3px);
}

.meet-founders-btn{
    animation: pulseBtn 2s infinite ease-in-out;
}

@keyframes pulseBtn{
    0%{transform: scale(1);}
    50%{transform: scale(1.05);}
    100%{transform: scale(1);}
}

.home-quote-form{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row{
    display: flex;
    gap: 12px;
}

.form-row input{
    flex: 1;
}

.home-quote-form input,
.home-quote-form textarea{
    padding: 14px;
    border-radius: 12px;
    border: none;
    outline: none;
    background: #e9edf3;
    font-size: 14px;
}

.home-quote-form textarea{
    resize: none;
    height: 120px;
}

.home-quote-form button{
    background: linear-gradient(90deg,#f5a100,#ff8c00);
    border: none;
    padding: 14px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.home-quote-form button:hover{
    transform: scale(1.05);
}