/* Argo Pte Ltd — site styles */
:root{
  --stone:#F2F0EA;
  --ink:#191A1E;
  --ink-soft:#45474D;
  --blue:#1860AC;          /* Argo blue, sampled from the mark */
  --quiet:#7B7E85;
  --hair:rgba(25,26,30,.16);
  --hair-fine:rgba(25,26,30,.09);
  --grot:"Inter", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --mono:"IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0; background:var(--stone); color:var(--ink);
  font-family:var(--serif); font-size:16px; line-height:1.58;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.page{ max-width:62rem; margin-inline:auto; padding-inline:clamp(1.25rem,5vw,4rem); }

.mono{ font-family:var(--mono); font-size:.7rem; font-weight:500; letter-spacing:.14em; text-transform:uppercase; }
.dot{ display:inline-block; width:.45em; height:.45em; border-radius:50%; background:var(--blue); margin-right:.55em; vertical-align:.1em; }

/* header */
header.site{
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap;
  padding-block:1.7rem 1.35rem; border-bottom:1px solid var(--hair);
}
.brand{ display:inline-flex; align-items:center; gap:.85rem; line-height:0; text-decoration:none; }
.brand .lockup{ display:flex; flex-direction:column; gap:.26rem; line-height:1; }
.brand .name{ font-family:var(--grot); font-weight:600; font-size:.86rem; letter-spacing:.01em; color:var(--ink); }
.brand .sub{ font-family:var(--mono); font-size:.58rem; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-soft); }
.mark{ width:52px; height:52px; display:block; }
nav.primary{ display:flex; gap:1.9rem; flex-wrap:wrap; }
nav.primary a{
  font-family:var(--mono); font-size:.7rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink); text-decoration:none;
  padding-bottom:4px; border-bottom:1px solid transparent;
}
nav.primary a:hover, nav.primary a:focus-visible{ border-color:var(--blue); }
nav.primary a[aria-current="page"]{ border-color:var(--blue); }

/* hero */
.hero{ padding-block:3rem 2.4rem; border-bottom:1px solid var(--hair); }
.hero .label{ color:var(--blue); }
.hero h1{
  margin:1.05rem 0 0; font-family:var(--serif); font-weight:500; letter-spacing:-.015em;
  line-height:1.08; font-size:clamp(2rem,4.4vw,3.05rem); color:var(--ink);
}
.hero .markets{ margin:.95rem 0 0; font-size:clamp(1.1rem,1.9vw,1.35rem); color:var(--ink); line-height:1.4; }
.hero .sub{ margin:.9rem 0 0; max-width:36rem; font-size:1.06rem; color:var(--ink-soft); }

/* facts strip */
.facts{
  display:flex; gap:2.4rem; flex-wrap:wrap;
  padding-block:1.7rem; border-bottom:1px solid var(--hair);
}
.fact{ flex:1 1 10rem; min-width:9rem; }
.fact .k{ color:var(--blue); display:block; margin-bottom:.5rem; }
.fact .v{ font-family:var(--grot); font-weight:600; font-size:.96rem; line-height:1.45; color:var(--ink); }

/* section label */
.seclabel{ padding-block:2.6rem 0; }
.seclabel .label{ color:var(--blue); }

/* numbered rows */
.rows{ padding-block:1rem 1.5rem; border-bottom:1px solid var(--hair); }
.rowi{
  display:flex; gap:1.5rem; align-items:baseline;
  padding-block:1.3rem; border-bottom:1px solid var(--hair-fine);
}
.rowi:last-child{ border-bottom:0; }
.rowi .num{ flex:0 0 3.2rem; font-family:var(--mono); font-size:.76rem; color:var(--blue); }
.rowi .body{ flex:1 1 auto; min-width:0; }
.rowi h2{
  margin:0; font-family:var(--grot); font-size:1.02rem; font-weight:600; letter-spacing:.01em; color:var(--ink);
}
.rowi p{ margin:.35rem 0 0; color:var(--ink-soft); font-size:1rem; max-width:42rem; }
.rowi .support-points{
  margin:.65rem 0 0; font-family:var(--mono); font-size:.68rem; font-weight:400;
  letter-spacing:.08em; text-transform:uppercase; color:var(--quiet); line-height:1.9; max-width:44rem;
}
.rowi.support .num{ color:var(--quiet); }
.rowi.support h2{ color:var(--ink-soft); font-weight:500; }
.rowi.support p{ color:var(--quiet); }

