.sec.hero--stage{padding-block:calc(var(--nav-h) + clamp(20px, 4vh, 40px)) 84px}.hero--stage .h1{font-size:clamp(34px,4.4vw,60px)}@media (min-width:1024px) and (max-height:820px){.hero--stage .h1{font-size:clamp(34px,6.2vh,60px)}}.hero--stage .chap__wide{margin-top:24px}@media (max-width:700px){.sec.hero--stage{padding-block:calc(var(--nav-h) + 16px) 56px}}.rmap{width:min(100%,calc((100svh - 610px) * 3.29));min-width:min(100%,840px);margin-inline:auto}@media (min-width:1024px) and (max-height:800px){.rmap{min-width:min(100%,700px)}}.rmap__svg{display:block;width:100%;height:auto}.rmap__svg--n{display:none}@media (max-width:1023px){.rmap{width:min(100%,600px);min-width:0}.rmap__svg--w{display:none}.rmap__svg--n{display:block}}.rmap__route{fill:none;stroke:var(--orange);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1.01}[data-r].on .rmap__route{animation:rmDraw 2.4s var(--ease) 1s forwards}.rmap__me{opacity:0}[data-r].on .rmap__me{animation:rmFade .5s var(--ease) 2.4s forwards}@keyframes rmDraw{to{stroke-dashoffset:0}}@keyframes rmFade{to{opacity:1}}.rmap__bands{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.rmap__bands a{display:grid;justify-items:center;gap:2px;min-width:132px;min-height:44px;padding:10px 18px;line-height:1.4;border-radius:16px;border:1px solid rgba(255,255,255,.16);color:#fff;text-align:center;transition:border-color .3s var(--ease)}.rmap__bands b{font-size:14px;font-weight:750}.rmap__bands span{font-size:13px;color:rgba(255,255,255,.62)}.rmap__bands a.hot span{color:var(--orange);font-weight:700}@media (hover:hover){.rmap__bands a:hover{border-color:rgba(255,255,255,.5)}}@media (max-width:700px){.rmap{display:flex;flex-direction:column}.rmap__bands{order:-1;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr}.rmap__bands a{min-width:0;padding:10px 8px}.rmap__bands b{font-size:13px}.rmap__bands span{font-size:12px}}.oc{max-width:880px;margin:0 auto}.oc__screen{position:relative;display:grid;grid-template:minmax(0,1fr) /minmax(0,1fr);aspect-ratio:16/10;border-radius:var(--r-lg);background:#fffdf9;box-shadow:var(--sh-2);overflow:hidden}.oc__ex{position:absolute;top:14px;right:14px;z-index:3;padding:4px 10px;border-radius:99px;background:rgba(33,28,24,.72);color:#fff;font-size:12px;font-weight:700}.oc__f{grid-area:1/1;position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;padding:32px;background:#fffdf9;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .45s var(--ease),transform .6s var(--ease),visibility 0s linear .5s}.oc__f.on{z-index:1;visibility:visible;transition:opacity .45s var(--ease),transform .6s var(--ease),visibility 0s}.oc__f.on,.oc__f.was{opacity:1;transform:none}.oc__f--pick,.oc__f--pocket{background:var(--navy);color:#fff}.oc__f--port{background:#f5f1e9}.oc__f--note{background:#f3eee4}.oc--idle *,.oc--idle :after,.oc--idle :before,.oc--paused .oc__clock,.oc--paused .oc__run{animation-play-state:paused!important}.oc__clock{position:absolute;width:0;height:0;opacity:0;animation:ocClock var(--dur) linear both}@keyframes ocClock{to{opacity:.01}}.oc .cp__m,.oc .oc__big span,.oc .oc__bub p,.oc .oc__card,.oc .oc__soon{opacity:0;transform:translateY(6px)}.oc .oc__big span{display:inline-block}.oc__f:is(.on,.was) .oc__card{animation:glIn .45s var(--ease) 1.1s both}.oc .oc__ping{transform-box:fill-box;transform-origin:center}.oc__f:is(.on,.was) .oc__ping{animation:ping 1.6s cubic-bezier(0,0,.2,1) 1.2s 2 forwards}.oc .oc__go{stroke-dasharray:1 2;stroke-dashoffset:1.01}.oc__f:is(.on,.was) .oc__go{animation:rmDraw .8s var(--ease) 2s forwards}.oc .pt{stroke-dasharray:1 2;stroke-dashoffset:1.01}.oc__f:is(.on,.was) .pt{animation:rmDraw .8s var(--ease) var(--pt) forwards}.oc__f--make:is(.on,.was) .w{animation:ocIn .4s var(--ease) calc(.3s + var(--i) * .11s) both}.oc__f--make .g{fill:#fff}.oc__f--make:is(.on,.was) .g{animation:ocGoal .4s var(--ease) calc(var(--pt) + .8s) forwards}@keyframes ocIn{0%{opacity:0}}@keyframes ocGoal{to{fill:var(--orange)}}.oc__f:is(.on,.was) .oc__bub p{animation:glIn .45s var(--ease) .3s both}.oc__f:is(.on,.was) .oc__bub p+p{animation-delay:1.4s}.oc__f:is(.on,.was) .oc__face img:first-child{animation:ocHide .4s var(--ease) 2.4s forwards}.oc__face img:last-child{opacity:0}.oc__f:is(.on,.was) .oc__face img:last-child{animation:ocShow .4s var(--ease) 2.4s forwards}@keyframes ocShow{to{opacity:1}}@keyframes ocHide{to{opacity:0}}.oc__f:is(.on,.was) .cp__m{animation:glIn .45s var(--ease) .4s both}.oc__f:is(.on,.was) .cp__m:nth-child(2){animation-delay:1.8s}.oc__f:is(.on,.was) .cp__m:nth-child(3){animation-delay:3.4s}.oc__f:is(.on,.was) .cp__m:nth-child(4){animation-delay:5s}.oc .cp__m{white-space:pre-line}.oc .cp__m.ai:before{font-size:12px}.oc .cp__hd small,.oc .sheetdoc__meta,.oc .sheetdoc__rows,.oc .sheetdoc__sign{display:none}.oc .sheetdoc{padding-bottom:104px}.oc .sealstamp{right:20px;bottom:18px;opacity:0}.oc .sealstamp i{font-size:12px;letter-spacing:.1em}.oc .sheetdoc__q b{color:var(--orange-text)}.oc .sheetdoc__q{background:linear-gradient(var(--orange-soft),var(--orange-soft)) no-repeat 0 0 /0 100%,var(--cyan-soft)}.oc__f:is(.on,.was) .sheetdoc__q{animation:ocMark .9s var(--ease) .5s forwards}@keyframes ocMark{to{background-size:100% 100%}}.oc__f:is(.on,.was) .sealstamp{animation:stampLand .55s var(--spring) 1.6s both}.oc .pocket-preview blockquote,.oc .pocket-preview>p:last-of-type{display:none}.oc__f:is(.on,.was) .oc__big span{animation:glIn .45s var(--ease) .9s both}.oc__f:is(.on,.was) .oc__big span+br+span{animation-delay:1.3s}.oc__f:is(.on,.was) .oc__soon{animation:glIn .45s var(--ease) 1.8s both}.oc__f:is(.on,.was) .ls__ip{animation:ocRise .6s var(--ease) .2s both}@keyframes ocRise{0%{opacity:0;transform:translateY(36px)}}.oc__f--pick svg,.oc__grid{width:100%;max-width:620px;height:auto}.oc__tag{position:absolute;top:14px;left:14px;padding:4px 10px;border-radius:99px;background:var(--orange);color:#fff;font-size:12px;font-weight:700}.oc__portf{display:grid;grid-template-columns:auto minmax(0,360px);gap:24px;align-items:center}.oc__face{display:grid;align-items:end;width:220px;filter:drop-shadow(0 16px 32px rgba(0,0,0,.18))}.oc__face img{grid-area:1/1;width:100%;height:auto}.oc__bub{display:grid;gap:4px;padding:16px 18px;border-radius:18px 18px 18px 4px;background:#fff;box-shadow:var(--sh-1)}.oc__bub b{font-size:13px;color:var(--orange-text)}.oc__bub p{font-size:16px;line-height:1.6}.oc__win{width:min(640px,100%);border-radius:14px;background:#fff;box-shadow:var(--sh-2);overflow:hidden}.oc__win>b{display:block;padding:10px 14px;font-size:13px;border-bottom:1px solid var(--line-2)}.oc__win>b span{margin-left:6px;color:var(--gray);font-weight:500}.oc__win svg{display:block;padding:12px}.oc__chat{width:min(460px,100%)}.oc__note{width:min(440px,100%)}.oc__pk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;width:100%}.oc__big{font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.35;letter-spacing:-.04em;color:#fff}.oc__soon{display:inline-block;margin-top:14px;padding:6px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:700}.oc .ls__ip .dev--ip{width:216px}.oc__say{display:grid;grid-template-columns:48px minmax(0,560px);justify-content:center;gap:14px;align-items:start;margin-top:18px}.oc__port{display:grid;align-items:end}.oc__port,.oc__port img{transition:opacity .4s var(--ease)}.oc__port img{grid-area:1/1;width:100%;height:auto}.oc[data-step="6"] .oc__port img,.oc__port img+img{opacity:0}.oc[data-step="6"] .oc__port img+img{opacity:1}.oc[data-step="2"] .oc__port{opacity:0}.oc__cap{height:5.2em;font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--ink);text-align:left}.oc__cap b{display:block;margin-bottom:2px;font-size:13px;font-weight:800;color:var(--orange-text)}.oc__bar{display:flex;gap:6px;margin-top:14px}.oc__seg{flex:var(--min) 1 0;min-width:0}.oc__track{position:relative;display:block;height:6px;border-radius:3px;background:var(--line-2);overflow:hidden}.oc__track>i{position:absolute;inset:0;background:var(--orange);transform-origin:0 50%;transform:scaleX(var(--f,0))}.oc__run{animation:ocFill var(--dur) linear both}@keyframes ocFill{0%{transform:scaleX(var(--from))}to{transform:scaleX(var(--to))}}.oc__seg>span{display:block;margin-top:8px;font-size:12.5px;color:var(--gray);white-space:nowrap;text-align:center}.oc__seg.on>span{color:var(--ink);font-weight:700}.oc__total{display:none}.oc__ctl{display:flex;justify-content:center;gap:12px;margin-top:14px}.oc__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer}@media (max-width:900px){.oc .ls__ip .dev--ip{width:168px}.oc__seg>span{display:none}.oc__total{display:block;margin-top:6px;font-size:12px;color:var(--gray);text-align:center}}@media (max-width:800px){.oc__screen{aspect-ratio:auto;min-height:400px;border-radius:22px}.oc__f--pick svg,.oc__f--teach .oc__grid{width:100%;height:auto}.oc__f{padding:16px}.oc__pk,.oc__portf{grid-template-columns:1fr;justify-items:center;gap:14px;text-align:center}.oc__face{width:150px}.oc .cp__m{font-size:13.5px}.oc .sheetdoc{padding-bottom:96px}.oc .ls__ip .dev--ip{width:150px}.oc__say{grid-template-columns:40px minmax(0,1fr)}.oc__cap{height:6.4em}}@media (prefers-reduced-motion:reduce){.oc *,.oc :after,.oc :before,.rmap *{animation-delay:0s!important}}