@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,400;0,500;0,600;0,700;0,800&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.chroma-home{--bg:#fff;--bg-soft:#fafaf9;--bg-sunken:#f5f5f4;--ink:#1c1917;--ink-2:#44403c;--ink-3:#78716c;--ink-4:#a8a29e;--line:#e7e5e4;--line-2:#f0eeec;--accent:#ea580c;--accent-600:#ea580c;--accent-500:#f97316;--accent-400:#fb923c;--accent-soft:#fff7ed;--accent-line:#fed7aa;--code-bg:#0c0a09;--code-bg-2:#1c1917;--code-line:#292524;--code-ink:#e7e5e4;--code-dim:#a8a29e;--polkadot:#e6007a;--ethereum:#6481e7;--solana:#14f195;--syn-key:#fdba74;--syn-str:#86efac;--syn-fn:#93c5fd;--syn-num:#f0abfc;--syn-com:#78716c;--syn-punc:#a8a29e;--syn-prop:#fcd34d;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--shadow-sm:0 1px 2px #1c19170d;--shadow-md:0 4px 14px #1c191712, 0 1px 3px #1c19170d;--shadow-lg:0 18px 50px -12px #1c19172e, 0 4px 12px #1c19170f;--maxw:1180px;--font-sans:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display:"Space Grotesk", var(--font-sans);font-family:var(--font-sans);background:var(--bg);color:var(--ink-2);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.65}.chroma-home *,.chroma-home :before,.chroma-home :after{box-sizing:border-box}.chroma-home h1,.chroma-home h2,.chroma-home h3,.chroma-home h4{color:var(--ink);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.12}.chroma-home a{color:var(--accent);text-decoration:none}.chroma-home a:hover{text-underline-offset:3px;text-decoration:underline}.chroma-home p{text-wrap:pretty;margin:0 0 1em}.chroma-home code,.chroma-home pre,.chroma-home kbd{font-family:var(--font-mono)}.chroma-home ::selection{background:var(--accent-400);color:#1c1917}.chroma-home .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.chroma-home .eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px;font-weight:600}.chroma-home .nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line);background:#ffffffd1;position:sticky;top:0}.chroma-home .nav-inner{max-width:var(--maxw);align-items:center;gap:28px;height:60px;margin:0 auto;padding:0 28px;display:flex}.chroma-home .brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:baseline;gap:1px;font-size:21px;font-weight:600;display:inline-flex}.chroma-home .brand:hover{text-decoration:none}.chroma-home .brand .dot{color:var(--accent)}.chroma-home .nav-links{align-items:center;gap:4px;margin-left:8px;display:flex}.chroma-home .nav-links a{color:var(--ink-2);border-radius:var(--r-sm);padding:7px 12px;font-size:15px;font-weight:500}.chroma-home .nav-links a:hover{color:var(--ink);background:var(--bg-sunken);text-decoration:none}.chroma-home .nav-links a.active{color:var(--accent)}.chroma-home .nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}.chroma-home .nav-version{font-family:var(--font-mono);color:var(--ink-3);border:1px solid var(--line);border-radius:100px;padding:3px 10px;font-size:12px}.chroma-home .icon-link{color:var(--ink-3);border-radius:var(--r-sm);padding:7px;display:inline-flex}.chroma-home .icon-link:hover{color:var(--ink);background:var(--bg-sunken)}.chroma-home .btn{font-family:var(--font-sans);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.chroma-home .btn:hover{text-decoration:none}.chroma-home .btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.chroma-home .btn-primary:hover{box-shadow:var(--shadow-md);background:#c2410c;transform:translateY(-1px)}.chroma-home .btn-ghost{background:var(--bg);color:var(--ink);border-color:var(--line)}.chroma-home .btn-ghost:hover{border-color:var(--ink-4);background:var(--bg-soft)}.chroma-home .cmd{font-family:var(--font-mono);background:var(--code-bg);color:var(--code-ink);border-radius:var(--r-md);align-items:center;gap:12px;padding:11px 14px 11px 16px;font-size:14px;display:inline-flex}.chroma-home .cmd .prompt{color:var(--accent-400)}.chroma-home .cmd button{background:var(--code-line);color:var(--code-dim);border-radius:var(--r-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.chroma-home .cmd button:hover{color:#fff;background:#3f3b38}.chroma-home .cmd button.copied{color:#4ade80}.chroma-home pre.code{background:var(--code-bg);color:var(--code-ink);border-radius:var(--r-lg);border:1px solid var(--code-line);margin:0;padding:20px 22px;font-size:13.5px;line-height:1.7;overflow-x:auto}.chroma-home pre.code .c{color:var(--syn-com);font-style:italic}.chroma-home pre.code .k{color:var(--syn-key)}.chroma-home pre.code .s{color:var(--syn-str)}.chroma-home pre.code .f{color:var(--syn-fn)}.chroma-home pre.code .n{color:var(--syn-num)}.chroma-home pre.code .p{color:var(--syn-prop)}.chroma-home pre.code .d{color:var(--syn-punc)}.chroma-home pre.code .g{color:var(--code-dim)}.chroma-home .code-card{border-radius:var(--r-lg);box-shadow:var(--shadow-md);border:1px solid var(--code-line);overflow:hidden}.chroma-home .code-card pre.code{border:none;border-radius:0;margin:0}.chroma-home .code-head{background:var(--code-bg-2);border-bottom:1px solid var(--code-line);align-items:center;gap:8px;height:42px;padding:0 14px;display:flex}.chroma-home .code-head .dots{gap:6px;display:flex}.chroma-home .code-head .dots i{background:#44403c;border-radius:50%;width:11px;height:11px;display:block}.chroma-home .code-head .fname{font-family:var(--font-mono);color:var(--code-dim);margin-left:6px;font-size:12.5px}.chroma-home .code-tabs{gap:2px;margin-left:auto;display:flex}.chroma-home .code-tabs button{font-family:var(--font-mono);color:var(--code-dim);border-radius:var(--r-sm) var(--r-sm) 0 0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-size:12.5px}.chroma-home .code-tabs button.active{color:#fff;border-bottom-color:var(--accent)}.chroma-home .code-tabs button:hover{color:var(--code-ink)}.chroma-home kbd{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);border-bottom-width:2px;padding:2px 6px;font-size:12px}.chroma-home .chain-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.chroma-home .footer{border-top:1px solid var(--line);background:var(--bg-soft);margin-top:0}.chroma-home .footer-inner{max-width:var(--maxw);grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin:0 auto;padding:56px 28px 40px;display:grid}.chroma-home .footer h5{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin:0 0 14px;font-size:13px;font-weight:600}.chroma-home .footer ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.chroma-home .footer ul a{color:var(--ink-2);font-size:14.5px}.chroma-home .footer ul a:hover{color:var(--accent)}.chroma-home .footer-brand .brand{font-size:22px}.chroma-home .footer-brand p{color:var(--ink-3);max-width:30ch;margin-top:12px;font-size:14px}.chroma-home .footer-bottom{border-top:1px solid var(--line);max-width:var(--maxw);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:20px 28px;font-size:13.5px;display:flex}.chroma-home .footer-bottom .mono{font-family:var(--font-mono)}.chroma-home .badge{font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink-2);background:var(--bg);border-radius:100px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.chroma-home .badge.ok{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.chroma-home .badge.soon{color:var(--ink-3);border-color:var(--line);background:var(--bg-sunken)}.chroma-home .hr{background:var(--line);border:none;height:1px;margin:0}.chroma-home .hero{position:relative;overflow:hidden}.chroma-home .hero:before{content:"";z-index:0;background:radial-gradient(900px 380px at 88% -8%,#fb923c29,#0000 60%),radial-gradient(700px 320px at 6% 4%,#fb923c12,#0000 55%);position:absolute;inset:0}.chroma-home .hero-grid{z-index:1;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;padding-block:84px 76px;display:grid;position:relative}.chroma-home .hero h1{letter-spacing:-.035em;margin:18px 0 0;font-size:clamp(38px,5vw,60px);line-height:1.04}.chroma-home .hero h1 .spectrum{background:linear-gradient(92deg,#f97316 0%,#ec4899 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.chroma-home .hero .lede{color:var(--ink-2);max-width:42ch;margin:22px 0 0;font-size:19px;line-height:1.6}.chroma-home .hero-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.chroma-home .hero-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px;font-size:14px;display:flex}.chroma-home .hero-meta .sep{background:var(--line);width:1px;height:16px}.chroma-home .chains-inline{align-items:center;gap:16px;display:flex}.chroma-home .chains-inline span{color:var(--ink-2);align-items:center;gap:7px;font-weight:500;display:inline-flex}.chroma-home .term{border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:1px solid var(--code-line);background:var(--code-bg);overflow:hidden}.chroma-home .term-head{background:var(--code-bg-2);border-bottom:1px solid var(--code-line);align-items:center;gap:8px;height:42px;padding:0 14px;display:flex}.chroma-home .term-head .dots{gap:6px;display:flex}.chroma-home .term-head .dots i{border-radius:50%;width:11px;height:11px;display:block}.chroma-home .term-head .dots i:first-child{background:#f87171}.chroma-home .term-head .dots i:nth-child(2){background:#fbbf24}.chroma-home .term-head .dots i:nth-child(3){background:#34d399}.chroma-home .term-head .ttitle{font-family:var(--font-mono);color:var(--code-dim);margin-left:6px;font-size:12.5px}.chroma-home .term-body{font-family:var(--font-mono);color:var(--code-ink);min-height:326px;padding:18px 20px;font-size:13px;line-height:1.85;overflow-x:auto}.chroma-home .tl{white-space:pre}.chroma-home .tprompt{color:var(--accent-400)}.chroma-home .tl .ok{color:#4ade80}.chroma-home .tl .dim{color:var(--code-dim)}.chroma-home .tl .num{color:#93c5fd}.chroma-home .tl .warn{color:#fcd34d}.chroma-home .tl.pass{color:#4ade80;font-weight:600}.chroma-home .cursor{background:var(--accent-400);width:8px;height:15px;margin-left:2px;animation:1s steps(2,end) infinite chroma-blink;display:inline-block;transform:translateY(2px)}@keyframes chroma-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.chroma-home section.band{padding:84px 0}.chroma-home section.band.soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chroma-home .sec-head{max-width:60ch;margin-bottom:48px}.chroma-home .sec-head h2{margin:14px 0 0;font-size:clamp(28px,3.4vw,40px)}.chroma-home .sec-head p{color:var(--ink-3);margin:16px 0 0;font-size:18px}.chroma-home .feat-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.chroma-home .feat{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;transition:border-color .15s,transform .15s,box-shadow .15s}.chroma-home .feat:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chroma-home .feat .ico{border-radius:var(--r-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border:1px solid var(--accent-line);justify-content:center;align-items:center;display:flex}.chroma-home .feat h3{margin:18px 0 8px;font-size:18px}.chroma-home .feat p{color:var(--ink-3);margin:0;font-size:14.5px}.chroma-home .show-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;display:grid}.chroma-home .show-list{flex-direction:column;gap:18px;margin:24px 0 0;padding:0;list-style:none;display:flex}.chroma-home .show-list li{gap:14px;display:flex}.chroma-home .show-list .n{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border:1px solid var(--accent-line);font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.chroma-home .show-list h4{margin:2px 0 3px;font-size:16px}.chroma-home .show-list p{color:var(--ink-3);margin:0;font-size:14.5px}.chroma-home .matrix{grid-template-columns:1fr 1fr;gap:18px;display:grid}.chroma-home .mtable{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);overflow:hidden}.chroma-home .mtable .mh{border-bottom:1px solid var(--line);color:var(--ink);align-items:center;gap:10px;padding:16px 22px;font-weight:700;display:flex}.chroma-home .mrow{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.chroma-home .mrow:last-child{border-bottom:none}.chroma-home .mrow .name{color:var(--ink);align-items:center;gap:11px;font-weight:500;display:flex}.chroma-home .mrow .ver{font-family:var(--font-mono);color:var(--ink-3);font-size:12.5px}.chroma-home .mlogo{width:26px;height:26px;font-family:var(--font-mono);color:#fff;border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.chroma-home .cta-band{background:var(--code-bg);color:#fff;border-radius:var(--r-xl);text-align:center;padding:64px;position:relative;overflow:hidden}.chroma-home .cta-band:before{content:"";background:radial-gradient(600px 240px at 50% -20%,#fb923c40,#0000 60%);position:absolute;inset:0}.chroma-home .cta-band h2{color:#fff;font-size:clamp(28px,3.4vw,40px);position:relative}.chroma-home .cta-band p{color:#d6d3d1;max-width:48ch;margin:16px auto 0;font-size:18px;position:relative}.chroma-home .cta-band .hero-cta{justify-content:center;position:relative}@media (width<=920px){.chroma-home .hero-grid,.chroma-home .show-grid{grid-template-columns:1fr;gap:40px}.chroma-home .feat-grid{grid-template-columns:repeat(2,1fr)}.chroma-home .matrix{grid-template-columns:1fr}.chroma-home .cta-band{padding:44px 24px}}@media (width<=860px){.chroma-home .nav-links{display:none}.chroma-home .footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=620px){.chroma-home .feat-grid{grid-template-columns:1fr}.chroma-home .wrap{padding:0 20px}.chroma-home .nav-inner{gap:14px;padding:0 20px}.chroma-home .nav-version{display:none}.chroma-home section.band{padding:64px 0}.chroma-home .hero-grid{padding-block:56px 60px}.chroma-home .code-head .fname{display:none}.chroma-home .code-tabs button{padding:6px 9px}.chroma-home .mrow{flex-wrap:wrap;gap:4px 12px;padding:12px 16px}.chroma-home .mtable .mh{padding:14px 16px}.chroma-home .hero-meta{gap:12px 18px}.chroma-home .hero-meta .sep{display:none}.chroma-home .footer-inner{padding:44px 20px 32px}.chroma-home .footer-bottom{padding:18px 20px}}@media (width<=520px){.chroma-home .footer-inner{grid-template-columns:1fr}}@media (width<=400px){.chroma-home .nav-inner{gap:10px}.chroma-home .brand{font-size:19px}.chroma-home .nav-right .btn-primary{padding:8px 12px}}