/* ===== Refinement: deeper ink, finer linework, typographic mark, drafting details ===== */
:root{
  --bg:#0c2659;
  --sheet:#0e2c66;
  --deep:#0a2150;
  --fg:#eef3fc;
  --muted:#aebfe0;
  --dim:#8ea3cc;
  --line:rgba(200,218,250,.16);
  --line-2:rgba(214,228,252,.34);
  --grid:rgba(170,198,245,.055);
  --grid-major:rgba(170,198,245,.1);
  --ink:#0a2150;
  --yellow:#f3d548;
  --red:#ff8a73;
  --rail:248px;
}
body{font-size:15px;
  background-image:
    linear-gradient(var(--grid-major) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),
    linear-gradient(var(--grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid) 1px,transparent 1px),
    radial-gradient(90% 70% at 80% -10%,rgba(46,94,180,.45),transparent 60%);
  background-size:128px 128px,128px 128px,16px 16px,16px 16px,100% 100%}

.logo{color:var(--fg);text-decoration:none;align-items:center}
.wm-mark{display:block;flex-shrink:0;color:var(--fg)}
.wm{font-family:var(--display);font-stretch:125%;font-weight:700;font-size:17px;letter-spacing:.04em;line-height:1}

h2,.page-h h1,.launch-top h1,.coin-head h1,.prose h2,.modal h2,.sec-h h2,.step-h h2,.board-head h2{font-stretch:108%;font-weight:650;letter-spacing:-.015em}
.bp-hero h1{font-stretch:118%;font-weight:650;font-size:clamp(32px,4.4vw,60px);line-height:1.02;letter-spacing:-.03em;max-width:18ch}
.page-h h1,.launch-top h1{font-size:clamp(28px,3.4vw,42px)}
.coin-head h1{font-size:clamp(26px,3.2vw,38px)}
.sec-h h2{font-size:clamp(22px,2.4vw,28px)}
.bp-stat dd,.splitrow b,.big-num,.stat b,.bs-time,.bp-tick,.step-n{font-stretch:108%;font-weight:650}

.brick,.brick:not(.ghost):not(.red):not(.blue):not(.green){box-shadow:none;font-stretch:104%;font-weight:650;border-radius:1px}
.brick:hover{background:#f8e06a;box-shadow:none}
.brick:active{transform:translateY(1px);box-shadow:none}
.brick.ghost:hover{background:rgba(255,255,255,.06);border-color:var(--fg)}
.brick.lg{padding:13px 22px;font-size:14.5px}

.nav-links a{font-stretch:104%;font-weight:550;border-left:2px solid transparent}
.nav-links a[aria-current="page"]{background:rgba(255,255,255,.06);color:var(--fg);border-left-color:var(--yellow)}
.nav-links a:hover{text-decoration:none;background:rgba(255,255,255,.04)}
@media (min-width:1100px){
  .nav .wrap{background:rgba(9,30,72,.86);padding:28px 20px}
  .logo{flex-direction:row;gap:10px;padding-bottom:24px}
  .nav-links a{padding:9px 12px 9px 14px;margin-left:-2px}
}
@media (max-width:1099px){
  .nav-links a[aria-current="page"]{border-left:0;box-shadow:inset 0 -2px 0 var(--yellow)}
}

main{position:relative}
main::before{content:'';position:absolute;left:20px;right:20px;top:0;height:10px;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 80px),
    repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 16px);
  background-size:100% 10px,100% 5px;background-repeat:no-repeat;border-top:1px solid var(--line-2)}
@media (min-width:1100px){main::before{left:40px;right:40px}}

.hero-media{border-color:var(--line-2);box-shadow:0 30px 60px -30px rgba(2,10,30,.8)}
.bp-tb{border-color:var(--line-2)}
.bp-sheet::before,.bp-sheet::after{border-color:var(--muted)}
.bp-side .lede{font-size:17px;color:var(--muted)}
.bp-stats{border-top-color:var(--line-2)}
.bp-stat dd{font-size:26px}
.bp-steps::before{border-top-color:var(--line-2)}
.bp-tick{border-color:var(--line-2);font-size:13px;width:32px;height:32px}
.bp-steps::before{top:15px}
.bp-steps li:first-child .bp-tick{background:var(--fg);border-color:var(--fg)}
.bp-steps h3{font-stretch:104%;font-weight:650;font-size:17px}

.page-h,.launch-top,.coin-head{border-bottom-color:var(--line-2)}
.modal{box-shadow:0 40px 80px -30px rgba(2,10,30,.9)}
.toast{box-shadow:0 20px 40px -16px rgba(2,10,30,.8)}
.gtile{padding:16px}
.gt-body>b{font-stretch:104%;font-weight:650;font-size:17px}
.gt-mcap{background:var(--fg)}

footer{border-top:0;margin-top:80px}
footer .wrap{display:block;padding-block:0 36px}
.tb{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.6fr;border:1px solid var(--line-2);font-size:13.5px;color:var(--fg)}
.tb-cell{padding:12px 16px;border-right:1px solid var(--line-2);min-width:0}
.tb-cell:last-child{border-right:0}
.tb-cell small{display:block;font-size:11.5px;color:var(--dim);margin-bottom:2px}
.tb-name span{font-stretch:118%;font-weight:650}
.tb-links span{display:flex;flex-wrap:wrap;gap:4px 16px}
.tb-links a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.tb-links a:hover{text-decoration-color:var(--yellow)}
@media (max-width:900px){
  .tb{grid-template-columns:1fr 1fr}
  .tb-cell:nth-child(2){border-right:0}
  .tb-cell:nth-child(-n+2){border-bottom:1px solid var(--line-2)}
}
@media (max-width:560px){
  .wm{font-size:15px}
  main::before{left:16px;right:16px}
  .tb{grid-template-columns:1fr}
  .tb-cell{border-right:0;border-bottom:1px solid var(--line-2)}
  .tb-cell:last-child{border-bottom:0}
}
.cols2>.fs+.fs{margin-top:0}