/* Home-specific sections */
.kpibar{position:relative;z-index:2;margin-top:-52px}
.kpibar .card{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;overflow:hidden}
.kpibar .cell{padding:22px 24px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}
.kpibar .cell:last-child{border-right:0}
.kpibar .cell .l{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:7px}
.kpibar .cell .n{font-family:var(--mono);font-size:clamp(22px,2.6vw,30px);font-weight:800;
  background:linear-gradient(135deg,var(--gold),var(--orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:760px){.kpibar{margin-top:-30px}.kpibar .card{grid-template-columns:1fr 1fr}.kpibar .cell:nth-child(2n){border-right:0}.kpibar .cell{border-bottom:1px solid var(--line)}}

/* nations */
.nation{position:relative;overflow:hidden}
.nation::before{content:"";position:absolute;inset:0;opacity:.14;pointer-events:none}
.nation.bcu::before{background:radial-gradient(120% 90% at 100% 0,#2f7fff,transparent 60%)}
.nation.ani::before{background:radial-gradient(120% 90% at 100% 0,#ff5a2a,transparent 60%)}
.nation .tag2{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--dim);text-transform:uppercase}
.nation h3.big{font-size:22px;margin:8px 0 6px}
.nation ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.nation li{position:relative;padding-left:20px;color:var(--dim);font-size:14px}
.nation li::before{content:"▸";position:absolute;left:0;color:var(--orange)}

/* quickstart steps */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.step{position:relative;padding-left:0}
.step .num{font-family:var(--mono);font-size:13px;font-weight:800;color:#1a0a02;width:34px;height:34px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--orange),var(--orange-deep));
  box-shadow:0 6px 18px rgba(255,140,26,.4);margin-bottom:14px}
.step h4{font-size:16px;margin-bottom:7px}
.step p{color:var(--dim);font-size:14px;line-height:1.55}

/* features */
.feat .ico{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,140,26,.1);border:1px solid var(--line);margin-bottom:14px;font-size:22px}

/* news */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:860px){.news{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.news{grid-template-columns:1fr}}
.news-card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:13px;padding:20px;transition:border-color .18s,transform .18s}
.news-card:hover{border-color:var(--line-2);transform:translateY(-3px)}
.news-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:var(--mono);font-size:11px}
.news-au{color:var(--orange-soft);font-weight:700;letter-spacing:1px}
.news-when{color:var(--mute)}
.news-body{color:var(--dim);font-size:14px;line-height:1.6}
.news-body a{color:var(--gold)}

/* cta banner */
.cta-banner{position:relative;border-radius:18px;overflow:hidden;padding:56px 40px;text-align:center;
  background:linear-gradient(120deg,rgba(28,15,10,.9),rgba(15,8,6,.9));border:1px solid var(--line-2)}
.cta-banner::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background:radial-gradient(80% 120% at 50% -20%,rgba(255,140,26,.35),transparent 60%)}
.cta-banner h2{position:relative;font-size:clamp(26px,4vw,42px);font-weight:900;line-height:1.05}
.cta-banner p{position:relative;color:var(--dim);margin:12px auto 26px;max-width:48ch}
.cta-banner .cta{position:relative;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}