:root {
  color-scheme: light;
  --home-bg: #f3f6fb;
  --home-panel: #ffffff;
  --home-ink: #0d1930;
  --home-muted: #66738b;
  --home-line: #dce4f1;
  --home-brand: #3157d5;
  --home-brand-strong: #2547b6;
  --home-navy: #0d1522;
  --home-navy-soft: #102b62;
  --home-yellow: #ffd21c;
  --home-mint: #43ddb0;
  --home-radius: 28px;
  --home-shadow: 0 24px 80px rgba(17, 35, 73, .12);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--home-bg); scroll-behavior: smooth; }
body { background: var(--home-bg); color: var(--home-ink); margin: 0; min-width: 320px; overflow-x: clip; }
button, input, select, textarea { font: inherit; }
a { color: inherit; }
img { max-width: 100%; }
.ts-skip-link { background: #fff; border-radius: 10px; box-shadow: var(--home-shadow); left: 12px; padding: 11px 15px; position: fixed; top: -90px; z-index: 1000; }
.ts-skip-link:focus { top: 12px; }

.ts-site-header { color: #fff; left: 0; padding: 18px max(20px, env(safe-area-inset-left)); position: absolute; right: 0; top: 0; z-index: 20; }
.ts-site-header__inner { align-items: center; display: flex; justify-content: space-between; margin: auto; max-width: 1180px; min-height: 52px; }
.ts-brand { align-items: center; display: inline-flex; font-size: 1.05rem; font-weight: 780; gap: 10px; letter-spacing: -.02em; text-decoration: none; }
.ts-brand img { display: block; height: 38px; object-fit: contain; width: 38px; }
.ts-site-nav { align-items: center; display: flex; gap: 27px; }
.ts-site-nav a { font-size: .87rem; font-weight: 690; opacity: .78; text-decoration: none; transition: opacity 160ms ease, transform 160ms ease; }
.ts-site-nav a:hover, .ts-site-nav a:focus-visible { opacity: 1; transform: translateY(-1px); }
.ts-site-nav .ts-nav-cta { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.28); border-radius: 12px; opacity: 1; padding: 11px 16px; }
.ts-site-nav [hidden] { display: none !important; }
.ts-nav-toggle { background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.25); border-radius: 12px; display: none; height: 44px; padding: 11px; width: 44px; }
.ts-nav-toggle span { background: #fff; border-radius: 10px; display: block; height: 2px; margin: 4px 0; transition: transform 160ms ease, opacity 160ms ease; width: 20px; }

.ts-hero { background: radial-gradient(circle at 77% 16%, rgba(48, 101, 242, .45), transparent 32%), radial-gradient(circle at 23% 70%, rgba(30, 85, 206, .18), transparent 28%), linear-gradient(135deg, #06152f 0%, #0d2557 60%, #163b84 100%); color: #fff; min-height: 800px; overflow: hidden; padding: 104px 20px 68px; position: relative; }
.ts-hero::before, .ts-hero::after { content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 1; }
.ts-hero::before { background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(to bottom, #000, transparent 76%); transform: perspective(760px) rotateX(58deg) scale(1.45) translateY(-23%); transform-origin: center top; }
.ts-hero::after { background: linear-gradient(to bottom, transparent 64%, rgba(3, 13, 34, .58)); }
.ts-delivery-world { display: none; inset: 0; pointer-events: none; position: absolute; }
.ts-hero__glow { background: rgba(54, 98, 227, .25); border-radius: 50%; filter: blur(90px); height: 500px; left: 50%; position: absolute; top: 185px; transform: translateX(-50%); width: 820px; z-index: 1; }
.ts-hero__content { margin: auto; max-width: 1080px; position: relative; z-index: 2; }
.ts-hero .tsu { --tsu-brand: #345de2; display: block; }
.ts-hero .tsu-hero h1 { font-size: clamp(2.2rem, 5vw, 4.35rem); letter-spacing: -.055em; line-height: 1.01; margin-bottom: 18px; }
.ts-hero .tsu-hero p { color: rgba(255,255,255,.72); font-size: clamp(1rem, 2vw, 1.22rem); max-width: 720px; }

.ts-uploader-boot { align-items: center; display: flex; flex-direction: column; min-height: 560px; padding-top: 56px; }
.ts-uploader-boot__copy { align-items: center; display: flex; flex-direction: column; gap: 13px; width: 100%; }
.ts-uploader-boot__line { animation: ts-boot-pulse 1.2s ease-in-out infinite alternate; background: rgba(255,255,255,.16); border-radius: 999px; height: 18px; width: min(520px, 74vw); }
.ts-uploader-boot__line--title { height: 48px; width: min(660px, 86vw); }
.ts-uploader-boot__circle { animation: ts-boot-pulse 1.2s ease-in-out infinite alternate; background: rgba(255,255,255,.16); border: 14px solid rgba(255,255,255,.10); border-radius: 50%; height: 240px; margin-top: 55px; width: 240px; }
.ts-uploader-boot__status { color: rgba(255,255,255,.70); font-size: .9rem; margin-top: 22px; }
@keyframes ts-boot-pulse { to { background-color: rgba(255,255,255,.27); } }

.ts-trust-strip { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 34px auto 0; max-width: 790px; padding: 0; transition: opacity 180ms ease, transform 180ms ease; }
.ts-trust-strip[hidden] { display: none !important; }
.ts-trust-strip li { align-items: center; backdrop-filter: blur(18px); background: rgba(255,255,255,.085); border: 1px solid rgba(255,255,255,.14); border-radius: 14px; display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 13px 8px; text-align: center; }
.ts-trust-strip strong { font-size: .86rem; letter-spacing: .01em; }
.ts-trust-strip span { color: rgba(255,255,255,.61); font-size: .69rem; }

.ts-world-sign { align-items: center; backdrop-filter: blur(14px); background: rgba(5,18,43,.66); border: 1px solid rgba(255,255,255,.16); border-radius: 14px; bottom: 82px; box-shadow: 0 15px 38px rgba(0,0,0,.22); display: none; gap: 9px; left: max(24px, calc(50% - 746px)); padding: 8px 11px 8px 8px; pointer-events: none; position: absolute; transform: rotate(-2deg); z-index: 3; }
.ts-world-sign img { background: #fff; border-radius: 9px; height: 30px; object-fit: contain; padding: 3px; width: 30px; }
.ts-world-sign strong, .ts-world-sign small { display: block; white-space: nowrap; }
.ts-world-sign strong { font-size: .65rem; letter-spacing: -.01em; }
.ts-world-sign small { color: rgba(255,255,255,.55); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .42rem; letter-spacing: .08em; margin-top: 1px; }

.ts-delivery-card { background: #fff; border: 1px solid rgba(255,255,255,.46); border-radius: 22px; box-shadow: 0 28px 80px rgba(1,12,36,.36); color: var(--home-ink); display: none; overflow: hidden; position: absolute; right: max(24px, calc((100vw - 1540px) / 2 + 10px)); top: 154px; width: 286px; z-index: 5; }
.ts-delivery-card__close { align-items: center; backdrop-filter: blur(10px); background: rgba(4,18,50,.48); border: 1px solid rgba(255,255,255,.20); border-radius: 50%; color: #fff; cursor: pointer; display: flex; font-size: 1.2rem; height: 30px; justify-content: center; line-height: 1; padding: 0 0 2px; position: absolute; right: 10px; top: 10px; transition: background-color 150ms ease, transform 150ms ease; width: 30px; z-index: 2; }
.ts-delivery-card__close:hover, .ts-delivery-card__close:focus-visible { background: rgba(4,18,50,.82); transform: scale(1.06); }
.ts-delivery-card__art { background-color: #102b73; background-position: center; background-size: cover; height: 178px; position: relative; }
.ts-delivery-card__art::after { background: linear-gradient(to bottom, transparent 52%, rgba(5,19,54,.34)); content: ""; inset: 0; position: absolute; }
.ts-delivery-card__art > span { align-items: center; backdrop-filter: blur(12px); background: rgba(4,16,48,.58); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #fff; display: flex; font-size: .58rem; font-weight: 780; gap: 6px; left: 10px; letter-spacing: .02em; padding: 5px 8px 5px 5px; position: absolute; top: 10px; z-index: 1; }
.ts-delivery-card__art img { background: #fff; border-radius: 50%; height: 22px; object-fit: contain; padding: 2px; width: 22px; }
.ts-delivery-card__body { padding: 20px; }
.ts-delivery-card__body > p { color: #315ee8; font-size: .61rem; font-weight: 820; letter-spacing: .08em; margin: 0 0 7px; text-transform: uppercase; }
.ts-delivery-card__body h2 { font-size: 1.48rem; letter-spacing: -.045em; line-height: 1.02; margin: 0; }
.ts-delivery-card__body ul { display: grid; gap: 8px; list-style: none; margin: 18px 0; padding: 0; }
.ts-delivery-card__body li { align-items: baseline; border-bottom: 1px solid #e7ebf3; display: flex; justify-content: space-between; padding-bottom: 7px; }
.ts-delivery-card__body li:last-child { border: 0; padding-bottom: 0; }
.ts-delivery-card__body li strong { font-size: .75rem; }
.ts-delivery-card__body li span { color: #78859a; font-size: .62rem; }
.ts-delivery-card__body > a { align-items: center; background: var(--home-yellow); border-radius: 12px; color: #17223d; display: flex; font-size: .75rem; font-weight: 820; justify-content: space-between; min-height: 42px; padding: 10px 13px; text-decoration: none; transition: box-shadow 150ms ease, transform 150ms ease; }
.ts-delivery-card__body > a:hover, .ts-delivery-card__body > a:focus-visible { box-shadow: 0 10px 24px rgba(255,213,39,.22); transform: translateY(-1px); }
.ts-delivery-card[hidden] { display: none !important; }

.ts-section { padding: clamp(74px, 9vw, 124px) max(20px, env(safe-area-inset-left)); }
.ts-section__inner { margin: auto; max-width: 1180px; }
.ts-section-heading { max-width: 740px; }
.ts-section-heading--wide { max-width: 920px; }
.ts-section-heading--center { margin: 0 auto; text-align: center; }
.ts-kicker { color: var(--home-brand); font-size: .75rem; font-weight: 850; letter-spacing: .14em; margin: 0 0 14px; text-transform: uppercase; }
.ts-kicker--light { color: #86a8ff; }
.ts-section h1, .ts-section h2 { font-size: clamp(2rem, 4.5vw, 3.65rem); letter-spacing: -.052em; line-height: 1.02; margin: 0; text-wrap: balance; }
.ts-section-heading > p:last-child, .ts-feature-stage__copy > p, .ts-ecosystem-card__copy > p, .ts-faq-layout > div > p { color: var(--home-muted); font-size: 1.05rem; line-height: 1.72; max-width: 720px; }

.ts-section--intro { background: #fff; border-bottom: 1px solid var(--home-line); }
.ts-section--intro .ts-section__inner { display: block; }
.ts-section--intro h2 { font-size: clamp(2.35rem, 5.2vw, 4.6rem); max-width: 880px; }
.ts-capability-grid { background: #f8faff; border: 1px solid #dce4f1; border-radius: 22px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 54px; overflow: hidden; }
.ts-capability-grid > a { align-items: flex-start; display: grid; gap: 14px; grid-template-columns: 38px minmax(0, 1fr); min-height: 148px; padding: 23px 20px; position: relative; text-decoration: none; transition: background-color 160ms ease, color 160ms ease; }
.ts-capability-grid > a:not(:last-child) { border-right: 1px solid #dce4f1; }
.ts-capability-grid > a:hover, .ts-capability-grid > a:focus-visible { background: #fff; }
.ts-capability-grid > a > span:nth-child(2) { min-width: 0; }
.ts-capability-grid strong, .ts-capability-grid small { display: block; }
.ts-capability-grid strong { font-size: .92rem; letter-spacing: -.015em; }
.ts-capability-grid small { color: var(--home-muted); font-size: .72rem; line-height: 1.5; margin-top: 6px; }
.ts-capability-grid b { bottom: 18px; color: #9aa7bb; font-size: .8rem; font-weight: 600; position: absolute; right: 18px; transition: color 160ms ease, transform 160ms ease; }
.ts-capability-grid > a:hover b { color: var(--home-brand); transform: translate(2px, -2px); }
.ts-capability-icon { align-items: center; background: #e8eeff; border: 1px solid #d3defd; border-radius: 11px; color: var(--home-brand); display: flex; height: 38px; justify-content: center; width: 38px; }
.ts-capability-icon svg { fill: none; height: 19px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 19px; }

.ts-section--sell { background: #edf2f9; padding-bottom: clamp(86px, 10vw, 140px); padding-top: clamp(50px, 6vw, 78px); }
.ts-feature-stage { align-items: center; display: grid; gap: clamp(48px, 7vw, 100px); grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr); }
.ts-feature-stage--sell { background: linear-gradient(145deg, #fff 0%, #fbfcff 74%, #f2f5ff 100%); border: 1px solid #dbe4f1; border-radius: 38px; box-shadow: 0 30px 100px rgba(21, 42, 84, .10); overflow: hidden; padding: clamp(38px, 6vw, 74px); position: relative; }
.ts-feature-stage--sell::before { background: radial-gradient(circle, rgba(49,94,232,.10), transparent 70%); content: ""; height: 440px; left: -200px; position: absolute; top: -250px; width: 440px; }
.ts-feature-stage__copy { position: relative; z-index: 2; }
.ts-feature-stage__copy h2 { font-size: clamp(2.2rem, 4.7vw, 4.05rem); }
.ts-feature-stage__copy > p { margin: 22px 0 0; }
.ts-product-pill { align-items: center; border-radius: 999px; display: inline-flex; font-size: .72rem; font-weight: 820; gap: 8px; letter-spacing: .03em; margin-bottom: 26px; padding: 9px 12px; }
.ts-product-pill--money { background: #e2f8ee; color: #0d7357; }
.ts-product-pill--live { background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.15); color: #fff; }
.ts-product-pill--live i { animation: ts-live-pulse 1.8s ease-in-out infinite; background: #ff596b; border-radius: 50%; box-shadow: 0 0 0 4px rgba(255,89,107,.14); height: 7px; width: 7px; }
@keyframes ts-live-pulse { 50% { box-shadow: 0 0 0 8px rgba(255,89,107,0); } }
.ts-check-list { display: grid; gap: 12px; list-style: none; margin: 28px 0 32px; padding: 0; }
.ts-check-list li { color: #445169; font-size: .91rem; font-weight: 650; line-height: 1.5; padding-left: 27px; position: relative; }
.ts-check-list li::before { align-items: center; background: #ddf8ee; border-radius: 50%; color: #087a59; content: "✓"; display: flex; font-size: .65rem; font-weight: 900; height: 18px; justify-content: center; left: 0; position: absolute; top: 2px; width: 18px; }
.ts-check-list--dark li { color: rgba(255,255,255,.72); }
.ts-check-list--dark li::before { background: rgba(67,221,176,.15); color: var(--home-mint); }
.ts-button { align-items: center; border: 1px solid transparent; border-radius: 14px; display: inline-flex; font-size: .9rem; font-weight: 780; gap: 10px; justify-content: center; min-height: 50px; padding: 13px 18px; text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease; }
.ts-button:hover, .ts-button:focus-visible { transform: translateY(-2px); }
.ts-button--dark { background: var(--home-navy); box-shadow: 0 12px 28px rgba(8,26,60,.20); color: #fff; }
.ts-button--light { background: #fff; color: var(--home-navy); }
.ts-button--yellow { background: var(--home-yellow); box-shadow: 0 14px 34px rgba(255,213,39,.18); color: #1b2440; }
.ts-button--ghost { border-color: rgba(255,255,255,.22); color: #fff; }

.ts-paid-visual { min-height: 540px; padding: 32px 12px; position: relative; }
.ts-paid-visual::before { background-image: linear-gradient(rgba(49,94,232,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(49,94,232,.06) 1px, transparent 1px); background-size: 38px 38px; border-radius: 32px; content: ""; inset: 0; mask-image: radial-gradient(circle, #000 28%, transparent 74%); position: absolute; }
.ts-paid-visual__halo { background: rgba(49,94,232,.18); border-radius: 50%; filter: blur(60px); height: 360px; left: 50%; position: absolute; top: 90px; transform: translateX(-50%); width: 440px; }
.ts-paid-card { background: #fff; border: 1px solid #d7e0ee; border-radius: 25px; box-shadow: 0 32px 80px rgba(15,32,70,.18); margin: 18px auto 0; max-width: 440px; overflow: hidden; padding: 0 28px 25px; position: relative; transform: rotate(1.2deg); z-index: 2; }
.ts-paid-card__top { align-items: center; border-bottom: 1px solid #e5eaf2; display: flex; justify-content: space-between; margin: 0 -28px; padding: 16px 22px; }
.ts-window-dots { display: flex; gap: 5px; }
.ts-window-dots i { background: #cfdaea; border-radius: 50%; display: block; height: 7px; width: 7px; }
.ts-secure-label { align-items: center; color: #53627a; display: flex; font-size: .7rem; font-weight: 760; gap: 6px; }
.ts-secure-label svg { fill: none; height: 14px; stroke: #496075; stroke-linejoin: round; stroke-width: 1.8; width: 14px; }
.ts-paid-file { align-items: center; display: grid; gap: 12px; grid-template-columns: 44px minmax(0, 1fr) auto; padding: 26px 0 24px; }
.ts-file-glyph { align-items: center; background: #eef2ff; border: 1px solid #d5dfff; border-radius: 12px; color: var(--home-brand); display: flex; height: 44px; justify-content: center; position: relative; width: 44px; }
.ts-file-glyph::before { border: 5px solid transparent; border-right-color: #bdccfb; border-top-color: #bdccfb; content: ""; position: absolute; right: 3px; top: 3px; }
.ts-file-glyph i { font-size: .55rem; font-style: normal; font-weight: 850; }
.ts-paid-file strong, .ts-paid-file small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ts-paid-file strong { font-size: .82rem; }
.ts-paid-file small { color: #8490a5; font-size: .66rem; margin-top: 4px; }
.ts-paid-file b { background: #e2f8ef; border-radius: 999px; color: #0b7859; font-size: .58rem; padding: 6px 8px; text-transform: uppercase; }
.ts-paid-price { align-items: end; display: flex; justify-content: space-between; padding: 24px 0 19px; }
.ts-paid-price span { color: #69758b; font-size: .78rem; }
.ts-paid-price strong { font-size: 2.2rem; letter-spacing: -.05em; }
.ts-currency-switch { background: #f1f4f9; border-radius: 12px; display: grid; gap: 4px; grid-template-columns: repeat(3, 1fr); padding: 4px; }
.ts-currency-switch button { background: transparent; border: 0; border-radius: 9px; color: #79859a; cursor: pointer; font-size: .7rem; font-weight: 800; padding: 9px; }
.ts-currency-switch button.is-active { background: #fff; box-shadow: 0 4px 12px rgba(31,53,91,.10); color: var(--home-brand); }
.ts-paid-action { align-items: center; background: var(--home-brand); border-radius: 13px; color: #fff; display: flex; font-size: .78rem; justify-content: space-between; margin-top: 15px; padding: 14px 16px; }
.ts-paid-card > p { color: #7e8a9e; font-size: .66rem; margin: 15px 0 0; text-align: center; }
.ts-paid-card > p span { color: #0b9c72; }
.ts-sale-toast { align-items: center; background: #0b2049; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; bottom: 9px; box-shadow: 0 22px 50px rgba(8,26,60,.27); color: #fff; display: flex; gap: 11px; padding: 13px 18px; position: absolute; right: -7px; transform: rotate(-2deg); z-index: 3; }
.ts-sale-toast > span { align-items: center; background: var(--home-mint); border-radius: 50%; color: #083b31; display: flex; font-size: .72rem; font-weight: 900; height: 28px; justify-content: center; width: 28px; }
.ts-sale-toast strong, .ts-sale-toast small { display: block; }
.ts-sale-toast strong { font-size: .74rem; }
.ts-sale-toast small { color: rgba(255,255,255,.62); font-size: .61rem; margin-top: 2px; }

.ts-section--live { background: radial-gradient(circle at 18% 25%, rgba(42,94,231,.23), transparent 29%), radial-gradient(circle at 82% 72%, rgba(26,81,194,.17), transparent 28%), #071831; color: #fff; overflow: hidden; }
.ts-feature-stage--live { grid-template-columns: minmax(440px, 1.05fr) minmax(0, .95fr); }
.ts-feature-stage--live .ts-feature-stage__copy > p { color: rgba(255,255,255,.67); }
.ts-relay-visual { padding: 22px; position: relative; }
.ts-relay-visual::before { border: 1px solid rgba(86,137,255,.22); border-radius: 50%; content: ""; inset: -60px -40px; position: absolute; transform: rotate(-12deg); }
.ts-relay-panel { background: rgba(12,35,76,.83); border: 1px solid rgba(140,170,237,.22); border-radius: 26px; box-shadow: 0 40px 90px rgba(0,0,0,.30); overflow: hidden; position: relative; transform: rotate(-1deg); }
.ts-relay-panel__head { align-items: center; border-bottom: 1px solid rgba(255,255,255,.10); display: flex; font-size: .69rem; justify-content: space-between; padding: 15px 18px; text-transform: uppercase; }
.ts-relay-panel__head span { align-items: center; color: rgba(255,255,255,.66); display: flex; font-weight: 760; gap: 8px; letter-spacing: .08em; }
.ts-relay-panel__head span i { background: #ff5a6a; border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,90,106,.12); height: 7px; width: 7px; }
.ts-relay-panel__head strong { color: var(--home-mint); font-size: .63rem; letter-spacing: .08em; }
.ts-relay-preview { background: radial-gradient(circle at 50% 40%, rgba(62,115,244,.26), transparent 37%), linear-gradient(145deg, #0b2149, #07162e); min-height: 240px; overflow: hidden; padding: 25px; position: relative; }
.ts-relay-preview::before { background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 34px 34px; content: ""; inset: 0; position: absolute; }
.ts-relay-cloud { align-items: center; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 26px; display: flex; height: 112px; justify-content: center; left: 50%; position: absolute; top: 43px; transform: translateX(-50%); width: 112px; }
.ts-relay-cloud img { filter: drop-shadow(0 14px 22px rgba(0,0,0,.28)); height: 78px; object-fit: contain; width: 78px; }
.ts-live-badge { background: #f33f58; border-radius: 7px; font-size: .6rem; font-weight: 900; left: 20px; letter-spacing: .08em; padding: 6px 8px; position: absolute; top: 20px; }
.ts-relay-preview p { bottom: 17px; color: rgba(255,255,255,.64); font-size: .66rem; left: 22px; margin: 0; position: absolute; }
.ts-wave { align-items: center; bottom: 18px; display: flex; gap: 4px; height: 30px; position: absolute; right: 20px; }
.ts-wave i { animation: ts-wave 1.1s ease-in-out infinite alternate; background: #4c7eff; border-radius: 5px; height: 8px; width: 3px; }
.ts-wave i:nth-child(2n) { animation-delay: -.4s; height: 18px; }
.ts-wave i:nth-child(3n) { animation-delay: -.7s; height: 26px; }
@keyframes ts-wave { to { height: 28px; opacity: .65; } }
.ts-relay-route { align-items: center; display: grid; gap: 13px; grid-template-columns: 1fr auto 1fr; padding: 20px; }
.ts-relay-route div { background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; min-width: 0; padding: 12px; }
.ts-relay-route div span, .ts-relay-route div strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ts-relay-route div span { color: rgba(255,255,255,.43); font-size: .55rem; letter-spacing: .06em; margin-bottom: 5px; text-transform: uppercase; }
.ts-relay-route div strong { font-size: .66rem; }
.ts-relay-route > i { color: #79a0ff; font-style: normal; }
.ts-relay-segments { display: grid; gap: 6px; grid-template-columns: repeat(4, 1fr); padding: 0 20px 20px; }
.ts-relay-segments span { background: rgba(255,255,255,.05); border-radius: 8px; color: rgba(255,255,255,.42); font-size: .56rem; padding: 7px; text-align: center; }
.ts-relay-segments span:last-child { color: var(--home-mint); }
.ts-inline-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 18px; }
.ts-inline-actions > span { color: rgba(255,255,255,.45); font-size: .69rem; }

.ts-section--ecosystem { background: #fff; }
.ts-ecosystem-card { align-items: stretch; background: #081a3c; border: 1px solid #17376d; border-radius: 34px; box-shadow: 0 32px 90px rgba(11,29,67,.16); color: #fff; display: grid; grid-template-columns: minmax(0, .84fr) minmax(520px, 1.16fr); min-height: 520px; overflow: hidden; }
.ts-ecosystem-card__copy { align-self: center; padding: clamp(38px, 6vw, 72px); }
.ts-ecosystem-card__copy h2 { font-size: clamp(2.2rem, 4vw, 3.75rem); }
.ts-ecosystem-card__copy > p { color: rgba(255,255,255,.64); line-height: 1.7; }
.ts-text-link { color: #b3c5ff; display: inline-flex; font-size: .82rem; font-weight: 780; gap: 9px; margin-top: 22px; text-decoration: none; }
.ts-text-link span { transition: transform 160ms ease; }
.ts-text-link:hover span { transform: translateX(3px); }
.ts-workflow-board { align-self: center; background: #f7f9fd; border: 1px solid rgba(255,255,255,.16); border-radius: 24px; box-shadow: 0 32px 72px rgba(0,0,0,.25); color: var(--home-ink); margin: 36px 36px 36px 0; overflow: hidden; }
.ts-workflow-board__head { align-items: center; background: #fff; border-bottom: 1px solid #e1e7f0; display: grid; gap: 15px; grid-template-columns: auto minmax(0, 1fr) auto; padding: 18px 20px; }
.ts-workflow-board__head > span:nth-child(2) strong, .ts-workflow-board__head > span:nth-child(2) small { display: block; }
.ts-workflow-board__head > span:nth-child(2) strong { font-size: .8rem; }
.ts-workflow-board__head > span:nth-child(2) small { color: #8792a5; font-size: .59rem; margin-top: 2px; }
.ts-workflow-board__head > b { align-items: center; background: #e5f8f1; border-radius: 999px; color: #087b5b; display: flex; font-size: .58rem; gap: 6px; padding: 7px 9px; text-transform: uppercase; }
.ts-workflow-board__head > b i { background: #18a97d; border-radius: 50%; height: 6px; width: 6px; }
.ts-workflow-board .ts-window-dots i { background: #c9d3e2; }
.ts-workflow-list { list-style: none; margin: 0; padding: 12px 20px; }
.ts-workflow-list li { align-items: center; border-bottom: 1px solid #e1e7f0; display: grid; gap: 13px; grid-template-columns: 27px 42px minmax(0, 1fr) auto; min-height: 100px; position: relative; }
.ts-workflow-list li:last-child { border-bottom: 0; }
.ts-workflow-list li:not(:last-child)::after { background: #d5def0; bottom: -14px; content: ""; height: 27px; left: 61px; position: absolute; width: 1px; z-index: 2; }
.ts-workflow-step { color: #8b98ad; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .58rem; }
.ts-workflow-symbol { align-items: center; background: #e9efff; border: 1px solid #d3dffc; border-radius: 12px; color: var(--home-brand); display: flex; font-size: .8rem; font-weight: 800; height: 42px; justify-content: center; width: 42px; }
.ts-workflow-list li > span:nth-child(3) { min-width: 0; }
.ts-workflow-list small, .ts-workflow-list strong, .ts-workflow-list em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ts-workflow-list small { color: var(--home-brand); font-size: .55rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.ts-workflow-list strong { font-size: .8rem; margin-top: 4px; }
.ts-workflow-list em { color: #8490a4; font-size: .61rem; font-style: normal; margin-top: 3px; }
.ts-workflow-list li > b { background: #edf1f6; border-radius: 9px; color: #607089; font-size: .58rem; padding: 8px 10px; }
.ts-workflow-list li > b.is-primary { background: var(--home-brand); color: #fff; }
.ts-workflow-board__foot { align-items: center; background: #fff; border-top: 1px solid #e1e7f0; color: #69778c; display: flex; font-size: .58rem; gap: 18px; padding: 14px 20px; }
.ts-workflow-board__foot span { align-items: center; display: flex; gap: 6px; }
.ts-workflow-board__foot i { background: #24af84; border-radius: 50%; height: 6px; width: 6px; }

.ts-section--toolbox { background: #eef2f8; }
.ts-toolbox-grid { display: grid; gap: 16px; grid-template-columns: repeat(12, minmax(0, 1fr)); margin-top: 54px; }
.ts-tool-card { background: #fff; border: 1px solid #dce4f0; border-radius: 26px; box-shadow: 0 12px 38px rgba(20,42,82,.05); display: flex; flex-direction: column; grid-column: span 4; min-height: 330px; overflow: hidden; padding: 28px; position: relative; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.ts-tool-card:hover { border-color: #bdcae1; box-shadow: 0 24px 55px rgba(20,42,82,.09); transform: translateY(-3px); }
.ts-tool-card--receive { align-items: center; background: linear-gradient(135deg, #fff, #f7f9ff); display: grid; gap: 34px; grid-column: span 8; grid-template-columns: .9fr 1.1fr; min-height: 390px; }
.ts-tool-card--creator { background: linear-gradient(135deg, #0b2048, #173f89); color: #fff; grid-column: span 12; min-height: 220px; padding-right: 42%; }
.ts-tool-card--creator::after { background: radial-gradient(circle at 50% 50%, rgba(66,118,245,.52), transparent 68%); border: 1px solid rgba(255,255,255,.12); border-radius: 50%; content: ""; height: 340px; position: absolute; right: -40px; top: -82px; width: 430px; }
.ts-tool-card h3 { font-size: 1.33rem; letter-spacing: -.025em; line-height: 1.15; margin: 19px 0 10px; }
.ts-tool-card p { color: var(--home-muted); font-size: .88rem; line-height: 1.66; margin: 0; }
.ts-tool-card--creator p { color: rgba(255,255,255,.64); max-width: 600px; position: relative; z-index: 2; }
.ts-tool-card > a, .ts-tool-card__copy > a { color: var(--home-brand); font-size: .78rem; font-weight: 780; margin-top: auto; padding-top: 24px; text-decoration: none; }
.ts-tool-card--creator > a { color: #9db7ff; position: relative; z-index: 2; }
.ts-mini-icon { align-items: center; background: #eaf0ff; border-radius: 13px; color: var(--home-brand); display: inline-flex; flex: 0 0 auto; font-size: 1rem; height: 42px; justify-content: center; position: relative; width: 42px; z-index: 2; }
.ts-tool-card--creator .ts-mini-icon { background: rgba(255,255,255,.10); color: var(--home-yellow); }
.ts-inbox-art { align-items: center; background: #fff; border: 1px solid #d9e2f0; border-radius: 19px; box-shadow: 0 24px 55px rgba(26,48,91,.13); display: flex; flex-direction: column; overflow: hidden; padding: 0 22px 24px; transform: rotate(1.5deg); }
.ts-inbox-browser { background: #eef2f7; display: flex; gap: 5px; margin: 0 -22px 22px; padding: 12px 15px; width: calc(100% + 44px); }
.ts-inbox-browser span { background: #c4cede; border-radius: 50%; height: 6px; width: 6px; }
.ts-inbox-art strong { font-size: .86rem; }
.ts-inbox-art small { color: #8994a8; font-size: .59rem; margin-top: 5px; }
.ts-inbox-art > div:last-child { align-items: center; border: 1.5px dashed #b7c7ef; border-radius: 11px; color: var(--home-brand); display: flex; flex-direction: column; gap: 6px; margin-top: 18px; padding: 17px; width: 100%; }
.ts-inbox-art > div i { font-size: 1rem; font-style: normal; }
.ts-inbox-art > div span { font-size: .65rem; font-weight: 740; }
.ts-folder-tree { background: #f5f7fb; border: 1px solid #e0e6ef; border-radius: 13px; display: grid; gap: 8px; margin-top: 20px; padding: 15px; }
.ts-folder-tree span { color: #62718a; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .64rem; }
.ts-folder-tree span:not(:first-child) { padding-left: 12px; }
.ts-preview-stack { height: 100px; margin-top: auto; position: relative; }
.ts-preview-stack span { align-items: center; background: #fff; border: 1px solid #dbe3ef; border-radius: 12px; bottom: -12px; box-shadow: 0 15px 28px rgba(19,40,79,.10); color: #6d7890; display: flex; flex-direction: column; font-size: .56rem; font-weight: 850; gap: 9px; height: 88px; justify-content: center; padding: 10px; position: absolute; width: 68px; }
.ts-preview-stack svg { fill: none; height: 26px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; width: 26px; }
.ts-preview-stack b { font-size: .56rem; letter-spacing: .03em; }
.ts-preview-stack span:nth-child(1) { background: #ffedf0; color: #d44c5c; left: 9%; transform: rotate(-9deg); }
.ts-preview-stack span:nth-child(2) { background: #eff0ff; color: #6459d8; left: 39%; transform: rotate(1deg) translateY(-10px); }
.ts-preview-stack span:nth-child(3) { background: #e8f4ff; color: #2470bc; left: 69%; transform: rotate(8deg); }
.ts-control-list { display: grid; gap: 8px; margin-top: auto; padding-top: 22px; }
.ts-control-list span { align-items: center; background: #f4f7fb; border-radius: 10px; color: #5e6d85; display: flex; font-size: .66rem; gap: 9px; padding: 10px; }
.ts-control-list i { background: #45c89f; border-radius: 50%; height: 7px; width: 7px; }
.ts-progress-art { background: #f5f7fb; border: 1px solid #e2e8f1; border-radius: 14px; display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr) auto; margin-top: auto; padding: 16px; }
.ts-progress-art > span { align-self: center; background: #dce4f2; border-radius: 99px; height: 8px; overflow: hidden; }
.ts-progress-art > span i { background: linear-gradient(90deg, var(--home-brand), #6f8cff); border-radius: inherit; display: block; height: 100%; width: 82%; }
.ts-progress-art b, .ts-progress-art small { display: block; text-align: right; }
.ts-progress-art b { font-size: .78rem; }
.ts-progress-art small { color: #8b96aa; font-size: .55rem; margin-top: 2px; }

.ts-section--steps { background: #fff; border-bottom: 1px solid var(--home-line); border-top: 1px solid var(--home-line); }
.ts-step-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 54px 0 0; padding: 0; }
.ts-step-grid li { background: #f7f9fc; border: 1px solid #e1e7f0; border-radius: 22px; min-height: 220px; padding: 25px; }
.ts-step-grid > li > span { color: var(--home-brand); display: block; font-size: .7rem; font-weight: 850; letter-spacing: .10em; }
.ts-step-grid h3 { font-size: 1.05rem; margin: 34px 0 9px; }
.ts-step-grid p { color: var(--home-muted); font-size: .86rem; line-height: 1.6; margin: 0; }

.ts-section--start { background: #eef2f8; padding-bottom: 0; }
.ts-start-card { align-items: center; background: radial-gradient(circle at 82% 15%, rgba(56,109,240,.48), transparent 30%), linear-gradient(135deg, #071831, #0d2a61); border: 1px solid #173e83; border-radius: 34px; box-shadow: 0 30px 80px rgba(9,29,68,.18); color: #fff; display: grid; gap: 60px; grid-template-columns: minmax(0, 1fr) auto; overflow: hidden; padding: clamp(38px, 6vw, 68px); position: relative; }
.ts-start-card::before { background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 38px 38px; content: ""; inset: 0; mask-image: radial-gradient(circle at 80% 50%, #000, transparent 57%); position: absolute; }
.ts-start-card > div { position: relative; z-index: 2; }
.ts-start-card h2 { font-size: clamp(2.1rem, 4vw, 3.55rem); }
.ts-start-card p:last-child { color: rgba(255,255,255,.65); line-height: 1.65; max-width: 660px; }
.ts-start-badge { background: var(--home-yellow); border-radius: 999px; color: #17223d; display: inline-flex; font-size: .7rem; font-weight: 850; margin-bottom: 28px; padding: 9px 12px; text-transform: uppercase; }
.ts-start-actions { display: flex; flex-direction: column; gap: 10px; min-width: 190px; }

.ts-section--faq { background: #eef2f8; }
.ts-faq-layout { align-items: start; display: grid; gap: 80px; grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr); }
.ts-faq-layout a { color: var(--home-brand); }
.ts-faq-list details { border-bottom: 1px solid #ced8e7; padding: 22px 0; }
.ts-faq-list details:first-child { border-top: 1px solid #ced8e7; }
.ts-faq-list summary { cursor: pointer; font-size: .98rem; font-weight: 760; list-style: none; padding-right: 34px; position: relative; }
.ts-faq-list summary::-webkit-details-marker { display: none; }
.ts-faq-list summary::after { color: var(--home-brand); content: "+"; font-size: 1.35rem; position: absolute; right: 4px; top: -5px; }
.ts-faq-list details[open] summary::after { content: "−"; }
.ts-faq-list p { color: var(--home-muted); line-height: 1.65; margin: 14px 0 0; }

.ts-footer { background: #07090d; border-top: 1px solid #141922; color: #fff; padding: 78px max(20px, env(safe-area-inset-left)) max(32px, env(safe-area-inset-bottom)); }
.ts-footer__inner { margin: auto; max-width: 1180px; }
.ts-footer__lead { display: grid; gap: 13px; margin-bottom: 46px; max-width: 380px; }
.ts-footer__lead .ts-brand::before { content: none; }
.ts-footer__lead .ts-brand img { background: none; border: 0; border-radius: 0; box-shadow: none; display: block; height: 40px; object-fit: contain; padding: 0; width: 40px; }
.ts-footer__lead p { color: rgba(255,255,255,.45); font-size: .76rem; line-height: 1.65; margin: 0; }
.ts-footer__plan { color: #9fb5ff; font-size: .72rem; font-weight: 780; text-decoration: none; }
.ts-footer__grid { display: grid; gap: clamp(24px, 4vw, 58px); grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ts-footer__grid section { align-content: start; display: grid; gap: 13px; }
.ts-footer__grid h2 { color: #f7f8fb; font-size: .74rem; letter-spacing: .01em; margin: 0 0 5px; }
.ts-footer__grid a { color: rgba(255,255,255,.48); font-size: .72rem; line-height: 1.4; text-decoration: none; transition: color 150ms ease; }
.ts-footer__grid a:hover, .ts-footer__grid a:focus-visible { color: #fff; }
.ts-footer__bottom { align-items: center; border-top: 1px solid rgba(255,255,255,.09); display: flex; justify-content: space-between; margin-top: 64px; padding-top: 22px; }
.ts-footer__bottom p { color: rgba(255,255,255,.32); font-size: .66rem; margin: 0; }
.ts-footer__bottom nav { display: flex; gap: 22px; }
.ts-footer__bottom a { color: rgba(255,255,255,.36); font-size: .66rem; text-decoration: none; }
.ts-footer__bottom a:hover, .ts-footer__bottom a:focus-visible { color: #fff; }

:focus-visible { outline: 3px solid #88a7ff; outline-offset: 3px; }

@media (max-width: 1040px) {
  .ts-site-nav { gap: 20px; }
  .ts-feature-stage, .ts-feature-stage--live { gap: 46px; grid-template-columns: minmax(0, 1fr) minmax(390px, 1fr); }
  .ts-capability-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ts-capability-grid > a { border-bottom: 1px solid #dce4f1; }
  .ts-capability-grid > a:nth-child(3) { border-right: 0; }
  .ts-capability-grid > a:nth-child(n+4) { border-bottom: 0; }
  .ts-capability-grid > a:last-child { border-right: 0; }
  .ts-ecosystem-card { grid-template-columns: minmax(0, .88fr) minmax(460px, 1.12fr); }
}

@media (min-width: 1180px) and (hover: hover) and (pointer: fine) {
  .ts-delivery-world { background-image: url("/images/home/delivery-world-desktop.webp"); background-position: center bottom; background-repeat: no-repeat; background-size: cover; display: block; opacity: .90; }
  .ts-hero::before { opacity: .26; }
  .ts-hero__glow { background: rgba(49,94,232,.16); }
  .ts-world-sign { display: flex; }
}

@media (min-width: 1540px) and (min-height: 760px) and (hover: hover) and (pointer: fine) {
  .ts-delivery-card { display: block; }
  .ts-delivery-card__art { background-image: url("/images/home/secure-delivery-card.webp"); }
}

@media (max-width: 880px) {
  .ts-feature-stage, .ts-feature-stage--live { grid-template-columns: 1fr; }
  .ts-feature-stage--live .ts-relay-visual { order: 2; }
  .ts-feature-stage--live .ts-feature-stage__copy { order: 1; }
  .ts-paid-visual { min-height: 520px; }
  .ts-ecosystem-card { grid-template-columns: 1fr; }
  .ts-ecosystem-card__copy { padding-bottom: 26px; }
  .ts-workflow-board { margin: 0 28px 28px; }
  .ts-tool-card--receive { grid-column: span 12; }
  .ts-tool-card:not(.ts-tool-card--receive):not(.ts-tool-card--creator) { grid-column: span 6; }
  .ts-tool-card--creator { padding-right: 35%; }
  .ts-step-grid { grid-template-columns: 1fr; }
  .ts-step-grid li { min-height: 0; }
  .ts-step-grid h3 { margin-top: 20px; }
  .ts-faq-layout { gap: 46px; grid-template-columns: 1fr; }
  .ts-start-card { gap: 38px; grid-template-columns: 1fr; }
  .ts-start-actions { flex-direction: row; min-width: 0; }
  .ts-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .ts-site-header { padding-top: max(14px, env(safe-area-inset-top)); }
  .ts-nav-toggle { display: block; }
  .ts-site-nav { align-items: stretch; background: #fff; border: 1px solid var(--home-line); border-radius: 18px; box-shadow: var(--home-shadow); color: var(--home-ink); display: none; flex-direction: column; gap: 4px; left: 16px; padding: 10px; position: absolute; right: 16px; top: calc(100% + 4px); }
  .ts-site-nav.is-open { display: flex; }
  .ts-site-nav a { border-radius: 10px; padding: 12px; }
  .ts-site-nav .ts-nav-cta { background: #edf2ff; border-color: transparent; color: var(--home-brand); }
  .ts-nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .ts-nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .ts-nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .ts-hero { min-height: 790px; padding-left: 12px; padding-right: 12px; padding-top: 98px; }
  .ts-hero .tsu-hero h1 { font-size: 2.35rem; }
  .ts-hero .tsu-hero p { font-size: 1rem; }
  .ts-trust-strip { gap: 6px; margin-top: 24px; }
  .ts-trust-strip li { border-radius: 11px; padding: 10px 3px; }
  .ts-trust-strip strong { font-size: .67rem; }
  .ts-trust-strip span { font-size: .55rem; }
  .ts-feature-stage--sell { border-radius: 28px; padding: 30px 22px; }
  .ts-paid-card { padding-left: 20px; padding-right: 20px; }
  .ts-paid-card__top { margin-left: -20px; margin-right: -20px; }
  .ts-paid-visual { margin: 0 -12px; min-height: 500px; }
  .ts-sale-toast { bottom: 10px; right: 0; }
  .ts-relay-visual { padding: 0; }
  .ts-relay-visual::before { display: none; }
  .ts-ecosystem-card { border-radius: 28px; }
  .ts-tool-card--receive { gap: 28px; grid-template-columns: 1fr; }
  .ts-tool-card--receive .ts-tool-card__copy { display: flex; flex-direction: column; }
  .ts-inbox-art { width: 100%; }
  .ts-tool-card--creator { padding-right: 28px; }
  .ts-tool-card--creator::after { display: none; }
  .ts-footer__grid { gap: 42px 28px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ts-footer__bottom { align-items: flex-start; flex-direction: column; gap: 18px; }
}

@media (prefers-reduced-data: reduce) {
  .ts-delivery-world, .ts-delivery-card, .ts-world-sign { display: none !important; }
}

@media (max-width: 560px) {
  .ts-section { padding-left: 16px; padding-right: 16px; }
  .ts-section--intro h2 { font-size: 2.45rem; }
  .ts-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 38px; }
  .ts-capability-grid > a { border-bottom: 1px solid #dce4f1; border-right: 1px solid #dce4f1; min-height: 142px; padding: 19px 16px; }
  .ts-capability-grid > a:nth-child(2n) { border-right: 0; }
  .ts-capability-grid > a:nth-child(3) { border-right: 1px solid #dce4f1; }
  .ts-capability-grid > a:nth-child(n+4) { border-bottom: 1px solid #dce4f1; }
  .ts-capability-grid > a:last-child { border-bottom: 0; border-right: 0; grid-column: 1 / -1; min-height: 116px; }
  .ts-paid-file { grid-template-columns: 40px minmax(0, 1fr); }
  .ts-paid-file > b { display: none; }
  .ts-paid-price strong { font-size: 1.9rem; }
  .ts-relay-route { grid-template-columns: 1fr; }
  .ts-relay-route > i { display: none; }
  .ts-relay-segments { grid-template-columns: repeat(2, 1fr); }
  .ts-ecosystem-card__copy { padding: 34px 26px 8px; }
  .ts-workflow-board { border-radius: 18px; margin: 28px 14px 14px; }
  .ts-workflow-list { padding-left: 14px; padding-right: 14px; }
  .ts-workflow-list li { gap: 9px; grid-template-columns: 36px minmax(0, 1fr) auto; }
  .ts-workflow-step { display: none; }
  .ts-workflow-list li:not(:last-child)::after { left: 20px; }
  .ts-workflow-list li > b { padding: 7px 8px; }
  .ts-workflow-board__foot { align-items: flex-start; flex-direction: column; gap: 7px; }
  .ts-tool-card:not(.ts-tool-card--receive):not(.ts-tool-card--creator), .ts-tool-card--creator { grid-column: span 12; }
  .ts-tool-card { min-height: 300px; }
  .ts-start-actions { align-items: stretch; flex-direction: column; }
  .ts-footer { padding-top: 58px; }
  .ts-footer__grid { gap: 38px 24px; }
  .ts-footer__bottom nav { gap: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (forced-colors: active) {
  .ts-section--live, .ts-ecosystem-card, .ts-start-card { border: 1px solid CanvasText; }
  .ts-button, .ts-product-pill, .ts-mini-icon { border: 1px solid currentColor; }
}

/* 2026 maturity pass: preserve the product UI, reduce landing-page excess. */
.ts-hero { min-height: 680px; padding-bottom: 46px; }
.ts-hero .tsu-hero h1 { font-size: clamp(2.25rem, 4.25vw, 3.65rem); letter-spacing: -.047em; }
.ts-delivery-world { opacity: .34; }
.ts-hero__glow { opacity: .72; }
.ts-uploader-boot { min-height: 470px; padding-top: 32px; }
.ts-uploader-boot__circle { height: 210px; margin-top: 46px; width: 210px; }
.ts-trust-strip { margin-top: 24px; max-width: 760px; }

.ts-section { padding-bottom: clamp(58px, 6.5vw, 80px); padding-top: clamp(58px, 6.5vw, 80px); }
.ts-section h1,.ts-section h2 { font-size: clamp(2rem, 3.2vw, 2.75rem); letter-spacing: -.042em; line-height: 1.08; }
.ts-section-heading>p:last-child,.ts-feature-stage__copy>p,.ts-ecosystem-card__copy>p,.ts-faq-layout>div>p { font-size: 1rem; line-height: 1.66; }
.ts-section--intro h2 { max-width: 820px; font-size: clamp(2.25rem, 3.5vw, 2.85rem); }
.ts-capability-grid { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 38px; border-radius: 16px; }
.ts-capability-grid>a { min-height: 118px; padding: 20px 18px; }
.ts-capability-grid>a:nth-child(3) { border-right: 0; }

.ts-section--sell { padding-bottom: clamp(58px,6.5vw,82px); padding-top: clamp(44px,5vw,62px); }
.ts-feature-stage { gap: clamp(42px,5.5vw,70px); }
.ts-feature-stage--sell { padding: clamp(34px,4.5vw,52px); border-radius: 24px; }
.ts-feature-stage__copy h2 { font-size: clamp(2.05rem,3.3vw,2.8rem); line-height: 1.07; }
.ts-product-pill { margin-bottom: 18px; }
.ts-check-list { margin-bottom: 26px; margin-top: 23px; }
.ts-paid-visual { min-height: 465px; padding-bottom: 18px; padding-top: 18px; }
.ts-paid-card { max-width: 410px; border-radius: 18px; }

.ts-section--live { padding-bottom: clamp(62px,7vw,88px); padding-top: clamp(62px,7vw,88px); }
.ts-relay-visual { padding: 12px; }
.ts-relay-panel { border-radius: 19px; }
.ts-relay-preview { min-height: 205px; }
.ts-relay-cloud { height: 96px; top: 37px; width: 96px; }
.ts-relay-cloud img { height: 66px; width: 66px; }

.ts-ecosystem-card { min-height: 430px; border-radius: 22px; grid-template-columns: minmax(0,.88fr) minmax(480px,1.12fr); }
.ts-ecosystem-card__copy { padding: clamp(36px,4.5vw,52px); }
.ts-ecosystem-card__copy h2 { font-size: clamp(2rem,3vw,2.65rem); }
.ts-workflow-board { margin: 28px 28px 28px 0; border-radius: 17px; }
.ts-workflow-list li { min-height: 86px; }

.ts-toolbox-grid { gap: 12px; margin-top: 38px; }
.ts-tool-card { min-height: 275px; padding: 22px; border-radius: 17px; }
.ts-tool-card--receive { min-height: 325px; }
.ts-tool-card--creator { min-height: 190px; }
.ts-tool-card h3 { margin-top: 16px; font-size: 1.18rem; }
.ts-tool-card p { font-size: .82rem; line-height: 1.6; }
.ts-tool-card>div+a { margin-top: 17px; padding-top: 0; }
.ts-inbox-art { transform: none; }

.ts-step-grid { gap: 12px; margin-top: 36px; }
.ts-step-grid li { min-height: 165px; padding: 22px; border-radius: 15px; }
.ts-step-grid h3 { margin-top: 24px; }
.ts-section--start { padding-top: 58px; }
.ts-start-card { gap: 42px; padding: clamp(34px,4.5vw,48px); border-radius: 22px; }
.ts-start-card h2 { font-size: clamp(2rem,3vw,2.6rem); }
.ts-start-badge { margin-bottom: 18px; }
.ts-section--faq { padding-top: 58px; }
.ts-faq-layout { gap: 58px; }
.ts-faq-list details { padding: 18px 0; }
.ts-footer { padding-top: 64px; }

@media (max-width: 880px) {
  .ts-ecosystem-card { grid-template-columns: 1fr; }
  .ts-paid-visual { min-height: 450px; }
}

@media (max-width: 760px) {
  .ts-hero { min-height: 660px; }
  .ts-section { padding-bottom: 52px; padding-top: 52px; }
  .ts-feature-stage--sell { padding: 28px 21px; }
  .ts-paid-visual { min-height: 440px; }
  .ts-tool-card { min-height: 250px; }
}

/* Keep the final density overrides from undoing the intentional phone layout. */
@media (max-width: 560px) {
  .ts-section--intro h2 { font-size: 2.15rem; }
  .ts-capability-grid { grid-template-columns: 1fr; margin-top: 30px; }
  .ts-capability-grid > a,
  .ts-capability-grid > a:not(:last-child),
  .ts-capability-grid > a:nth-child(2n),
  .ts-capability-grid > a:nth-child(3),
  .ts-capability-grid > a:nth-child(n+4),
  .ts-capability-grid > a:last-child {
    align-items: center;
    border-bottom: 1px solid #dce4f1;
    border-right: 0;
    gap: 13px;
    grid-column: auto;
    grid-template-columns: 42px minmax(0, 1fr) 16px;
    min-height: 0;
    padding: 17px 18px;
  }
  .ts-capability-grid > a:last-child { border-bottom: 0; }
  .ts-capability-grid b { bottom: auto; justify-self: end; position: static; right: auto; }
  .ts-capability-grid small { font-size: .75rem; }
  .ts-ecosystem-card { min-height: 0; }
  .ts-ecosystem-card__copy { padding: 30px 22px 18px; }
  .ts-ecosystem-card__copy h2 { font-size: 2rem; }
  .ts-workflow-board { border-radius: 16px; margin: 6px 10px 10px; }
  .ts-workflow-board__head { gap: 10px; padding: 15px 14px; }
  .ts-workflow-list { padding-left: 12px; padding-right: 12px; }
  .ts-workflow-list li { gap: 8px; }
  .ts-workflow-board__foot { padding: 13px 14px; }
}