.hx{--hx-col:clamp(560px, calc(100vw - 520px), 800px);isolation:isolate;background:var(--bg);min-height:max(780px,100svh);margin-top:-69px;position:relative;overflow:clip}.hx-bg{z-index:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 68%,#0000 100%);mask-image:linear-gradient(#000 0 68%,#0000 100%)}.hx-coil{opacity:.5}.hx-dots{background-image:radial-gradient(color-mix(in srgb, var(--ink) 16%, transparent) 1px, transparent 1.6px);-webkit-mask-composite:source-in;opacity:.55;background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 30% 70%,#000),linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#000,#0000 30% 70%,#000),linear-gradient(#0000,#000 20% 80%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.hx-glow{filter:blur(34px);background:radial-gradient(34% 46% at 50% 58%, color-mix(in srgb, var(--brand) 36%, transparent), transparent 72%), radial-gradient(28% 40% at 32% 72%, color-mix(in srgb, var(--sky-1) 92%, transparent), transparent 72%), radial-gradient(26% 38% at 70% 74%, color-mix(in srgb, var(--info) 13%, transparent), transparent 72%), radial-gradient(46% 30% at 50% 96%, color-mix(in srgb, var(--brand) 24%, transparent), transparent 74%);width:min(1500px,150%);height:78%;position:absolute;bottom:-14%;left:50%;transform:translate(-50%)}.hx-copy{z-index:3;max-width:1100px;padding:calc(69px + clamp(36px, 7.5vh, 88px)) var(--gutter) clamp(48px, 7vh, 88px);text-align:center;pointer-events:none;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.hx-copy>*{pointer-events:auto}.hx-news{border:1px solid var(--hairline-strong);background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:100%;min-height:34px;color:var(--ink-2);transition:border-color var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:99px;align-items:center;gap:10px;padding:4px 12px 4px 4px;font-size:13.5px;text-decoration:none;display:inline-flex}.hx-news b{background:var(--brand);height:26px;color:var(--on-brand);border-radius:99px;flex-shrink:0;align-items:center;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.hx-news span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hx-news svg{transition:transform var(--dur-fast) ease;flex-shrink:0}.hx-news:hover{border-color:var(--ink);color:var(--ink)}.hx-news:hover svg{transform:translate(2px)}.hx-news:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.mk .hx h1{max-width:calc(var(--hx-col) + 300px);letter-spacing:-.02em;margin:26px 0 0;font-size:clamp(2.6rem,4.9vw,4.2rem);line-height:1.05}:lang(ja) .mk .hx h1{font-size:clamp(2.1rem,4.9vw,4.2rem)}.hx-sel{--sel-top:.06em;--sel-h:.92em;white-space:nowrap;background:linear-gradient(var(--brand-soft), var(--brand-soft)) no-repeat 0 var(--sel-top) / 100% var(--sel-h);margin:0 -.05em;padding:0 .05em;line-height:1;animation:3.2s .7s both hx-sel;display:inline-block;position:relative}.hx-sel-h{top:var(--sel-top);height:var(--sel-h);background:var(--brand);transform-origin:50%;width:.03em;min-width:2px;animation:3.2s .7s both hx-handle;position:absolute}.hx-sel-h:before{content:"";background:linear-gradient(135deg, var(--brand-mark-top), var(--brand-mark-foot));border-radius:.03em;width:.13em;min-width:9px;height:.13em;min-height:9px;position:absolute;left:50%;transform:translate(-50%)}.hx-sel-h.is-start{right:100%}.hx-sel-h.is-start:before{bottom:100%}.hx-sel-h.is-end{animation-name:hx-handle-end;left:100%}.hx-sel-h.is-end:before{top:100%}.hx-cur{pointer-events:none;width:.56em;min-width:30px;height:.56em;min-height:30px;filter:drop-shadow(0 .05em .07em color-mix(in srgb, var(--brand-mark-foot) 38%, transparent));animation:3.2s .7s both hx-cur;position:absolute;overflow:visible}.hx-cur path{fill:url(#hx-cur-fill);stroke:var(--bg);stroke-width:1.4px;stroke-linejoin:round}.hx-cur stop:first-child{stop-color:var(--brand-mark-top)}.hx-cur stop:last-child{stop-color:var(--brand-mark-foot)}@keyframes hx-cur{0%{opacity:0;top:1.5em;left:calc(100% + 2.4em);transform:scale(1)}10%{opacity:1}34%{top:.5em;left:0;transform:scale(1)}40%{top:.5em;left:0;transform:scale(.86)}70%{top:.5em;left:100%;transform:scale(.86)}76%{top:.5em;left:100%;transform:scale(1)}to{opacity:1;top:.62em;left:calc(100% + .22em);transform:scale(1)}}@keyframes hx-sel{0%,40%{background-size:0% var(--sel-h)}70%,to{background-size:100% var(--sel-h)}}@keyframes hx-handle{0%,37%{opacity:0;transform:scaleY(0)}44%,to{opacity:1;transform:scaleY(1)}}@keyframes hx-handle-end{0%,68%{opacity:0;transform:scaleY(0)}75%,to{opacity:1;transform:scaleY(1)}}.hx-sel-br{display:none}@media (max-width:499px){.hx-sel-br{display:inline}}.hx-sel.is-live{background-size:var(--sel-w,100%) var(--sel-h);animation:none}.hx-sel.is-live .hx-sel-h,.hx-sel.is-live .hx-cur{animation:none}.hx-sel.is-live .hx-sel-h{transition:opacity .15s,transform .15s}.hx-sel[data-step=type] .hx-sel-h.is-start,.hx-sel[data-step=aim] .hx-sel-h,.hx-sel[data-step=drag] .hx-sel-h.is-end{opacity:0;transform:scaleY(0)}.hx-sel[data-step=type] .hx-sel-h.is-end{animation:1s step-end infinite hx-caret}.hx-sel[data-step=type] .hx-sel-h.is-end:before{display:none}@keyframes hx-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.hx-sel,.hx-sel-h,.hx-cur{animation:none}.hx-cur{top:.62em;left:calc(100% + .22em)}}.hx-lead{max-width:58ch;color:var(--muted);margin:22px 0 0;font-size:clamp(1.02rem,1.3vw,1.15rem);line-height:1.6}.hx-lead a{color:var(--ink-2);text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, var(--brand) 65%, transparent);text-decoration-color:color-mix(in srgb, var(--brand) 65%, transparent);transition:color var(--dur-fast) ease}.hx-lead a:hover{color:var(--ink);text-decoration-style:solid}.hx-frame{width:min(760px, calc(var(--hx-col) - 40px), 100%);border:1px solid var(--hairline-strong);background:color-mix(in srgb, var(--card-bg) 55%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 46px 100px -56px color-mix(in srgb, var(--brand) 80%, transparent), 0 24px 60px -40px color-mix(in srgb, var(--ink) 45%, transparent);border-radius:26px;margin-top:clamp(26px,4.4vh,38px);padding:7px;transition:border-color 1s;position:relative}.hx-frame:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(150px 100px at var(--hit-x,0) var(--hit-y,0), color-mix(in srgb, var(--brand) 30%, transparent), transparent 70%);-webkit-mask-composite:xor;padding:8px;transition:opacity 1s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hx-frame.is-hit{border-color:color-mix(in srgb, var(--brand) 55%, transparent);transition-duration:.15s}.hx-frame.is-hit:after{opacity:1;transition-duration:.15s}.hx-box{z-index:1;background:var(--card-bg);border:1px solid var(--hairline-strong);text-align:left;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);transition:border-color var(--dur-fast) ease;border-radius:19px;padding:10px 12px 12px 16px;position:relative}.hx-box:focus-within{border-color:color-mix(in srgb, var(--brand) 70%, transparent)}.hx-kinds{flex-wrap:wrap;gap:2px;margin:0 0 2px -4px;display:flex}.hx-kinds button{height:32px;color:var(--muted);font:inherit;cursor:pointer;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:13.5px;display:inline-flex}.hx-kinds button:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}.hx-kinds button.is-on{background:var(--surface-2);color:var(--ink)}.hx-box textarea{resize:none;width:100%;min-height:60px;max-height:220px;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;margin-top:4px;padding:4px 2px 0;font-size:1.12rem;line-height:1.5;display:block;overflow-y:auto}.hx-box textarea::placeholder{color:var(--muted)}.hx-box textarea:focus-visible{box-shadow:none;outline:none}.hx-box-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;margin-top:10px;display:flex}.hx-chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.hx-chip{border:1px dashed var(--hairline-strong);max-width:100%;height:34px;color:var(--ink-2);font:inherit;white-space:nowrap;cursor:pointer;transition:border-color var(--dur-fast) ease, color var(--dur-fast) ease, background-color var(--dur-fast) ease;background:0 0;border-radius:99px;align-items:center;gap:6px;padding:0 13px;font-size:13.5px;display:inline-flex}.hx-chip:hover:not(:disabled):not(.is-on){border-style:solid;border-color:var(--ink);color:var(--ink)}.hx-chip.is-on{background:var(--brand-soft);color:var(--brand-ink);border:1px solid #0000}.hx-chip:disabled{color:var(--muted);cursor:default}span.hx-chip{cursor:default;min-width:0;padding-right:5px}.hx-chip-wrap{min-width:0;display:inline-flex}.hx-chip-words{text-overflow:ellipsis;min-width:0;max-width:220px;overflow:hidden}.hx-chip button{width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;flex-shrink:0;place-items:center;display:grid}.hx-chip button:hover{background:color-mix(in srgb, var(--brand) 18%, transparent)}.hx-box .btn{border-radius:12px;flex-shrink:0;gap:8px;height:44px;margin-left:auto;padding:0 18px}.hx-examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;width:min(760px,100%);margin-top:18px;display:flex}.hx-examples>span{color:var(--muted);font-size:13.5px}.hx-examples ul{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hx-examples button{border:1px solid var(--hairline-strong);background:var(--surface-glass-strong);height:32px;color:var(--ink-2);font:inherit;cursor:pointer;transition:border-color var(--dur-fast) ease, color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:99px;padding:0 13px;font-size:13.5px}.hx-examples button:hover{border-color:var(--ink);color:var(--ink)}.hx-examples button.is-on{background:var(--brand-soft);color:var(--brand-ink);border-color:#0000}.hx-kinds button:focus-visible,.hx-chip:focus-visible,.hx-chip button:focus-visible,.hx-examples button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hx-meta{color:var(--muted);margin:16px 0 0;font-size:13.5px}.hx-crew{z-index:2;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.hx-agent{--band:calc((100% - var(--hx-col)) / 2);top:var(--y);left:calc(var(--band) * var(--d));position:absolute;transform:translate(-50%,-50%)}.hx-agent[data-side=r]{left:calc(100% - var(--band) * var(--d))}.hx-agent-in{animation:hx-float var(--f,8s) ease-in-out var(--o,0s) infinite alternate;justify-items:center;gap:8px;display:grid}.hx-agent-tile{background:var(--card-bg);border:1px solid var(--hairline-strong);width:44px;height:44px;color:color-mix(in srgb, var(--brand) 78%, var(--ink));box-shadow:0 12px 26px -16px color-mix(in srgb, var(--ink) 45%, transparent);transition:border-color .4s ease, box-shadow .4s ease, color .4s ease, transform .4s var(--ease-out);border-radius:14px;place-items:center;display:grid}.hx-agent-tile svg{width:21px;height:21px}.hx-agent-words{justify-items:center;display:grid}.hx-agent-name,.hx-agent-say{text-align:center;max-width:170px;transition:opacity .35s ease, transform .35s var(--ease-out);grid-area:1/1;font-size:12.5px;line-height:1.35}.hx-agent-name{color:var(--muted);white-space:nowrap}.hx-agent-say{color:var(--ink);opacity:0;text-wrap:balance;transform:translateY(4px)}.hx-agent.is-sending .hx-agent-tile{color:var(--brand);border-color:color-mix(in srgb, var(--brand) 55%, transparent);box-shadow:0 0 0 6px color-mix(in srgb, var(--brand) 12%, transparent), 0 14px 30px -14px color-mix(in srgb, var(--brand) 60%, transparent);transform:scale(1.06)}.hx-agent.is-sending .hx-agent-name{opacity:0;transform:translateY(-4px)}.hx-agent.is-sending .hx-agent-say{opacity:1;transform:none}.hx-agent.is-sending .hx-agent-say,.hx-agent:not(.is-sending) .hx-agent-name{transition-delay:.28s}@keyframes hx-float{0%{transform:translateY(-6px)}to{transform:translate(var(--fx,3px), 6px)}}.hx-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hx-signal path{fill:none;stroke:color-mix(in srgb, var(--brand) 60%, transparent);stroke-width:1.3px;stroke-linecap:round}.hx-spark{fill:var(--brand)}.hx-spark-halo{fill:color-mix(in srgb, var(--brand) 22%, transparent)}@media (max-width:1099px){.hx-crew{max-width:420px;padding:0 var(--gutter) 40px;flex-wrap:wrap;justify-content:center;gap:10px;margin:-28px auto 0;display:flex;position:relative;inset:auto}.hx-agent{position:static;transform:none}.hx-agent-in{gap:0}.hx-agent-tile{border-radius:11px;width:36px;height:36px}.hx-agent-tile svg{width:18px;height:18px}.hx-agent-words,.hx-lines{display:none}}@media (max-width:760px){.hx{min-height:0}.hx-frame{border-radius:22px;padding:5px}.hx-box{border-radius:17px;padding:8px 10px 10px 12px}.hx-box-foot{flex-direction:column;align-items:stretch}.hx-chip{gap:5px;padding:0 10px;font-size:13px}.hx-box .btn{justify-content:center;margin-left:0}}@media (max-width:420px){.hx-kinds button{gap:6px;padding:0 9px}.hx-chip>svg:first-child{display:none}}@media (prefers-reduced-motion:reduce){.hx-agent-in{animation:none}.hx-agent-tile,.hx-agent-name,.hx-agent-say,.hx-kinds button,.hx-chip,.hx-examples button,.hx-frame,.hx-frame:after{transition:none}}