.relay{--paper:#fff;--ink:#142643;--sub:#4c607b;--edge:#ced9e8;--mist:#eff5fc;color:var(--ink);max-width:1180px;margin:auto;padding:0 clamp(18px,4vw,54px) 70px}
html[data-theme=dark] .relay{--paper:#182334;--ink:#f0f5ff;--sub:#c3cfe1;--edge:#384c68;--mist:#202f45}
.relay h1,.relay h2,.relay h3,.relay p{color:inherit;margin:0}.relay p{color:var(--sub);line-height:1.55;max-width:59ch}.relay small{font-weight:650;color:var(--sub)}
.relay-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:5%;align-items:center;padding:clamp(38px,6vw,88px) 0}
.relay h1{font-size:clamp(2.3rem,4.4vw,4.3rem);line-height:1.03;letter-spacing:-.055em;margin:14px 0 19px}
.relay-cta{display:inline-block;background:#234bd3;color:white!important;border-radius:12px;font-weight:650;text-decoration:none;padding:12px 19px;margin-top:20px}
.lineup{display:flex;align-items:center;justify-content:center;isolation:isolate;padding:36px 8px;background:radial-gradient(ellipse,#738bcc26,transparent 70%)}
.lineup figure{margin:0 -3%;width:28%;transform:rotate(-7deg);box-shadow:0 10px 22px #101d3821;background:var(--paper);border:1px solid var(--edge);border-radius:16px;overflow:hidden}.lineup figure:nth-child(2){transform:translateY(-18px) rotate(-3deg)}.lineup figure:nth-child(3){transform:translateY(-15px) rotate(3deg)}.lineup figure:last-child{transform:rotate(8deg)}.lineup img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.lineup figcaption{padding:6px;text-align:center;font-weight:650}
#team-flow{scroll-margin-top:95px}.relay h2{font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.04em}.crew{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.crew button,.relay-controls button{background:var(--paper);color:var(--ink);border:1px solid var(--edge);border-radius:14px;cursor:pointer}.crew button{display:flex;align-items:center;text-align:left;gap:10px;padding:10px;font:inherit;font-weight:700}.crew button[aria-pressed=true]{border-color:#577ff0;box-shadow:inset 0 -3px #577ff0;background:var(--mist)}.crew img,.transfer img{width:40px;height:40px;object-fit:cover;object-position:center 14%;border-radius:50%}.crew small,.speech b{display:block;font-size:.8rem}
.relay-panel{display:grid;grid-template-columns:minmax(140px,.65fr) 1.6fr;gap:clamp(16px,4vw,54px);align-items:center;padding:clamp(18px,3vw,40px);border:1px solid var(--edge);border-radius:22px;background:var(--paper)}.relay-panel[hidden]{display:none}.agent-portrait{position:relative;text-align:center}.agent-portrait img{display:block;margin:auto;width:min(100%,240px);aspect-ratio:4/5;object-fit:cover;border-radius:20px}.agent-portrait b{display:block;margin-top:8px}.relay-story h3{font-size:2rem;margin:.12em 0}.speech{width:fit-content;max-width:90%;margin-top:14px;background:var(--mist);border-radius:14px 14px 14px 3px;padding:10px 16px;line-height:1.45}.speech.reply{margin-left:auto;background:#2548a3;color:white;border-radius:14px 14px 3px 14px}.transfer{display:flex;align-items:center;gap:8px;color:var(--sub);margin-top:14px;font-size:.85rem}.transfer img{width:26px;height:26px}.relay-controls{display:flex;justify-content:space-between;margin-top:10px}.relay-controls button{padding:10px 16px;font:inherit}.relay-controls button:disabled{opacity:.45}.relay aside{margin-top:48px;padding:24px 0;border-top:1px solid var(--edge)}.relay aside p{margin:12px 0}
@media(prefers-reduced-motion:no-preference){.relay-panel:not([hidden]) .speech,.relay-panel:not([hidden]) .transfer{animation:relay-enter .5s both}.relay-panel .reply{animation-delay:.23s!important}.relay-panel .transfer{animation-delay:.45s!important}@keyframes relay-enter{from{opacity:0;transform:translateY(7px)}}}
@media(max-width:700px){.relay-hero{grid-template-columns:1fr}.lineup{max-width:360px;margin:auto;padding:35px 8px 8px}.crew{grid-template-columns:repeat(2,1fr)}.relay-panel{grid-template-columns:1fr}.agent-portrait{display:flex;align-items:center;gap:12px}.agent-portrait img{margin:0;width:56px;height:64px;border-radius:12px;object-position:center 10%}.agent-portrait b{margin:0}.relay-story h3{font-size:1.6rem}}