.ticker { overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper-2); }
.ticker-track { width: max-content; display: flex; animation: ticker 34s linear infinite; }
.ticker-group { display: flex; align-items: center; gap: 24px; padding: 16px 12px; font: 500 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.ticker-group span::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--amber); margin-right: 11px; }
.ticker-group span:nth-child(3n+2)::before { background: var(--mint); }
.ticker-group span:nth-child(3n)::before { background: var(--violet); }
.section { padding: 118px 0; position: relative; }
.section.soft { background: var(--paper-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.section-head { display: grid; grid-template-columns: 180px minmax(0, 720px); gap: 30px; margin-bottom: 46px; align-items: start; }
.section-kicker { padding-top: 12px; color: var(--muted); }
.section-title { margin: 0; font-size: clamp(42px, 5.5vw, 74px); line-height: .98; letter-spacing: -.064em; }
.section-title .serif { color: #666960; }
.section-copy { grid-column: 2; max-width: 700px; color: var(--muted); font-size: 17px; line-height: 1.7; margin: -16px 0 0; }
.use-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; grid-template-rows: 310px 310px; gap: 14px; }
.use-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.68); padding: 28px; display: flex; flex-direction: column; justify-content: space-between; transition: transform .25s ease, box-shadow .25s ease; }
.use-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.use-card.primary { grid-row: 1 / 3; background: var(--inverse, #171816); color: var(--on-inverse, #fff); }
.use-card.wide { grid-column: 2 / 4; }
.use-icon { width: 48px; height: 48px; border-radius: 15px; background: var(--acid); display: grid; place-items: center; color: var(--ink); font: 500 14px/1 var(--mono); }
.use-card:nth-child(2) .use-icon { background: var(--violet); }
.use-card:nth-child(3) .use-icon { background: var(--mint); }
.use-card:nth-child(4) .use-icon { background: var(--coral); }
.use-card h3 { margin: 0 0 10px; font-size: 28px; line-height: 1.02; letter-spacing: -.055em; }
.use-card.primary h3 { font-size: 42px; }
.use-card p { margin: 0; color: var(--muted); line-height: 1.55; font-size: 13px; max-width: 500px; }
.use-card.primary p { color: rgba(255,255,255,.64); font-size: 15px; }
.flow-demo { margin-top: 30px; display: grid; gap: 8px; }
.flow-step { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: center; padding: 13px; border-radius: 14px; background: rgba(255,255,255,.08); font-size: 11px; }
.flow-step i { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: rgba(223,255,54,.16); color: var(--acid); font-style: normal; font-family: var(--mono); }
.flow-step span:last-child { color: var(--acid); font-family: var(--mono); font-size: 8px; }
.venue-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; }
.venue { min-height: 146px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.68); padding: 18px; display: flex; flex-direction: column; justify-content: space-between; transition: background .2s ease, transform .2s ease; }
.venue:hover { background: white; transform: translateY(-3px); }
.venue-mark { width: 37px; height: 37px; border-radius: 12px; display: grid; place-items: center; background: var(--inverse, #171816); color: var(--on-inverse, #fff); font: 500 10px/1 var(--mono); }
.venue:nth-child(2n) .venue-mark { background: var(--violet); color: var(--ink); }
.venue:nth-child(3n) .venue-mark { background: var(--mint); color: var(--ink); }
.venue b { font-size: 13px; }
.venue small { color: var(--muted); font-size: 10px; display: block; margin-top: 3px; }
.chain-strip { margin-top: 44px; padding: 26px; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; background: var(--inverse, #171816); color: var(--on-inverse, #fff); display: grid; grid-template-columns: 260px 1fr; gap: 30px; align-items: center; }
.chain-strip h3 { margin: 6px 0 0; font-size: 27px; line-height: 1.05; letter-spacing: -.045em; }
.chains { display: flex; flex-wrap: wrap; gap: 8px; }
.chains span { padding: 9px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.07); font-size: 10px; }
.stack-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 16px; }
.stack-intro { border-radius: var(--radius); background: var(--acid); padding: 34px; min-height: 570px; display: flex; flex-direction: column; justify-content: space-between; }
.stack-intro h3 { margin: 0; font-size: 48px; line-height: .95; letter-spacing: -.065em; }
.stack-intro p { font-size: 14px; line-height: 1.6; max-width: 390px; }
.stack-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.stack-item { border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.7); padding: 23px; min-height: 182px; }
.stack-item h4 { margin: 17px 0 7px; font-size: 18px; letter-spacing: -.035em; }
.stack-item p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.stack-num { font-family: var(--mono); font-size: 9px; color: #777970; }
.how { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; counter-reset: steps; }
.how-step { counter-increment: steps; border-top: 1px solid var(--line-strong); padding: 20px 10px 0 0; min-height: 230px; }
.how-step::before { content: "0" counter(steps); display: block; font-family: var(--mono); font-size: 10px; color: var(--muted); margin-bottom: 68px; }
.how-step h3 { margin: 0 0 9px; font-size: 21px; letter-spacing: -.045em; }
.how-step p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }