.tr-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,70px);width:100%;max-width:1400px;margin:0 auto;display:grid}.tr-hero-copy .eyebrow{gap:14px}.tr-hero-art{margin:0;padding:30px 0 0 86px}.tr-hero-canvas{position:relative}.tr-row-tag{font:10px var(--v2-mono);letter-spacing:.12em;text-transform:uppercase;color:#cfeeff;white-space:nowrap;position:absolute;right:calc(100% + 14px);transform:translateY(-50%)}.tr-side{font:10px var(--v2-mono);letter-spacing:.14em;text-transform:uppercase;position:absolute;top:0}.tr-side--before{color:#7f98b4;left:calc(20% + 68.8px)}.tr-side--after{color:var(--v2-cyan);left:calc(66% + 29.24px)}.tr-conn,.tr-core,.tr-phases{background:linear-gradient(90deg,#050e1c 0%,#071a33 60%,#081f3d 100%)}.tr-overview,.tr-caps,.tr-apps{background:var(--v2-ink)}.tr-states{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);grid-template-areas:"a b c""cap cap cap";gap:0;margin:0;display:grid}.tr-state{padding:28px;position:relative}.tr-state--before{border:1px dashed #63cfff4d;border-radius:18px 0 0 18px;grid-area:a}.tr-state--path{border-top:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line);flex-direction:column;grid-area:b;display:flex}.tr-state--after{background:linear-gradient(160deg,#0d3a6680,#081a3399);border:1px solid #00c8ff8c;border-radius:0 18px 18px 0;grid-area:c}.tr-state ul{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid;position:relative}.tr-state li{font:600 15px var(--v2-sans);color:#e6f4ff;border-radius:8px;padding:12px 16px}.tr-state--before li{color:#8fb8d8;width:var(--w);margin-left:var(--x);transform:rotate(var(--r));background:#081a3380;border:1px dashed #8fb8d880}.tr-state--after ul{padding-right:28px}.tr-state--after ul:before{content:"";border-left:2px solid var(--v2-cyan);position:absolute;top:20px;bottom:20px;right:8px}.tr-state--after li{background:#0a2748;border:1px solid #00c8ff99;position:relative}.tr-state--after li:after{content:"";border-top:2px solid var(--v2-cyan);width:20px;position:absolute;top:50%;left:100%}.tr-state p{color:var(--v2-muted);margin:20px 0 0;font-size:14.5px;line-height:1.6}.tr-threads{width:100%;height:220px;margin:20px 0 10px;display:block;overflow:visible}.tr-state--path ol{counter-reset:s;gap:8px;margin:auto 0 0;padding:0;list-style:none;display:grid}.tr-state--path ol li{counter-increment:s;font:500 13.5px var(--v2-sans);border:1px solid #c8f7ff4d;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:flex}.tr-state--path ol li:before{content:counter(s, decimal-leading-zero);font:10px var(--v2-mono);color:var(--v2-cyan)}.tr-caption{font:10.5px/1.6 var(--v2-mono);color:#7f98b4;grid-area:cap;margin:20px 0 0}.tr-cap-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.tr-cap-list li{border:1px solid var(--v2-line);background:#081a3366;border-radius:14px;flex-direction:column;justify-content:space-between;gap:22px;padding:24px;display:flex}.tr-cap-list h3{margin:0;font-size:20px}.tr-cap-list p{color:var(--v2-muted);margin:8px 0 0;font-size:14.5px;line-height:1.6}.tr-chain{flex-wrap:wrap;align-items:center;display:flex;margin:0!important}.tr-chain span{font:10px var(--v2-mono);letter-spacing:.08em;text-transform:uppercase;color:#dff6ff;background:#00c8ff14;border:1px solid #00c8ff8c;border-radius:999px;padding:5px 11px}.tr-chain i{border-top:2px solid #00c8ffb3;width:18px}.tr-core-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid}.tr-core-art{max-width:560px;margin:0;position:relative}.tr-core-art svg{width:100%;height:auto;display:block}.tr-q{font:10.5px var(--v2-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#051020d9;border-radius:6px;padding:4px 10px;position:absolute;transform:translate(-50%,-50%)}.tr-q--1{top:17%;left:78%}.tr-q--2{top:83%;left:83%}.tr-q--3{top:83%;left:22%}.tr-q--4{top:17%;left:17%}.tr-q--core{text-align:center;color:#cfeeff;background:0 0;line-height:1.5;top:50%;left:50%}.tr-core-list{border-top:1px solid var(--v2-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:30px 0 0;display:grid}.tr-core-list div{border-bottom:1px solid var(--v2-line);padding:18px 16px 18px 0}.tr-core-list dt{color:#fff;align-items:baseline;gap:10px;font-size:18px;font-weight:700;display:flex}.tr-core-list dd{color:var(--v2-muted);margin:6px 0 0;font-size:14.5px;line-height:1.55}.tr-shifts{margin:0;padding:0;list-style:none}.tr-shifts li{border-bottom:1px solid var(--v2-line);grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;padding:18px 0;display:grid}.tr-shifts-head{font:10px var(--v2-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--v2-muted);border-top:1px solid var(--v2-line-strong);padding:10px 0!important}.tr-from{color:#a9c2da;border:1px dashed #8fb8d873;border-radius:8px;padding:10px 14px;font-size:15px}.tr-to{color:#fff;background:#00c8ff12;border:1px solid #00c8ff8c;border-radius:8px;padding:10px 14px;font-size:15px;font-weight:600}.tr-arrow{background:linear-gradient(90deg, #8fb8d866, var(--v2-cyan));height:2px;margin:0 14px;position:relative}.tr-arrow:after{content:"";border:6px solid #0000;border-left:8px solid var(--v2-cyan);border-right:0;position:absolute;top:-5px;right:-2px}.tr-phase-band{border:1px solid var(--v2-line-strong);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.tr-phase-band li{background:linear-gradient(180deg, rgba(10, 31, 59, calc(.3 + var(--d) * .12)), #06101e66);padding:28px 24px}.tr-phase-band li+li{border-left:1px solid var(--v2-line)}.tr-phase-n{border:1px solid var(--v2-cyan);width:40px;height:40px;font:12px var(--v2-mono);color:#fff;border-radius:50%;place-items:center;display:grid}.tr-phase-band h3{margin:20px 0 0;font-size:19px}.tr-phase-band p{color:var(--v2-muted);margin:8px 0 0;font-size:14.5px;line-height:1.6}.v2-stage--transform .v2-stage-frame{background:linear-gradient(90deg,#050e1ccc 0%,#0a1f3b8c 45%,#0d2d5280 100%)}@media (prefers-reduced-motion:no-preference){.v2-js .v2-stage--transform .v2-stage-surface.is-in .svg-layer{animation:v2-fade .9s ease calc(var(--d,0) * .2s + .15s) forwards}.v2-js .v2-stage--transform .v2-stage-surface.is-in .svg-path{animation:1.4s 1.4s forwards v2-fade}.v2-js .v2-stage--transform .v2-stage-surface.is-in .svg-signal{animation-duration:7s}.v2-js .tr-states .tr-state--before li{transition:transform .9s var(--v2-ease) 1.2s}}@media (width<=1180px){.tr-phase-band{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-phase-band li:nth-child(3){border-left:0}.tr-phase-band li:nth-child(n+3){border-top:1px solid var(--v2-line)}}@media (width<=1024px){.tr-hero-grid{grid-template-columns:minmax(0,1fr)}.tr-hero-copy{order:-1}.tr-hero-art{max-width:640px}.tr-states{grid-template-columns:minmax(0,1fr);grid-template-areas:"a""b""c""cap"}.tr-state--before{border-radius:18px 18px 0 0}.tr-state--path{border:0;border-left:1px solid var(--v2-line);border-right:1px solid var(--v2-line)}.tr-threads{transform-origin:50%;height:120px;transform:rotate(90deg)scale(.6,1.6)}.tr-state--after{border-radius:0 0 18px 18px}.tr-core-grid,.tr-cap-list{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.tr-hero-art{padding-top:26px;padding-left:0}.tr-row-tag{letter-spacing:.06em;color:#fff;font-size:8px;right:12.5%;transform:translateY(calc(-50% - 1px))}.tr-side--before{left:6%}.tr-side--after{left:56%}.tr-side{font-size:8.5px}.tr-state{padding:22px 18px}.tr-threads{display:none}.tr-state--path ol{margin-top:18px}.tr-q{padding:3px 6px;font-size:8.5px}.tr-core-list{grid-template-columns:minmax(0,1fr)}.tr-shifts-head{display:none!important}.tr-shifts li{grid-template-columns:minmax(0,1fr);gap:10px}.tr-arrow{background:linear-gradient(180deg, #8fb8d866, var(--v2-cyan));width:2px;height:18px;margin:0 0 0 20px}.tr-arrow:after{border:6px solid #0000;border-top:8px solid var(--v2-cyan);border-bottom:0;top:auto;bottom:-6px;right:-5px}.tr-phase-band{grid-template-columns:minmax(0,1fr)}.tr-phase-band li+li{border-left:0;border-top:1px solid var(--v2-line)}}
