:root{
  --bg:#08070a;
  --panel:#0e0b11;
  --panel2:#130d17;
  --text:#f6f1f5;
  --muted:#b9afb9;
  --pink:#ff2a9a;
  --pink2:#e61886;
  --cyan:#52f6ff;
  --line:#332a36;
  --egg:#6e2579;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 82% 4%, rgba(255,42,154,.10), transparent 23rem),
    radial-gradient(circle at 5% 32%, rgba(82,246,255,.035), transparent 30rem),
    var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.62;
}
a{color:inherit;text-decoration:none}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.shell{width:min(1120px,calc(100% - 38px));margin:auto}
.topbar{
  height:68px;display:flex;align-items:center;justify-content:space-between;
  padding:0 max(20px,calc((100vw - 1120px)/2));
  border-bottom:1px solid var(--line);background:rgba(8,7,10,.9);
  backdrop-filter:blur(14px);position:sticky;top:0;z-index:20
}
.brand{font-weight:900;letter-spacing:.04em}.brand span{color:var(--pink);font-weight:750}
.toplinks{display:flex;gap:22px;font-size:.78rem;font-weight:850;letter-spacing:.08em}
.toplinks a:hover{color:var(--pink)}
.hero{text-align:center;padding:76px 0 70px;border-bottom:1px solid var(--line)}
.logo{width:min(520px,86vw);height:auto;display:block;margin:0 auto 30px;filter:drop-shadow(0 10px 42px rgba(255,42,154,.12))}
.tagline{font-weight:900;letter-spacing:.18em;font-size:.77rem;color:var(--cyan)}
.hero h1,.block h2,.lr-band h2,.coin h2,.links h2{
  line-height:.98;letter-spacing:-.045em;margin:18px 0 24px;
  font-size:clamp(2.3rem,5.4vw,4.9rem);font-weight:950
}
.hero h1 em,.coin h2 em{font-style:normal;color:var(--pink)}
.lead{max-width:820px;margin:0 auto;font-size:clamp(1.05rem,1.7vw,1.35rem);color:#ded6df}
.lead strong{color:white}
.chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:32px}
.chips span{border:1px solid var(--line);padding:9px 13px;font-size:.74rem;font-weight:850;letter-spacing:.08em;color:#d9d1da;background:#0b090d}
.block,.coin,.links{padding:76px 0;border-bottom:1px solid var(--line)}
.label{color:var(--cyan);font-size:.76rem;font-weight:900;letter-spacing:.14em;margin-bottom:28px}
.story{max-width:900px;font-size:1.08rem;color:#d8d0d9}
.story strong{color:white}
.bigline{margin-top:36px;font-size:clamp(1.35rem,2.2vw,2rem);color:white}
.formula{margin:0 calc(50% - 50vw);padding:56px max(20px,calc((100vw - 1120px)/2));background:#0c090e;border-top:1px solid #231c26;border-bottom:1px solid #231c26}
.formula-row{display:flex;justify-content:space-between;gap:30px;padding:15px 0;border-bottom:1px solid #2b222e;font-weight:950;font-size:clamp(1.2rem,2.7vw,2.3rem);letter-spacing:-.035em}
.formula-row span{color:#9b8f9e}.formula-row b{color:white}.formula-row.later b{color:var(--pink)}
.cn1-note{text-align:right;color:var(--pink);font-weight:800;font-style:italic;margin:18px 0 0}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cards article,.status-grid>div{border:1px solid var(--line);background:linear-gradient(160deg,#100c12,#0a080b);padding:28px}
.cards small,.status-grid small,.triptych small,.linkgrid small{color:var(--cyan);font-weight:900;letter-spacing:.12em;font-size:.7rem}
.cards h2{font-size:clamp(1.55rem,2.5vw,2.5rem);margin:12px 0 14px;letter-spacing:-.035em}
.cards p{color:var(--muted);margin-bottom:20px}
.cards a{color:white;font-weight:850;font-size:.84rem}.cards a:hover{color:var(--pink)}
.lr-band{margin:0 calc(50% - 50vw);padding:72px max(20px,calc((100vw - 1120px)/2));background:
  linear-gradient(120deg,rgba(255,42,154,.11),transparent 46%),
  #0b090d;border-bottom:1px solid var(--line)}
.lr-band>div:first-child{max-width:800px}
.lr-band p{color:#c9beca;font-size:1.06rem}
.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}
.triptych>div{position:relative;border:1px solid var(--line);padding:22px;background:#0e0b10}
.triptych b{display:block;font-size:1.25rem;margin-top:6px}
.triptych i{position:absolute;top:12px;right:12px;color:var(--pink);font-size:.66rem;font-style:normal;font-weight:900}
.build h2 span{color:var(--pink)}
.build>p{max-width:850px;color:#cfc5d0;font-size:1.04rem}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.status-grid p{color:#c1b7c3;margin:15px 0 0}
.roadmap-note{margin-top:26px!important;color:var(--pink)!important;font-weight:900;letter-spacing:.08em;font-size:.82rem!important}
.coin p{max-width:860px;color:#cec4cf;font-size:1.04rem}
.coin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px}
.coin-grid span{border:1px solid var(--line);padding:15px;font-size:.75rem;color:#a99fab}
.coin-grid b{display:block;color:white;margin-top:4px}
.muted{font-size:.86rem!important;color:#938894!important}
.links h2{font-size:clamp(2.2rem,4.8vw,4.4rem)}
.linkgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.linkgrid a{min-height:132px;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;justify-content:flex-end;background:#0c090e;transition:.15s}
.linkgrid a:hover{transform:translateY(-2px);border-color:var(--pink);background:#120b12}
.linkgrid b{font-size:1.05rem;margin:8px 0 4px}
.linkgrid span{color:#b9afb9;font-size:.86rem}
.final{margin-top:28px}
.primary{display:inline-block;background:var(--pink);color:white;padding:13px 18px;font-weight:900;letter-spacing:.06em;font-size:.82rem;transform:skew(-2deg)}
.primary:hover{background:#ff45aa}
footer{padding:34px 20px 45px;text-align:center;display:flex;flex-direction:column;gap:4px;color:#918793}
footer b{color:white}footer span{color:var(--pink);font-weight:850}footer small{font-size:.65rem;letter-spacing:.08em;margin-top:8px}
@media(max-width:820px){
  .toplinks a:nth-child(1){display:none}
  .cards,.status-grid{grid-template-columns:1fr}
  .triptych{grid-template-columns:1fr}
  .coin-grid{grid-template-columns:1fr 1fr}
  .linkgrid{grid-template-columns:1fr 1fr}
  .formula-row{flex-direction:column;gap:3px}
}
@media(max-width:520px){
  .shell{width:min(100% - 26px,1120px)}
  .topbar{height:58px;padding:0 13px}.toplinks{gap:12px;font-size:.66rem}
  .hero{padding:55px 0 50px}.logo{width:95%;margin-bottom:22px}
  .block,.coin,.links{padding:56px 0}
  .linkgrid,.coin-grid{grid-template-columns:1fr}
  .linkgrid a{min-height:112px}
}


/* V1.1 — exact supplied CN1 project header + less duplicative manifesto layout */
.project-header{
  width:min(560px,72vw);
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto 26px;
  border:0;
  box-shadow:none;
  background:transparent;
}
.pillars{display:block}
.pillar{
  display:grid;
  grid-template-columns:minmax(270px,.9fr) 1.35fr;
  gap:34px;
  padding:28px 0;
  border-top:1px solid var(--line);
  align-items:start;
}
.pillar:last-child{border-bottom:1px solid var(--line)}
.pillar small{
  color:var(--cyan);
  font-weight:900;
  letter-spacing:.12em;
  font-size:.72rem;
}
.pillar h2{
  font-size:clamp(1.7rem,3vw,2.8rem);
  margin:8px 0 0;
}
.pillar p{
  margin:0;
  color:#c9beca;
  font-size:1.02rem;
}
.pillar a{color:white;font-weight:850}
.pillar a:hover{color:var(--pink)}
.compact-links a{min-height:108px}
.compact-links b{font-size:1.03rem}
@media(max-width:760px){
  .pillar{grid-template-columns:1fr;gap:10px}
  .project-header{width:min(440px,86vw)}
}