/* =====================================================
   ABOUT HERO
===================================================== */

#about-hero{

    padding:180px 0 120px;

}

.about-hero-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.about-hero-content h1{

    font-size:60px;

    line-height:1.15;

    margin:25px 0;

    max-width:650px;

}

.about-hero-content p{

    font-size:18px;

    line-height:1.9;

    color:var(--text);

    max-width:620px;

}

.about-hero-image{

    display:flex;

    justify-content:flex-end;

    position:relative;

}

.about-hero-image img{

    width:100%;

    max-width:680px;

    position:relative;

    z-index:2;

}

.about-hero-image::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    background:rgba(13,133,235,.18);

    filter:blur(140px);

    border-radius:50%;

}

/* =====================================================
   OUR STORY
===================================================== */

#our-story{

    padding:50px 0;

}

.story-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:40px;

}

.story-content h2{

    font-size:48px;

    line-height:1.2;

    margin:24px 0;

    max-width:680px;

}

.story-content p{

    font-size:17px;

    line-height:1.9;

    color:var(--text);

    margin-bottom:24px;

}

.story-highlights{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin:35px 0;

}

.highlight-item{

    font-size:17px;

    font-weight:500;

    color:#ffffff;

}

.founder-quote{

    margin-top:45px;

    padding:30px;

    border-left:4px solid var(--primary);

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

    border-radius:16px;

    font-size:18px;

    line-height:1.8;

    font-style:italic;

}

.founder-quote span{

    display:block;

    margin-top:18px;

    color:var(--primary);

    font-style:normal;

    font-weight:600;

}

.story-image{

    display:flex;

    justify-content:flex-end;

    align-items:center;

}

.story-image img{

    width:100%;

    max-width:820px;

    height:auto;

    display:block;

    object-fit:contain;

}

/* =====================================================
   VISION & MISSION
===================================================== */

#vision-mission{

    padding:50px 0;

}

.vision-grid{

    display:grid;

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

    gap:30px;

}

.vision-card{

    padding:45px;

    border-radius:24px;

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

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

    transition:.35s;

}

.vision-card:hover{

    transform:translateY(-8px);

    border-color:var(--primary);

    box-shadow:0 20px 45px rgba(13,133,235,.12);

}

.vision-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    background:rgba(13,133,235,.12);

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    margin-bottom:28px;

}

.vision-card h3{

    font-size:30px;

    margin-bottom:18px;

}

.vision-card p{

    color:var(--text);

    font-size:17px;

    line-height:1.9;

}

.founder-skills{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:12px;

    margin:28px 0 35px;

}

.founder-skills span{

    padding:10px 18px;

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

    border-radius:30px;

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

    font-size:14px;

}

.linkedin-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:12px;

    padding:14px 26px;

    border-radius:12px;

    background:#0A66C2;

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.linkedin-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(10,102,194,.35);

}

.linkedin-btn svg{

    width:18px;

    height:18px;

}

.founder-skills{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:10px;

    margin:28px 0;

}

.founder-skills span{

    padding:10px 18px;

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

    border-radius:30px;

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

    font-size:14px;

}

.linkedin-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:12px;

    padding:14px 26px;

    border-radius:12px;

    background:#0A66C2;

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.linkedin-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(10,102,194,.35);

}

.linkedin-btn svg{

    width:18px;

    height:18px;

}

/* =====================================================
   FOUNDERS
===================================================== */

#founders{

    padding:50px 0;

}

.founders-grid{

    display:grid;

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

    gap:35px;

    margin-top:60px;

}

.founder-card{

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

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

    border-radius:28px;

    padding:45px;

    text-align:center;

    transition:.35s ease;

}

.founder-card:hover{

    transform:translateY(-8px);

    border-color:#0D85EB;

    box-shadow:0 20px 45px rgba(13,133,235,.15);

}

.founder-image{

    width:180px;

    height:180px;

    margin:0 auto 30px;

    border-radius:50%;

    overflow:hidden;

    border:4px solid rgba(13,133,235,.18);

}

.founder-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center top;

}

.founder-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:rgba(13,133,235,.12);

    color:#0D85EB;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.founder-card h3{

    font-size:34px;

    margin-bottom:18px;

}

.founder-card p{

    color:var(--text);

    line-height:1.9;

    font-size:17px;

    max-width:460px;

    margin:0 auto 28px;

}

.founder-skills{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:35px;

}

.founder-skills span{

    padding:10px 18px;

    border-radius:30px;

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

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

    font-size:14px;

}

.linkedin-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:15px 28px;

    background:#0A66C2;

    color:#fff;

    border-radius:14px;

    font-weight:600;

    transition:.35s;

}

.linkedin-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(10,102,194,.35);

}

.linkedin-btn svg{

    width:18px;

    height:18px;

}
/* =====================================================
   WHY PARTNER
===================================================== */

#why-partner{

    padding:50px 0;

}

.partner-grid{

    display:grid;

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

    gap:28px;

    margin-top:60px;

}

.partner-card{

    padding:36px;

    border-radius:22px;

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

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

    transition:.35s;

}

.partner-card:hover{

    transform:translateY(-8px);

    border-color:#0D85EB;

    box-shadow:0 20px 45px rgba(13,133,235,.12);

}

.partner-card h3{

    font-size:26px;

    margin-bottom:18px;

}

.partner-card p{

    color:var(--text);

    line-height:1.9;

    font-size:16px;

}
/*=========================================
INDUSTRIES
=========================================*/

#industries{

    padding:50px 0;

}

.industry-grid{

    display:grid;

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

    gap:22px;

    margin-top:60px;

}

.industry-card{

    padding:28px;

    text-align:center;

    border-radius:18px;

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

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

    transition:.35s;

    font-weight:600;

}

.industry-card:hover{

    transform:translateY(-6px);

    border-color:#0D85EB;

    color:#0D85EB;

}

/*=========================================
GLOBAL PRESENCE
=========================================*/

#global{

    padding:50px 0;

}

.country-grid{

    display:grid;

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

    gap:22px;

    margin-top:60px;

}

.country-card{

    padding:28px;

    text-align:center;

    border-radius:18px;

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

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

    font-size:18px;

    font-weight:600;

    transition:.35s;

}

.country-card:hover{

    transform:translateY(-6px);

    border-color:#0D85EB;

    box-shadow:0 15px 35px rgba(13,133,235,.12);

}