:root{
    --navy:#0b1220;
    --blue:#0093d1;
    --blue-dark:#055fc4;
    --cyan:#00bbf0;
    --slate:#64748b;
    --slate-light:#94a3b8;
    --bg-light:#f8fafc;
    --border:#e2e8f0;
    --max-w:1440px;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;}

.wrap{max-width:var(--max-w);margin:0 auto;padding:0 40px;}

.btun{
    display:inline-flex;align-items:center;justify-content:center;
    font-weight:700;/*font-size:16px;*/letter-spacing:-0.02em;
    padding:20px 48px;border-radius:8px;transition:transform .15s ease, opacity .15s ease;
    white-space:nowrap;
}
.btun:hover{transform:translateY(-1px);opacity:.92;}
.btun-primary{background:var(--blue);color:#fff;}
.btun-white{background:#fff;color:var(--navy);}
.btun-outline{background:transparent;color:#fff;border:2px solid #fff;}
.btun-ghost{background:var(--bg-light);color:var(--blue);padding:20px 48px;}

/* ===== HERO ===== */
.hero{
    position:relative;overflow:hidden;
    min-height:450px;
    display:flex;align-items:center;justify-content:center;
    text-align:center;padding:96px 40px;
    background:
            linear-gradient(180deg, rgba(2,15,43,.85) 0%, rgba(3,27,78,.55) 40%, rgba(2,15,43,.92) 100%),
            url(../images/general_images/team-hero-image.jpg) center/cover no-repeat;
    background-blend-mode:normal;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    color:#fff;
}
.hero-inner{max-width:auto;display:flex;flex-direction:column;align-items:center;gap:32px;}
.hero h1{
    font-family: 'Inter';
    font-size:80px;
    font-weight:800;letter-spacing:-0.03em;line-height: 96px;
    background:linear-gradient(137deg,#fff 0%,#fff 48%,#9ca3af 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p{/*font-size:18px;*/font-weight:100;color:#fff;max-width:680px;letter-spacing:-0.02em;}
.hero-actions{display:flex;gap:24px;1flex-wrap:wrap;justify-content:center;}

/* ===== STATS =====
.stats{background:var(--navy);padding:96px 40px;}
.stats-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:96px;align-items:center;}
.stats-heading{display:flex;flex-direction:column;align-items:center;gap:16px;}
.stats-heading h2{color:#fff;font-size:clamp(28px,4vw,48px);font-weight:700;text-align:center;}
.stats-heading .rule{width:96px;height:4px;background:var(--blue);}
.stats-grid{display:flex;gap:48px;width:100%;justify-content:center;flex-wrap:wrap;}
.stat{flex:1 1 200px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:160px;}
.stat .num{font-size:clamp(36px,5vw,64px);font-weight:900;letter-spacing:-0.02em;color:#fff;}
.stat .num.accent{color:var(--blue);}
.stat .label{font-size:18px;font-weight:500;color:var(--slate-light);} */

/* ===== SECTION SHELL ===== */
section{padding:96px 40px;}
.section-light{background:#fff;}
.section-alt{background:var(--bg-light);}
.section-inner{max-width:1200px;margin:0 auto;}

.section-head{/*max-width:900px;*/margin-bottom:64px;}
.section-head h2{/*font-size:clamp(28px,4vw,48px);*/font-weight:800;letter-spacing:-0.03em;margin-bottom:24px;}
.section-head p{/*font-size:18px;*/font-weight:100;color:var(--slate);letter-spacing:-0.02em;/*max-width:900px;*//*white-space:nowrap;*/}

/* ===== TEAM GRID ===== */
.team-filters{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin:-24px 0 48px;}
.team-filter{
    background:#f1f5f9;color:var(--slate);border:1px solid transparent;border-radius:999px;
    padding:10px 18px;/*font-size:14px;*/font-weight:600;line-height:1.2;transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.team-filter:hover,.team-filter[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--blue);}
.team-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:48px 32px;
}
.team-card .photo{
    position:relative;border-radius:16px;overflow:hidden;height:340px;
    background:#e0ebf5;
}
.team-card .photo img{
    width:100%;height:100%;object-fit:cover;object-position:top center;
}
.team-card .name-row{
    display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:24px;
}
.team-card h3{/*font-size:24px;*/font-weight:700;letter-spacing:-0.02em;}
.team-card .linkedin{
    width:40px;height:40px;border-radius:50%;
    background:url('assets/Linkedin.png') center/contain no-repeat;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    /*font-size:0;*/
    transition:transform .15s ease,opacity .15s ease;
}
.team-card .linkedin:hover{transform:translateY(-1px);opacity:.88;}
.team-card .linkedin img{width:100%;height:100%;object-fit:contain;}
.team-card .role{color:var(--blue);font-weight:500;/*font-size:18px;*/letter-spacing:-0.02em;padding-top:4px;}
.team-card .location{color:var(--slate);font-weight:400;/*font-size:16px;*/padding-top:4px;}
.scroll-reveal{opacity:0;transition:opacity .6s ease;}
.scroll-reveal.is-visible{opacity:1;}
@media (prefers-reduced-motion:reduce){
    .scroll-reveal{transition:none;}
}

.load-more{display:flex;justify-content:center;padding-top:64px;}

/* ===== GLOBAL REACH ===== */
.global-reach .section-inner{
    display:flex;gap:48px;align-items:center;flex-wrap:wrap;
}
.global-reach .copy{flex:1 1 420px;min-width:300px;}
.global-reach .copy h2{/*font-size:clamp(28px,4vw,48px);*/font-weight:800;letter-spacing:-0.03em;line-height:1.15;margin-bottom:24px;}
.global-reach .copy > p{color:var(--slate);/*font-size:18px;*/letter-spacing:-0.02em;line-height:1.5;margin-bottom:24px;}
.region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;}
.region{border-left:4px solid var(--blue);padding:8px 0 8px 24px;}
.region h4{/*font-size:18px;*/font-weight:700;margin-bottom:4px;}
.region p{color:var(--slate);/*font-size:16px;*/}

.video-frame{
    flex:1 1 560px;min-width:300px;position:relative;height:auto;aspect-ratio:16 / 9.5;border-radius:8px;overflow:hidden;
    background:#606060;display:flex;align-items:center;justify-content:center;
}
.video-frame img.bg,
.video-frame video.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;}
.video-frame img.bg,
.video-frame video.bg,
.tech-experience .img-frame img{
    transform:translate3d(0,calc(var(--parallax-offset, 0) * 1px),0) scale(1.03);
    will-change:transform;
}
@media (prefers-reduced-motion:reduce){
    .video-frame img.bg,
    .video-frame video.bg,
    .tech-experience .img-frame img{transform:none;}
}
.play-btn{
    position:relative;z-index:2;width:106px;height:106px;border-radius:50%;
    background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.8);
    display:flex;align-items:center;justify-content:center;color:#fff;/*font-size:0;*/
}
.play-btn::before{
    content:"";display:block;width:0;height:0;
    border-top:16px solid transparent;border-bottom:16px solid transparent;
    border-left:26px solid #fff;margin-left:6px;
}

/* ===== TECH/EXPERIENCE ===== */
/* .tech-experience .section-inner{display:flex;gap:80px;align-items:center;flex-wrap:wrap;}
.tech-experience .img-frame{
  flex:1 1 420px;min-width:300px;border-radius:24px;overflow:hidden;height:500px;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.25);
}
.tech-experience .img-frame img{width:100%;height:100%;object-fit:cover;}
.tech-experience .copy{flex:1 1 420px;min-width:300px;}
.tech-experience h2{font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-0.03em;line-height:1.2;margin-bottom:24px;}
.tech-experience h2 .accent{color:var(--blue);}
.tech-experience p{color:var(--slate);font-size:18px;letter-spacing:-0.02em;margin-bottom:24px;}
.discover-link{display:flex;align-items:center;gap:16px;}
.discover-link .circle{
  width:56px;height:56px;border-radius:50%;background:var(--blue);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;
}
.discover-link span{font-weight:700;font-size:18px;} */

/* ===== VALUES ===== */
/* .values{background:var(--bg-light);}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;}
.value{position:relative;}
.value .num{
  font-size:100px;font-weight:900;color:var(--navy);opacity:.05;line-height:1;letter-spacing:-0.05em;
}
.value h3{font-size:30px;font-weight:700;letter-spacing:-0.02em;margin-top:-42px;margin-bottom:16px;}
.value p{color:var(--slate);font-size:16px;letter-spacing:-0.02em;} */

/* ===== CAREERS CTA (dark, image bg) ===== */
.careers-cta{
    position:relative;overflow:hidden;color:#fff;text-align:center;
    display:flex;align-items:center;justify-content:center;min-height:600px;padding:96px 40px;
    background:
            linear-gradient(rgba(11,18,32,.8),rgba(11,18,32,.8)),
            url(../images/general_images/team-CTA-image.jpg) center/cover no-repeat;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.careers-cta .inner{/*max-width:900px;*/display:flex;flex-direction:column;align-items:center;gap:24px;}
.careers-cta h2{/*font-size:clamp(32px,6vw,56px);*/font-weight:700;letter-spacing:-0.03em;line-height:1.1;}
.careers-cta p{/*font-size:18px;*/letter-spacing:-0.02em;/*white-space:nowrap;*/}
.careers-cta .actions{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;padding-top:24px;}

/* ===== FINAL CTA STRIP ===== */
/* .final-cta{
  background:var(--navy);border-top:1px solid rgba(255,255,255,.1);padding:96px 40px;

}
.final-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.final-cta h2{color:#fff;font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-0.02em;line-height:1.25;} */

/* ===== RESPONSIVE ===== */
@media (max-width:1024px){
    .team-grid{grid-template-columns:repeat(3,1fr);}
    .values-grid{grid-template-columns:repeat(2,1fr);gap:64px 32px;}
    .footer-top{grid-template-columns:1fr 1fr;}
}
@media (max-width:860px){
    .nav-links{display:none;}
    .nav-toggle{display:block;}
    .region-grid{grid-template-columns:1fr;}
}
@media (max-width:600px){
    section{padding:64px 20px;}
    .wrap{padding:0 20px;}
    .team-grid{grid-template-columns:1fr;}
    .team-filters{justify-content:flex-start;margin:-16px 0 40px;gap:8px;}
    .team-filter{/*font-size:12px;*/padding:9px 13px;}
    .footer-top{grid-template-columns:1fr;}
    .final-cta .wrap{flex-direction:column;text-align:center;}
}
@media only screen and (max-width: 480px) {
    h1 {
        font-size: 40px;
        line-height: 48px;
    }
}