/* Centillion Investments — shared styles */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap');
:root{
  --ink:#0F1B2D; --ink-2:#1B2A40; --ivory:#FBFAF7; --paper:#FFFFFF; --line:#E4E0D7; --line-2:#EFECE5;
  --text:#18212E; --text-2:#4A5566; --muted:#6B7483;
  --brass:#A8864B; --brass-text:#7A5F2E;
  --gain:#1F8A70; --loss:#C2512F;           /* validated polarity pair on #FBFAF7 */
  --gain-text:#17664F; --loss-text:#9E3F22;  /* text-safe steps */
  --serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans:Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --r:6px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font:15px/1.6 var(--sans);color:var(--text);background:var(--ivory);-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:.005em;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(34px,5.4vw,60px)} h2{font-size:clamp(26px,3.4vw,38px)} h3{font-size:22px}
p{margin:0 0 1em}
.wrap{max-width:1120px;margin:0 auto;padding-inline:24px}
.narrow{max-width:760px}
.eyebrow{font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-text);margin-bottom:18px}
.btn{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--sans);padding:12px 20px;border-radius:var(--r);border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.btn:hover{background:var(--ink-2)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:rgba(15,27,45,.05)}
.btn.brass{background:var(--brass);border-color:var(--brass)}
.btn.brass:hover{background:#94753F}
.btn.sm{padding:8px 12px;font-size:13px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand svg{width:30px;height:30px}
.brand b{font:600 13px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.brand small{display:block;font:500 9.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;opacity:.7;margin-top:5px}
.gain{color:var(--gain-text)} .loss{color:var(--loss-text)}
.num{font-variant-numeric:lining-nums tabular-nums}
:focus-visible{outline:2px solid var(--brass);outline-offset:2px}