/* prose */
.prose{ padding-block:2.7rem; border-bottom:1px solid var(--hair); }
.prose p{ margin:0 0 1.1rem; max-width:38rem; font-size:1.08rem; line-height:1.64; color:var(--ink); }
.prose p:last-child{ margin-bottom:0; }

/* standing */
.standing{ padding-block:1.55rem; border-bottom:1px solid var(--hair); }
.standing .members{
  margin:0; font-family:var(--mono); font-size:.68rem; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase; color:var(--ink-soft); line-height:1.85;
}
.standing .itic{
  margin:.55rem 0 0; font-family:var(--mono); font-size:.66rem; font-weight:400;
  letter-spacing:.12em; text-transform:uppercase; color:var(--quiet);
}

/* contact block */
.contactblock{ padding-block:2.6rem; border-bottom:1px solid var(--hair); }
.contactblock .big{
  font-family:var(--serif); font-size:clamp(1.2rem,2.4vw,1.55rem); color:var(--ink);
  margin:0 0 .4rem;
}
.contactblock .big a{ color:var(--ink); text-decoration:none; border-bottom:1px solid var(--hair); }
.contactblock .big a:hover, .contactblock .big a:focus-visible{ border-color:var(--blue); }
.contactblock .addr{ margin:1.7rem 0 0; }
.contactblock .addr p{ margin:.15rem 0; font-size:1rem; color:var(--ink-soft); }
.contactblock .addr .k{ display:block; color:var(--blue); margin-bottom:.55rem; }

/* footer */
footer.site{
  display:flex; justify-content:space-between; align-items:flex-start; gap:2rem; flex-wrap:wrap;
  padding-block:2rem 2.7rem;
}
footer.site .bond{ margin:0 0 .8rem; font-size:.98rem; color:var(--ink-soft); }
footer.site .addr p{ margin:.15rem 0; font-size:.94rem; color:var(--ink-soft); }
footer.site .addr .co{ color:var(--ink); }
footer.site .meta{ display:flex; flex-direction:column; gap:.45rem; text-align:right; }
footer.site .meta a{
  font-family:var(--mono); font-size:.7rem; font-weight:500;
  letter-spacing:.13em; text-transform:uppercase;
  color:var(--ink); text-decoration:none;
  border-bottom:1px solid transparent; align-self:flex-end;
}
footer.site .meta a:hover, footer.site .meta a:focus-visible{ border-color:var(--blue); }
footer.site.slim{ padding-block:1.6rem 2.4rem; }

/* mobile — nav stays visible (no JS, fully keyboard accessible) */
@media (max-width:720px){
  header.site{ padding-block:1.3rem 1.1rem; }
  .mark{ width:44px; height:44px; }
  .brand{ gap:.7rem; }
  .brand .name{ font-size:.78rem; }
  .brand .sub{ font-size:.54rem; }
  nav.primary{ gap:1.1rem; }
  nav.primary a{ font-size:.64rem; letter-spacing:.12em; }
  .hero{ padding-block:2.3rem 2rem; }
  .facts{ gap:1.3rem; }
  .fact{ flex:1 1 40%; }
  .rowi{ flex-direction:column; gap:.3rem; }
  .rowi .num{ flex-basis:auto; }
  footer.site{ flex-direction:column; }
  footer.site .meta{ text-align:left; }
  footer.site .meta a{ align-self:flex-start; }
}

/* accessibility */
a:focus-visible{ outline:2px solid var(--blue); outline-offset:3px; }
@media (prefers-reduced-motion:reduce){ *{ transition:none !important; animation:none !important; } }