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

:root{
  --ink:#0e1a24;
  --slate:#23394E;
  --gold:#c8a75a;
  --muted:#6b7c8f;
  --hair:#e9edf2;
  --bg:#ffffff;
  --danger:#b00020;
  --softdanger:#fff7f8;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  letter-spacing:-0.01em;
}

a{color:inherit;text-decoration:none}
a:hover{opacity:.88}

.container{max-width:1120px;margin:0 auto;padding:84px 24px}
.container.narrow{max-width:780px}
.hair{height:1px;background:var(--hair);width:100%}

nav{
  position:sticky;top:0;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--hair);
  z-index:10;
}
.nav-inner{
  max-width:1120px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px
}
.brand{display:flex;align-items:baseline;gap:10px}
.brand .mark{width:10px;height:10px;border:2px solid var(--gold);border-radius:2px}
.brand .name{font-weight:600;letter-spacing:0.02em}
.brand .tag{font-size:12px;color:var(--muted)}
.menu{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted)}
.menu a{padding:6px 10px;border-radius:999px}
.menu a.active{color:var(--slate);background:#f6f8fb;border:1px solid var(--hair)}

.hero{border-top:4px solid var(--gold);border-bottom:1px solid var(--hair)}
.hero h1{font-size:56px;line-height:1.02;font-weight:500;margin:0 0 14px}
.hero h2{font-size:30px;line-height:1.25;font-weight:400;margin:0 0 22px;color:var(--slate)}
.hero p{font-size:18px;line-height:1.65;color:var(--muted);margin:0}

.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.pill{font-size:12px;color:var(--slate);border:1px solid var(--hair);padding:8px 12px;border-radius:999px}

.kicker{font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.section-title{font-size:26px;font-weight:500;margin:0 0 20px}
.lead{font-size:18px;line-height:1.7;color:var(--ink)}
.muted{color:var(--muted)}

.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.card{
  grid-column:span 6;
  border:1px solid var(--hair);
  border-radius:20px;
  padding:24px;
  background:#fff;
}
.card h3{margin:0 0 10px;font-size:16px;color:var(--slate);font-weight:600}
.card p{margin:0;color:var(--muted);line-height:1.65;font-size:14.5px}
@media (max-width:860px){
  .card{grid-column:span 12}
  .hero h1{font-size:44px}
  .hero h2{font-size:24px}
}

.list{margin:0;padding:0;list-style:none;border-top:1px solid var(--hair)}
.list li{padding:14px 0;border-bottom:1px solid var(--hair);display:flex;justify-content:space-between;gap:16px}
.list .left{font-size:15px}
.list .right{font-size:12.5px;color:var(--muted);white-space:nowrap}

.callout{
  border-left:3px solid var(--gold);
  padding:16px 18px;
  background:#fbfbfd;
  border-radius:16px;
  color:var(--slate);
  line-height:1.65;
}
.warning{
  border-left:3px solid var(--danger);
  padding:16px 18px;
  background:var(--softdanger);
  border-radius:16px;
  line-height:1.65;
}

.mock{
  border:1px solid var(--hair);
  border-radius:18px;
  padding:18px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:12px;letter-spacing:0.06em;
}
.red{color:var(--danger);font-weight:600}

footer{border-top:1px solid var(--hair);background:#fafbfd}
footer .container{padding:28px 24px}
footer p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.7}
.smallcap{font-size:11.5px;color:var(--muted)}


/* RGRA trigger section */
.section.trigger .list { list-style: none; padding-left: 0; margin-top: 12px; }
.section.trigger .list li { display:block; }


/* Added: recognition section padding + containment */
.recognition{max-width:1100px;margin:0 auto;padding:48px 24px;}
.recognition p{margin:0 0 14px 0;}
.recognition p:last-child{margin-bottom:0;}