:root{
  --navy-900:#1B3760; --navy-800:#245093; --navy-700:#3568AD; --navy-50:#EEF3FA;
  --steel-400:#6BA4D9; --steel-300:#A4C5E5; --accent:#D4B370;
  --line:rgba(36,80,147,.12); --line-strong:rgba(36,80,147,.22);
  --text:#1B3760; --text-2:#5A6B85; --text-3:#8895AC;
  --bg:#FCFCF9; --bg-2:#F4F6FA; --white:#FFFFFF;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'IBM Plex Sans',sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.container{max-width:1280px;margin:0 auto;padding:0 32px}

/* UTILITY BAR */
.utility-bar{background:var(--navy-900);color:var(--steel-300);font-size:12px}
.utility-bar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 32px}
.utility-bar a{color:inherit;text-decoration:none}
.utility-bar a:hover{color:var(--white)}
.utility-bar .left{display:flex;gap:24px}
.utility-bar .right{display:flex;gap:18px;align-items:center}
.lang-switch{display:flex;gap:4px}
.lang-switch span,.lang-switch a{padding:0 6px;cursor:pointer;color:inherit;text-decoration:none}
.lang-switch a:hover{color:var(--white)}
.lang-switch span.active,.lang-switch a.active{color:var(--white);border-bottom:1px solid var(--steel-400)}

/* HEADER */
.site-header{background:var(--navy-800);color:var(--white);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:18px 32px}
.brand{font-weight:500;font-size:18px;letter-spacing:2px;text-decoration:none;color:var(--white);display:inline-flex;align-items:center}
.brand-accent{color:var(--steel-300)}
.brand-dot{display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:12px;transform:rotate(45deg)}
.main-nav{display:flex;gap:26px;font-size:14px}
.main-nav a{color:var(--steel-300);text-decoration:none;position:relative;padding:6px 0;transition:color .2s}
.main-nav a:hover,.main-nav a.active{color:var(--white)}
.main-nav a.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent)}
.header-actions{display:flex;align-items:center;gap:18px}
.icon-btn{background:none;border:none;color:var(--steel-300);font-size:18px;cursor:pointer;padding:6px;transition:color .2s}
.icon-btn:hover{color:var(--white)}
.btn-primary{background:var(--accent);color:var(--navy-900);border:none;padding:9px 20px;border-radius:2px;font-size:13px;font-weight:500;letter-spacing:.5px;cursor:pointer;text-decoration:none;display:inline-block;font-family:inherit;transition:all .2s}
.btn-primary:hover{background:var(--white)}
.btn-secondary{background:transparent;color:var(--white);border:1px solid var(--steel-300);padding:9px 20px;border-radius:2px;font-size:13px;font-weight:500;letter-spacing:.5px;cursor:pointer;text-decoration:none;display:inline-block;font-family:inherit;transition:all .2s}
.btn-secondary:hover{background:var(--white);color:var(--navy-800);border-color:var(--white)}

/* HERO */
.hero{position:relative;color:var(--white);overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(95deg,rgba(36,80,147,.95) 0%,rgba(36,80,147,.78) 45%,rgba(27,55,96,.55) 100%),url('/assets/landing/img/hero-bg.jpg');background-size:cover;background-position:center;pointer-events:none}
.hero-bg::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 119px,rgba(255,255,255,.04) 119px,rgba(255,255,255,.04) 120px)}
.hero .container{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:110px 32px 120px;align-items:center}
.hero-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--steel-300);letter-spacing:3px;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:fadeUp .8s ease both}
.hero-eyebrow::before{content:'';display:block;width:32px;height:1px;background:var(--accent)}
.hero h1{font-family:'IBM Plex Serif',serif;font-weight:400;font-size:clamp(36px,4.5vw,56px);line-height:1.1;letter-spacing:-.01em;margin-bottom:28px;animation:fadeUp .9s .1s ease both}
.hero h1 em{font-style:italic;color:var(--steel-300)}
.hero-lead{font-size:16px;line-height:1.7;color:#DCE5F1;max-width:540px;margin-bottom:36px;animation:fadeUp 1s .2s ease both}
.hero-cta{display:flex;gap:14px;align-items:center;animation:fadeUp 1.1s .3s ease both}
.hero-cta .btn-primary,.hero-cta .btn-secondary{padding:14px 28px;font-size:14px}

.hero-side{background:rgba(27,55,96,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);padding:28px;position:relative;animation:fadeUp 1.2s .4s ease both}
.hero-side::before{content:'';position:absolute;top:-1px;left:-1px;width:24px;height:24px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}
.hero-side::after{content:'';position:absolute;bottom:-1px;right:-1px;width:24px;height:24px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}
.hero-side-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--steel-300);margin-bottom:18px}
.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.18)}
.metric{background:rgba(27,55,96,.85);padding:18px 16px}
.metric-value{font-family:'IBM Plex Serif',serif;font-size:32px;font-weight:400;color:var(--white);line-height:1;margin-bottom:6px}
.metric-value sub{font-size:13px;color:var(--steel-300);font-weight:400;vertical-align:baseline}
.metric-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;color:var(--steel-300);text-transform:uppercase}

