@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800;900&display=swap');

:root{
  --color-bg:#f7f1e7; --color-surface:#fffbf4; --color-text:#0f2547;
  --color-accent:#e79a1f; --color-accent-2:#14315f;
  --color-divider:color-mix(in srgb,#0f2547 14%,transparent);
  --color-accent-100:#fff6e6; --color-accent-200:#ffe9c2; --color-accent-300:#f9d38b;
  --color-accent-400:#f2b850; --color-accent-500:#e79a1f; --color-accent-600:#c47d10;
  --color-accent-700:#8f5c0b; --color-accent-800:#6b4508; --color-accent-900:#432b05;
  --color-accent-2-100:#e9eefa; --color-accent-2-200:#d3ddf1; --color-accent-2-300:#adc0e2;
  --color-accent-2-400:#7d97c6; --color-accent-2-500:#4c6ea6; --color-accent-2-600:#2c4d84;
  --color-accent-2-700:#14315f; --color-accent-2-800:#0d2245; --color-accent-2-900:#08182f;
  --font-heading:"Figtree",system-ui,sans-serif; --font-heading-weight:800;
  --navy:#0d2547; --navy-deep:#071730;
}
body{margin:0;-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{letter-spacing:-0.025em}
a{color:var(--color-accent-700);text-decoration:none}
a:hover{color:var(--color-accent-600)}
summary::-webkit-details-marker{display:none}
/* ── responsive layer (media queries cannot be inline) ── */
img{max-width:100%}
.nav-toggle{display:none}
.nav-burger{display:none}
.nav-cta-mobile{display:none!important}
@media (max-width:1080px){
  .g4,.g5,.g3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gsplit{grid-template-columns:1fr!important;gap:28px!important}
  h1{font-size:44px!important}h2{font-size:34px!important}
}
@media (max-width:900px){
  .navbar{position:relative;flex-wrap:wrap;gap:14px!important}
  .langpill{margin-left:auto;order:2}
  .nav-burger{display:inline-flex!important;order:3;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid var(--color-divider);cursor:pointer;color:var(--color-text);background:var(--color-surface)}
  .nav-burger:hover{background:var(--color-accent-100)}
  .nav-links{display:none!important}
  .nav-toggle:checked ~ .nav-links{display:flex!important;position:absolute;top:calc(100% + 15px);left:0;right:0;flex-direction:column;align-items:stretch;gap:2px!important;background:var(--color-surface);padding:14px 28px 22px;box-shadow:var(--shadow-lg);border-bottom:1px solid var(--color-divider);font-size:17px!important;margin:0!important}
  .nav-toggle:checked ~ .nav-links > a{padding:13px 0;border-bottom:1px solid var(--color-divider)}
  .nav-toggle:checked ~ .nav-links .nav-cta-mobile{display:inline-flex!important;justify-content:center;margin-top:16px;border:0}
  .nav-login{display:none!important}
}
@media (max-width:720px){
  .g2,.g3,.g4,.g5,.gsplit{grid-template-columns:1fr!important;gap:20px!important}
  .sec{padding-left:20px!important;padding-right:20px!important;padding-top:52px!important;padding-bottom:52px!important}
  .padx{padding-top:0!important}
  .navbar{padding-left:20px!important;padding-right:20px!important}
  .padlg{padding:36px 24px!important;border-radius:24px!important}
  .padmd{padding:30px 22px!important}
  .bigtype{font-size:30px!important}
  h1.bigtype{font-size:34px!important}
  h2.bigtype{font-size:26px!important}
  h1{font-size:34px!important}h2{font-size:27px!important}h3{font-size:21px!important}h4{font-size:18px!important}
  .tablewrap{overflow-x:auto!important}
  .tablewrap table{min-width:620px}
  .wrap{max-width:100%!important}
}

/* hover states lifted from the design source */
.hv1:hover{color:var(--color-accent-700)}
.hv2:hover{background:var(--color-accent-100)}
.hv3:hover{color:#fff}
.hv4:hover{background:rgba(255,255,255,.1)}
.hv5:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}