/* ──────────────────────────────────────────────────────────────────────────
   EB.Academy Directory — shared chrome (header, hero, footer, modal)
   Linked by the English directory pages (insights, services, us-partners) so
   their nav pill, button, hero alignment, and footer stay identical.
   ────────────────────────────────────────────────────────────────────────── */
:root{
  --navy:#0F1B2D; --navy-2:#162440; --navy-deep:#0A1520;
  --orange:#EB6E21; --orange-dk:#D4601C; --orange-soft:#FEF0E8;
  --cream:#F0EDE6; --cream-2:#E8E3DA; --paper:#FFFFFF;
  --ink:#0F1B2D; --muted:#6B7E93; --line:#E4DED2; --line-2:#EFEAE0;
  --serif:'Fira Sans',sans-serif; --body:'Be Vietnam Pro',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--body);color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
.overline{font-size:12px;letter-spacing:3px;font-weight:600;text-transform:uppercase;}

/* header / nav */
header{background:var(--navy);position:sticky;top:0;z-index:40;}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;}
.brand{display:flex;align-items:center;gap:11px;}
.brand-logo{height:24px;width:auto;display:block;}
.brand-pipe{width:1px;height:20px;background:rgba(255,255,255,.15);display:block;flex-shrink:0;}
.brand .tag{font-family:var(--body);font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);}
.nav-links{display:flex;align-items:center;gap:24px;}
.nav-links a{font-size:14px;color:#C5CEDA;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:#fff;}
.nav-soon{font-size:14px;color:#5A6573;cursor:default;display:inline-flex;align-items:center;gap:6px;}
.soon-tag{font-size:10px;letter-spacing:.5px;text-transform:uppercase;background:rgba(255,255,255,.1);color:#8FA0B2;padding:2px 7px;border-radius:10px;font-weight:600;}
.btn{background:var(--orange);color:#fff;font-size:14px;font-weight:500;padding:9px 18px;border-radius:7px;border:none;cursor:pointer;transition:background .2s;font-family:var(--body);display:inline-block;}
.nav-links a.btn{color:#fff;}
.nav-links a.btn:hover{color:#fff;}
.btn:hover{background:var(--orange-dk);}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;}
.btn.ghost:hover{background:rgba(255,255,255,.08);}
.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:26px;cursor:pointer;}
.lang{display:flex;align-items:center;gap:0;background:rgba(255,255,255,.08);border-radius:8px;padding:3px;}
.lang button{appearance:none;border:none;background:transparent;color:#C5CEDA;font-family:var(--body);font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:6px;cursor:pointer;transition:.18s;}
.lang button.on{background:#fff;color:var(--navy);}
.lang button:hover:not(.on){color:#fff;}

/* hero */
.hero{background:var(--navy);padding:44px 0 46px;position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;right:-90px;top:-150px;width:300px;height:300px;border:1px solid rgba(235,110,33,.16);border-radius:50%;}
.hero-in{position:relative;z-index:2;}
.hero-in>*{max-width:680px;}
.hero .overline{color:var(--orange);margin-bottom:12px;}
.hero h1{font-family:var(--serif);color:#fff;font-size:30px;line-height:1.14;font-weight:700;letter-spacing:-.5px;}
.hero .lead{color:#AEB9C7;font-size:14.5px;line-height:1.6;margin-top:14px;}

/* footer */
footer{background:var(--navy);padding:46px 0 38px;}
.foot{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.foot-brand{max-width:240px;}
.foot-logo{height:24px;width:auto;display:block;}
.foot .slogan{color:#8A97A8;font-size:13px;font-style:italic;margin-top:6px;}
.foot-mail{display:inline-block;margin-top:14px;font-size:13px;color:var(--orange);}
.foot-mail:hover{color:#fff;}
.foot-links{display:flex;gap:54px;flex-wrap:wrap;}
.foot-links .col h5{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:12px;}
.foot-links .col a{display:block;font-size:13.5px;color:#C5CEDA;margin-bottom:9px;transition:color .2s;}
.foot-links .col a:hover{color:#fff;}
.foot-links .col span.soon-link{display:block;font-size:13.5px;color:#5A6573;margin-bottom:9px;cursor:default;}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.foot-bottom p{font-size:12px;color:#7C8A9C;}

/* request-access modal */
.eb-modal{display:none;position:fixed;inset:0;background:rgba(15,27,45,.7);z-index:200;align-items:center;justify-content:center;padding:20px;}
.eb-modal.open{display:flex;}
.eb-modal__card{position:relative;background:#fff;border-radius:16px;max-width:460px;width:100%;padding:34px 32px;box-shadow:0 24px 70px rgba(10,21,32,.4);}
.eb-modal__x{position:absolute;top:14px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--muted);line-height:1;}
.eb-modal__x:hover{color:var(--navy);}
.eb-modal__over{font-size:12px;letter-spacing:3px;font-weight:600;text-transform:uppercase;color:var(--orange);margin-bottom:12px;}
.eb-modal__h{font-family:var(--serif);font-size:23px;font-weight:700;color:var(--navy);margin-bottom:10px;}
.eb-modal__p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:22px;}

@media(max-width:860px){
  .wrap{padding:0 20px;}
  .nav-links{display:none;}
  .menu-toggle{display:block;}
  .hero h1{font-size:26px;}
}