/* STATS BAR */
.stats-bar{background:var(--white);border-bottom:1px solid var(--line)}
.stats-bar .container{display:grid;grid-template-columns:repeat(3,1fr);padding:0}
.stats-bar .stat{padding:28px 24px;border-right:1px solid var(--line)}
.stats-bar .stat:last-child{border-right:none}
.stats-bar .stat-num{font-family:'IBM Plex Serif',serif;font-size:36px;font-weight:400;color:var(--navy-800);line-height:1;margin-bottom:8px}
.stats-bar .stat-label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.5px;color:var(--text-3);text-transform:uppercase}

/* SECTION */
.section{padding:100px 0}
.section-tight{padding:70px 0}
.section-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--navy-700);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px}
.section-eyebrow::before{content:'';display:block;width:32px;height:1px;background:var(--accent)}
.section h2{font-family:'IBM Plex Serif',serif;font-weight:400;font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.01em;color:var(--navy-800);margin-bottom:24px;max-width:800px}
.section h2 em{font-style:italic;color:var(--text-2)}
.section-intro{font-size:16px;line-height:1.7;color:var(--text-2);max-width:680px;margin-bottom:56px}

/* DIRECTIONS */
.directions-section{background:var(--white)}
.directions{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);background:var(--line);gap:1px}
.direction{background:var(--white);display:flex;flex-direction:column;cursor:pointer;transition:background .25s}
.direction:hover{background:var(--bg-2)}
.direction:hover .direction-arrow{color:var(--navy-800);transform:translateX(4px)}
.direction:hover .direction-img{transform:scale(1.04)}
.direction-img-wrap{width:100%;height:200px;overflow:hidden}
.direction-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.direction-body{padding:28px 32px 32px;display:flex;flex-direction:column;gap:10px;flex:1}
.direction-num{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;color:var(--text-3)}
.direction-title{font-size:20px;font-weight:500;color:var(--navy-800);margin-top:4px}
.direction-desc{font-size:14px;line-height:1.6;color:var(--text-2);margin-bottom:auto}
.direction-arrow{align-self:flex-end;font-size:20px;color:var(--text-3);transition:all .2s;margin-top:12px}

/* CLIENTS */
.clients-section{background:var(--bg-2);border-bottom:1px solid var(--line)}
.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line-strong);border:1px solid var(--line-strong)}
.client{padding:24px 18px;display:flex;align-items:center;justify-content:center;transition:background .2s;min-height:120px}
.client--light{background:var(--white);color:var(--text-2)}
.client--light:hover{background:var(--navy-50)}
.client--dark{background:var(--navy-800);color:var(--steel-300)}
.client--dark:hover{background:var(--navy-700)}
.client img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain;transition:transform .25s}
.client:hover img{transform:scale(1.04)}

/* GEOGRAPHY */
.geography-section{background:var(--navy-800);color:var(--white);position:relative;overflow:hidden}
.geography-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.06) 0%,transparent 35%),radial-gradient(circle at 80% 70%,rgba(212,179,112,.05) 0%,transparent 35%);pointer-events:none}
.geography-section .container{position:relative}
.geography-section .section-eyebrow{color:var(--steel-300)}
.geography-section .section-eyebrow::before{background:var(--accent)}
.geography-section h2{color:var(--white)}
.geography-section h2 em{color:var(--steel-300)}
.geography-section .section-intro{color:#D5DEEC}
.continents{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);margin-bottom:32px}
.continent{background:var(--navy-800);padding:26px 22px;display:flex;flex-direction:column;gap:10px}
.continent-icon{font-size:28px;color:var(--accent);margin-bottom:4px}
.continent-name{font-family:'IBM Plex Serif',serif;font-size:18px;font-weight:400;color:var(--white)}
.continent-countries{font-size:12px;color:var(--steel-300);line-height:1.6}
.continent-count{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:1.5px;margin-top:auto}
.countries-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.country{background:var(--navy-800);padding:18px 14px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--white);transition:background .2s}
.country:hover{background:var(--navy-700)}
.country-flag{font-size:20px;line-height:1}

/* WHY US */
.why-section{background:var(--bg)}
.why-grid{display:grid;grid-template-columns:280px 1fr;gap:80px;align-items:start}
.why-grid h2{margin-bottom:0}
.why-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line-strong)}
.why-item{padding:32px 28px 32px 0;border-bottom:1px solid var(--line)}
.why-item:nth-child(odd){padding-right:28px;border-right:1px solid var(--line)}
.why-item:nth-child(even){padding-left:28px}
.why-item-num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--navy-700);letter-spacing:2px;margin-bottom:14px}
.why-item-title{font-family:'IBM Plex Serif',serif;font-size:22px;font-weight:400;color:var(--navy-800);margin-bottom:12px;line-height:1.3}
.why-item-desc{font-size:14px;line-height:1.7;color:var(--text-2)}

/* INDUSTRIES (with photos) */
.industries-section{background:var(--white)}
.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.industry-card{position:relative;aspect-ratio:4/5;overflow:hidden;cursor:default}
.industry-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.industry-card:hover .industry-card-img{transform:scale(1.06)}
.industry-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,55,96,.1) 0%,rgba(27,55,96,.85) 75%)}
.industry-card-content{position:absolute;bottom:0;left:0;right:0;padding:24px 22px;color:var(--white)}
.industry-card-num{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;color:var(--accent);margin-bottom:8px}
.industry-card-name{font-family:'IBM Plex Serif',serif;font-size:22px;font-weight:400;line-height:1.2;color:var(--white)}
.industry-card-desc{font-size:12px;color:#D5DEEC;line-height:1.55;margin-top:6px}

/* CTA STRIP */
.cta-strip{background:var(--navy-900);color:var(--white);padding:56px 0;border-bottom:4px solid var(--accent)}
.cta-strip .container{display:flex;align-items:center;justify-content:space-between;gap:32px}
.cta-strip-text{font-family:'IBM Plex Serif',serif;font-size:28px;font-weight:400;line-height:1.3;max-width:640px}
.cta-strip-text em{font-style:italic;color:var(--steel-300)}
.cta-strip .btn-primary{padding:14px 30px;font-size:14px}

/* FOOTER */
.site-footer{background:var(--navy-900);color:var(--steel-300);padding:60px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand{color:var(--white);margin-bottom:16px;display:block;font-size:18px}
.footer-tagline{font-size:13px;line-height:1.7;color:var(--text-3);max-width:320px}
.footer-col h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;color:var(--accent);margin-bottom:16px;font-weight:500;text-transform:uppercase}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col a{color:var(--steel-300);text-decoration:none;font-size:14px;transition:color .2s}
.footer-col a:hover{color:var(--white)}
.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;font-size:12px;color:var(--text-3)}
.footer-bottom .legal{display:flex;gap:24px}
.footer-bottom a{color:inherit;text-decoration:none}
.footer-bottom a:hover{color:var(--white)}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
[data-reveal]{opacity:0;transform:translateY(24px);transition:all .8s cubic-bezier(.2,.6,.2,1)}
[data-reveal].in{opacity:1;transform:translateY(0)}

/* RESPONSIVE */
@media (max-width:1024px){
  .hero .container{grid-template-columns:1fr;gap:48px;padding:64px 32px 80px}
  .stats-bar .container{grid-template-columns:1fr}
  .stats-bar .stat{border-right:none;border-bottom:1px solid var(--line)}
  .stats-bar .stat:last-child{border-bottom:none}
  .directions{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr;gap:32px}
  .industries-grid{grid-template-columns:repeat(2,1fr)}
  .clients-grid{grid-template-columns:repeat(3,1fr)}
  .continents{grid-template-columns:repeat(2,1fr)}
  .countries-strip{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .container,.hero .container,.utility-bar .container,.site-header .container{padding-left:20px;padding-right:20px}
  .section{padding:64px 0}
  .main-nav,.utility-bar .left{display:none}
  .hero .container{padding-top:48px;padding-bottom:64px}
  .hero h1{font-size:32px}
  .hero-cta{flex-direction:column;align-items:stretch;gap:10px}
  .hero-cta .btn-primary,.hero-cta .btn-secondary{text-align:center}
  .industries-grid{grid-template-columns:1fr}
  .clients-grid{grid-template-columns:repeat(2,1fr)}
  .continents{grid-template-columns:1fr}
  .countries-strip{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .cta-strip .container{flex-direction:column;align-items:flex-start;gap:24px}
  .cta-strip-text{font-size:22px}
  .why-list{grid-template-columns:1fr}
  .why-item:nth-child(odd){border-right:none;padding-right:0}
  .why-item:nth-child(even){padding-left:0}
}