.of{--ink:#0c0d1a;background:var(--paper);padding:96px 0 104px}.of-block{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);align-items:stretch;gap:56px;max-width:1280px;margin:0 auto;padding:0 48px;display:grid}.of-copy{align-content:space-evenly;gap:28px;display:grid}.of-step h3{font:500 clamp(22px, 2.2vw, 30px)/1.15 var(--sans);letter-spacing:-.03em;color:var(--ink);margin:0}.of-step p{max-width:42ch;color:var(--muted);margin:10px 0 0;font-size:16.5px;line-height:1.55}.of-joint{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:56px;max-width:1280px;height:72px;margin:0 auto;padding:0 48px;display:grid}.of-joint i{background:linear-gradient(90deg,#d9d8ff 0 30%,#9593ff 30% 70%,#d9d8ff 70%);border-radius:4px;grid-column:2;justify-self:center;width:7px;height:100%}.of-scene{overflow-clip-margin:24px;width:100%;position:relative;overflow-x:clip}.of-scene-inner{transform-origin:top;position:absolute;top:0;left:50%}.of-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.of-node{opacity:0;filter:drop-shadow(0 12px 18px #28248c1f)drop-shadow(0 1px 1px #28248c1a);transition:opacity .7s,transform .8s cubic-bezier(.16,1,.3,1);position:absolute;transform:translate(-50%,calc(12px - 50%))}.of-scene.is-in .of-node{opacity:1;transform:translate(-50%,-50%)}.of-node>.os-page{width:100%;max-width:none}.of-scene.is-in .of-late{opacity:0;transform:translate(-50%,calc(12px - 50%))}.of-scene.is-in .of-late.is-on{opacity:1;transform:translate(-50%,-50%)}.of-hub{filter:none}.of-hub-label{filter:none;gap:2px;display:grid;transform:translateY(calc(12px - 50%))}.of-scene.is-in .of-hub-label{transform:translateY(-50%)}.of-hub-label strong{letter-spacing:-.02em;font-size:20px;font-weight:600}.of-hub-label span{max-width:190px;color:var(--muted);font-size:14px;line-height:1.4}.of-label{opacity:0;color:#4b4c5e;white-space:nowrap;background:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;transition:opacity .6s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #9593ff59}.of-scene.is-in .of-label{opacity:1}.of-rail path{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.of-rail-body{stroke:#d9d8ff;stroke-width:7px}.of-rail-core{stroke:#9593ff;stroke-width:2.6px}.of-rail-edge{stroke:#ffffffe6;stroke-width:1px}.of-scene.is-in .of-rail path{animation:1.1s cubic-bezier(.65,0,.35,1) both of-draw}@keyframes of-draw{0%{stroke-dashoffset:1px;opacity:0}4%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.of-rider{opacity:0}.of-scene.is-in .of-rider{animation:.6s forwards of-fade}@keyframes of-fade{to{opacity:1}}.of-src{padding:12px 12px 13px}.of-src strong{font-size:15px}.of-src span{color:var(--muted);white-space:nowrap;letter-spacing:-.01em;font-size:12px}.of-scene .os-transcript{width:410px}.of-lit{transition:background .6s,color .6s}.of-scene.is-in .of-lit{color:var(--ink);background:color-mix(in srgb, var(--tint) 32%, #fff)}.of-reader{align-content:center;min-height:72px}.of-reader strong{font-size:15px}.os-page.is-dashed{box-shadow:none;outline:1.5px dashed color-mix(in srgb, var(--tint) 70%, #6b6c80);outline-offset:-6px;background:#ffffffb3}@media (width<=900px){.of{padding:64px 0 72px}.of-block,.of-joint{grid-template-columns:1fr;gap:24px;padding:0 16px}.of-joint i{grid-column:1}}@media (prefers-reduced-motion:reduce){.of-node,.of-label{transition:none}.of-scene.is-in .of-rail path{stroke-dashoffset:0;opacity:1;animation:none}.of-rider{display:none}}.os-page{--fold:22px;background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 12%, #fff) 0%, color-mix(in srgb, var(--tint) 26%, #fff) 100%);width:max-content;max-width:320px;box-shadow:inset 0 1px 0 #fffc, inset 0 -3px 0 color-mix(in srgb, var(--tint) 45%, transparent);clip-path:polygon(0 0, calc(100% - var(--fold)) 0, 100% var(--fold), 100% 100%, 0 100%);border-radius:14px;gap:3px;padding:14px 18px 15px;display:grid;position:relative}.os-page:before{content:"";width:var(--fold);height:var(--fold);background:linear-gradient(225deg, transparent 50%, color-mix(in srgb, var(--tint) 50%, #fff) 50%);border-bottom-left-radius:5px;position:absolute;top:0;right:0}.os-page strong{letter-spacing:-.015em;color:var(--ink);font-size:16px;font-weight:550;line-height:1.3}.os-type{font:500 12px var(--mono);color:color-mix(in srgb, var(--tint) 30%, #4b4c5e)}.os-sub{color:var(--muted);font-size:13px}.os-client-cast{gap:2px;margin:-4px 0 2px -4px;display:flex}.os-deal-wrap{overflow:visible}.os-deal{width:270px;padding:18px 20px}.os-deal strong{font-size:19px}.os-deal-kick{z-index:2;position:absolute;bottom:calc(100% - 12px);left:22px}.os-bubble{color:var(--ink);width:230px;box-shadow:0 12px 24px -12px #28248c40, 0 0 0 1px var(--line);opacity:0;background:#fff;border-radius:16px 16px 4px;padding:11px 14px;font-size:13.5px;line-height:1.4;transition:opacity .5s,transform .5s;position:absolute;bottom:calc(100% + 96px);left:-4px;transform:translateY(8px)}.os-bubble.is-on{opacity:1;transform:none}.os-person{-moz-column-gap:12px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding-right:26px}.os-avatar{width:36px;height:36px;color:color-mix(in srgb, var(--tint) 30%, #33344a);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tint) 60%, #fff);background:#fff;border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.os-person-text{display:grid}.os-transcript{width:480px;max-width:none;padding:16px 16px 12px}.os-player{justify-content:space-between;align-items:baseline;padding:0 8px 10px;display:flex}.os-player span{color:var(--muted);font-size:13px}.os-transcript ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.os-transcript li{height:42px;color:var(--muted);background:#ffffff8c;border-radius:10px;grid-template-columns:44px 1fr;align-items:center;gap:8px;padding:0 8px;font-size:13.5px;transition:background .6s,color .6s;display:grid}.os-transcript time{font:500 11.5px var(--mono)}.os-transcript b{color:var(--ink);font-weight:600}.os-quote{opacity:0;white-space:normal;gap:6px;max-width:270px;max-height:0;transition:max-height .7s,opacity .6s,margin .7s;display:grid;overflow:hidden}.os-quote.is-open{opacity:1;max-height:160px;margin-top:10px}.os-quote span{color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.45}.os-quote small{color:var(--muted);font-size:12px}.an-board{background:var(--ground);border-radius:var(--r-scene);padding:clamp(18px,3vw,40px);position:relative}.an-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.an-wires path{fill:none;stroke:var(--brand);stroke-width:3px;stroke-linecap:round}.an-wires circle{fill:#fff;stroke:var(--brand);stroke-width:3px}.an-grid{grid-template-columns:minmax(0,1fr) minmax(240px,300px) minmax(0,1fr);align-items:center;gap:0 48px;display:grid;position:relative}.an-col{gap:16px;display:grid}.an-left{grid-area:1/1}.an-right{grid-area:1/3}.an-core{text-align:center;grid-area:1/2;justify-items:center;gap:12px;display:grid}.an-kid{aspect-ratio:1;width:220px;box-shadow:0 30px 60px -30px #5653cf8c, inset 0 0 0 10px var(--ground), inset 0 0 0 12px #c9c8ff;background:#fff;border-radius:50%;place-items:center;display:grid}.an-core h3{font:600 28px/1 var(--sans);letter-spacing:-.03em;margin:0}.an-core p{color:var(--muted);max-width:30ch;margin:0;font-size:15px;line-height:1.5}.an-card{z-index:1;border-radius:var(--r-panel);background:#fff;gap:8px;padding:14px 16px;display:grid;position:relative;box-shadow:0 14px 30px -22px #2a2670a0}.an-card header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.an-card h3{font:600 17px var(--sans);letter-spacing:-.015em;margin:0}.an-card header span{color:var(--field);white-space:nowrap;font-size:13px}.an-card ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.an-card li{color:var(--ink);font-size:14px;line-height:1.45}.an-card a{color:var(--field);text-underline-offset:3px;font-size:14px;font-weight:550;text-decoration:underline}@media (width<=900px){.an-grid{grid-template-columns:1fr;gap:16px}.an-core,.an-left,.an-right{grid-area:auto/1}.an-col{padding-left:22px;position:relative}.an-col:before{content:"";background:var(--brand);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:6px}.an-card:before{content:"";background:var(--brand);width:16px;height:3px;position:absolute;top:22px;left:-22px}}.of-past{align-items:center;gap:6px;display:inline-flex}.of-past b{font-weight:600}.of-past b.is-won{color:#1a7f52}.of-past b.is-lost{color:#71717a}
