.hero{padding:var(--txkit-space-24) 0 var(--txkit-space-16);position:relative;overflow:hidden}.hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--txkit-space-16);align-items:center}.hero__copy{display:flex;flex-direction:column;gap:var(--txkit-space-6)}.hero__pill{display:inline-flex;align-self:flex-start;padding:var(--txkit-space-2) var(--txkit-space-3);font-size:.75rem;font-weight:500;letter-spacing:.02em;color:var(--txkit-color-text-secondary);background:var(--txkit-color-bg-elevated);border:1px solid var(--txkit-color-border);border-radius:var(--txkit-radius-pill)}.hero__title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:600;line-height:1.05;letter-spacing:-.03em;margin:0;color:var(--txkit-color-text)}.hero__sub{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55;color:var(--txkit-color-text-secondary);margin:0;max-width:36rem}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--txkit-space-3);margin-top:var(--txkit-space-2)}.hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--txkit-space-2);min-height:48px;padding:0 var(--txkit-space-6);font-size:.9375rem;font-weight:500;border-radius:var(--txkit-radius-pill);transition:background var(--txkit-duration-fast) var(--txkit-easing),color var(--txkit-duration-fast) var(--txkit-easing),border-color var(--txkit-duration-fast) var(--txkit-easing),transform var(--txkit-duration-fast) var(--txkit-easing);cursor:pointer}.hero__cta--primary{background:var(--txkit-color-primary);color:#fff}.hero__cta--primary:hover{background:var(--txkit-color-primary-hover);transform:translateY(-1px)}.hero__cta--ghost{background:transparent;color:var(--txkit-color-text-secondary);border:1px solid var(--txkit-color-border-strong)}.hero__cta--ghost:hover{color:var(--txkit-color-text);border-color:var(--txkit-color-text-tertiary)}.hero__cta-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;opacity:.7;transition:opacity var(--txkit-duration-fast) var(--txkit-easing)}.hero__cta--ghost:hover .hero__cta-icon{opacity:1}.hero__cta-icon--check{display:none;color:var(--txkit-color-lime);opacity:1}.hero__cta--copied .hero__cta-icon--copy{display:none}.hero__cta--copied .hero__cta-icon--check{display:inline-flex}.hero__credibility{display:flex;flex-wrap:wrap;gap:var(--txkit-space-2);font-size:.8125rem;color:var(--txkit-color-text-tertiary);margin:0;margin-top:var(--txkit-space-2)}.hero__credibility-sep{opacity:.5}.hero__visual{display:flex;align-items:center;justify-content:center;position:relative}.hero__diagram-wrap{width:100%;max-width:480px;aspect-ratio:1 / 1;position:relative}.hero__diagram{width:100%;height:100%;display:block}@media(max-width:960px){.hero{padding:var(--txkit-space-12) 0 var(--txkit-space-12)}.hero__inner{grid-template-columns:1fr;gap:var(--txkit-space-8)}.hero__diagram-wrap{max-width:360px;margin:0 auto}}@media(max-width:480px){.hero__diagram-wrap{max-width:280px}.hero__credibility{flex-direction:column;gap:var(--txkit-space-1)}.hero__credibility-sep{display:none}}.dps{padding:var(--txkit-space-16) 0;border-top:1px solid var(--txkit-color-border)}.dps__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--txkit-space-12)}.dps__col{display:flex;flex-direction:column;gap:var(--txkit-space-3);padding-right:var(--txkit-space-8);border-right:1px solid var(--txkit-color-border)}.dps__col:last-child{border-right:none;padding-right:0}.dps__icon{color:var(--txkit-color-primary);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--txkit-color-border-strong);border-radius:var(--txkit-radius-md);margin-bottom:var(--txkit-space-2);background:var(--txkit-color-bg-elevated)}.dps__icon svg{width:20px;height:20px;display:block}.dps__title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0}.dps__description{font-size:.9375rem;line-height:1.55;color:var(--txkit-color-text-secondary);margin:0}.dps__code{background:var(--txkit-color-bg-elevated);border:1px solid var(--txkit-color-border);border-radius:var(--txkit-radius-md);padding:var(--txkit-space-4);font-size:.8125rem;line-height:1.6;color:var(--txkit-color-text-secondary);margin:var(--txkit-space-2) 0 0;overflow-x:auto;white-space:pre}@media(max-width:900px){.dps__grid{grid-template-columns:1fr;gap:var(--txkit-space-8)}.dps__col{padding-right:0;padding-bottom:var(--txkit-space-8);border-right:none;border-bottom:1px solid var(--txkit-color-border)}.dps__col:last-child{border-bottom:none;padding-bottom:0}}.code-example{padding:var(--txkit-space-16) 0;border-top:1px solid var(--txkit-color-border)}.code-example__inner{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--txkit-space-8);align-items:stretch}.code-example__code{background:var(--txkit-color-bg-elevated);border:1px solid var(--txkit-color-border);border-radius:var(--txkit-radius-lg);overflow:hidden}.code-example__chrome{display:flex;align-items:center;gap:var(--txkit-space-2);padding:var(--txkit-space-3) var(--txkit-space-4);border-bottom:1px solid var(--txkit-color-border);background:#ffffff05}.code-example__dot{width:10px;height:10px;border-radius:50%;background:var(--txkit-color-border-strong)}.code-example__filename{margin-left:var(--txkit-space-3);font-size:.75rem;color:var(--txkit-color-text-tertiary)}.code-example__pre{margin:0;padding:var(--txkit-space-6);font-size:.875rem;line-height:1.7;overflow-x:auto;white-space:pre;color:var(--txkit-color-text)}.code-example__caret{display:inline-block;margin-left:2px;color:var(--txkit-color-primary);animation:caret-blink 1s steps(2) infinite}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.code-example__caret{animation:none}}.tok-kw{color:#c084fc}.tok-fn{color:#93c5fd}.tok-str{color:#84cc16}.tok-tag{color:#f472b6}.tok-attr{color:#94a3b8}.code-example__preview{display:flex;align-items:center}.tx-mock{width:100%;background:var(--txkit-color-bg-elevated);border:1px solid var(--txkit-color-border-strong);border-radius:var(--txkit-radius-lg);padding:var(--txkit-space-6);display:flex;flex-direction:column;gap:var(--txkit-space-6);box-shadow:0 8px 32px #0006}.tx-mock__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--txkit-space-3);padding-bottom:var(--txkit-space-6);border-bottom:1px solid var(--txkit-color-border)}.tx-mock__heading{display:flex;flex-direction:column;gap:2px;min-width:0}.tx-mock__function{font-size:1.125rem;font-weight:600;color:var(--txkit-color-text);letter-spacing:-.02em}.tx-mock__signature{font-size:.75rem;color:var(--txkit-color-text-tertiary)}.tx-mock__chain{display:inline-flex;align-items:center;gap:var(--txkit-space-2);font-size:.8125rem;color:var(--txkit-color-text-secondary);padding:6px 12px;border:1px solid var(--txkit-color-border-strong);border-radius:var(--txkit-radius-pill);white-space:nowrap;flex-shrink:0}.tx-mock__chain-dot{width:6px;height:6px;border-radius:50%;background:var(--txkit-color-lime);box-shadow:0 0 0 3px #84cc162e}.tx-mock__rows{display:flex;flex-direction:column;gap:var(--txkit-space-3);margin:0;padding:0}.tx-mock__row{display:flex;align-items:center;justify-content:space-between;gap:var(--txkit-space-4)}.tx-mock__label{font-size:.8125rem;color:var(--txkit-color-text-tertiary);margin:0}.tx-mock__value{font-size:.875rem;color:var(--txkit-color-text-secondary);margin:0;text-align:right;word-break:break-all}.tx-mock__value--strong{color:var(--txkit-color-text);font-weight:600;font-size:.9375rem}.tx-mock__badges{display:flex;flex-wrap:wrap;gap:var(--txkit-space-2);list-style:none;margin:var(--txkit-space-2) 0 0;padding:var(--txkit-space-4) 0 0;border-top:1px solid var(--txkit-color-border)}.tx-mock__badge{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;padding:6px 12px;border-radius:var(--txkit-radius-pill);border:1px solid}.tx-mock__badge svg{flex-shrink:0}.tx-mock__badge--ok{color:var(--txkit-color-lime);border-color:#84cc164d;background:#84cc160f}.tx-mock__badge--warn{color:var(--txkit-color-amber);border-color:#f59e0b4d;background:#f59e0b0f}.tx-mock__sign{display:inline-flex;align-items:center;justify-content:center;gap:var(--txkit-space-2);margin-top:var(--txkit-space-3);padding:var(--txkit-space-3) var(--txkit-space-5);background:var(--txkit-color-primary);color:#fff;border-radius:var(--txkit-radius-md);font-size:.9375rem;font-weight:500;min-height:48px;transition:background var(--txkit-duration-fast) var(--txkit-easing),box-shadow var(--txkit-duration-base) var(--txkit-easing),transform var(--txkit-duration-fast) var(--txkit-easing)}.tx-mock__sign:hover{background:var(--txkit-color-primary-hover);box-shadow:0 0 32px #4338ca80;transform:translateY(-1px)}@media(max-width:960px){.code-example__inner{grid-template-columns:1fr}}.dual-track{padding:var(--txkit-space-16) 0;border-top:1px solid var(--txkit-color-border)}.dual-track__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--txkit-space-12)}.dual-track__col{display:flex;flex-direction:column;gap:var(--txkit-space-6)}.dual-track__heading{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0;color:var(--txkit-color-text)}.dual-track__heading--accent{color:var(--txkit-color-primary)}.dual-track__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--txkit-space-4)}.dual-track__item{display:flex;flex-direction:column;gap:var(--txkit-space-1);padding-left:var(--txkit-space-4);border-left:1px solid var(--txkit-color-border);transition:border-color var(--txkit-duration-fast) var(--txkit-easing)}.dual-track__item:hover{border-left-color:var(--txkit-color-primary)}.dual-track__label{font-size:1rem;font-weight:500;color:var(--txkit-color-text)}.dual-track__desc{font-size:.875rem;color:var(--txkit-color-text-secondary);line-height:1.5}@media(max-width:720px){.dual-track__inner{grid-template-columns:1fr;gap:var(--txkit-space-12)}}.logo-wall{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--txkit-space-3);width:100%;max-width:720px;margin:0 auto}.logo-wall__tile{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--txkit-color-bg-elevated);border:1px solid var(--txkit-color-border);border-radius:var(--txkit-radius-md);color:var(--txkit-color-text-tertiary);filter:grayscale(1);opacity:.7;transition:filter var(--txkit-duration-base) var(--txkit-easing),opacity var(--txkit-duration-base) var(--txkit-easing),border-color var(--txkit-duration-base) var(--txkit-easing),transform var(--txkit-duration-base) var(--txkit-easing)}.logo-wall__tile:hover{filter:none;opacity:1;border-color:var(--txkit-color-border-strong);transform:translateY(-1px)}@media(max-width:720px){.logo-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--txkit-space-2)}}@media(max-width:360px){.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}.protocol{padding:var(--txkit-space-24) 0;border-top:1px solid var(--txkit-color-border);background:radial-gradient(ellipse at top,rgba(67,56,202,.08) 0%,transparent 60%),var(--txkit-color-bg)}.protocol__copy{text-align:center;margin:0 auto var(--txkit-space-16);max-width:720px;display:flex;flex-direction:column;align-items:center;gap:var(--txkit-space-4)}.protocol__title{font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:0}.protocol__sub{font-size:1.125rem;color:var(--txkit-color-text-secondary);margin:0}.protocol__standards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--txkit-space-3);margin-top:var(--txkit-space-4);font-size:.875rem}.protocol__std{color:var(--txkit-color-primary);font-weight:500}.protocol__sep{color:var(--txkit-color-text-tertiary)}.protocol__counts{font-size:.875rem;color:var(--txkit-color-text-tertiary);margin:var(--txkit-space-2) 0 0}.protocol__link{font-size:.9375rem;color:var(--txkit-color-text);border-bottom:1px solid var(--txkit-color-border-strong);padding-bottom:2px;margin-top:var(--txkit-space-4);transition:border-color var(--txkit-duration-fast) var(--txkit-easing)}.protocol__link:hover{border-bottom-color:var(--txkit-color-primary)}.protocol__wall{display:flex;flex-direction:column;align-items:center;gap:var(--txkit-space-6)}.protocol__wall-caption{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--txkit-color-text-tertiary);margin:0}.components{padding:var(--txkit-space-16) 0;border-top:1px solid var(--txkit-color-border)}.components__header{display:flex;flex-direction:column;gap:var(--txkit-space-2);margin-bottom:var(--txkit-space-12);max-width:600px}.components__heading{font-size:clamp(2rem,3.5vw,2.5rem);font-weight:600;letter-spacing:-.03em;margin:0}.components__sub{font-size:1rem;color:var(--txkit-color-text-secondary);margin:0}.components__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--txkit-color-border);border-left:1px solid var(--txkit-color-border)}.components__card{display:flex;flex-direction:column;gap:var(--txkit-space-2);padding:var(--txkit-space-6);border-right:1px solid var(--txkit-color-border);border-bottom:1px solid var(--txkit-color-border);position:relative;transition:background var(--txkit-duration-fast) var(--txkit-easing);color:inherit;text-decoration:none}.components__card--link{cursor:pointer}.components__card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--txkit-color-primary);transition:width var(--txkit-duration-fast) var(--txkit-easing)}.components__card:hover{background:var(--txkit-color-bg-subtle)}.components__card:hover:before{width:2px}.components__name{font-size:.9375rem;font-weight:600;color:var(--txkit-color-text);letter-spacing:-.01em}.components__desc{font-size:.8125rem;color:var(--txkit-color-text-secondary);line-height:1.5;margin:0}.components__status{align-self:flex-start;font-family:var(--txkit-font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:var(--txkit-radius-pill);margin-top:var(--txkit-space-2)}.components__status--shipped{color:var(--txkit-color-primary);background:#4338ca1a}.components__status--v0\.2{color:var(--txkit-color-text-tertiary);background:var(--txkit-color-bg-subtle)}@media(max-width:960px){.components{padding:var(--txkit-space-12) 0}.components__header{margin-bottom:var(--txkit-space-8)}.components__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.components__card{padding:var(--txkit-space-4)}}@media(max-width:480px){.components__grid{grid-template-columns:1fr}}