@charset "UTF-8";
:root{--ink:#273d36;--muted:#7c8780;--green:#3f6655;--deep:#335844;--pale:#edf1eb;--paper:#f7f8f5;--line:#e1e5de;--route:#cc705a;--font:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #d59b53;outline-offset:4px}button:disabled{cursor:default;opacity:.3}button:not(:disabled),a{touch-action:manipulation}button:not(:disabled):hover{filter:brightness(.96)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.header{height:91px;padding:0 4.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fafbf8}.brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:650;letter-spacing:.1em;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:.18em;font-weight:500;margin-top:7px;color:var(--muted)}.brand-mark{width:35px;height:38px;display:grid;grid-template-columns:12px 12px;gap:5px;transform:rotate(-1deg)}.brand-mark i{border-radius:3px;background:var(--green)}.brand-mark i:first-child{grid-row:1 / 3;height:38px}.brand-mark i:nth-child(2){background:#94aa8b}.brand-mark i:nth-child(3){background:#c8d2bc}.header-center{font-size:13px;letter-spacing:.15em;color:#66766b;margin-right:25px}.header-right{display:flex;align-items:center;gap:20px}.floor-badge{font-family:var(--font);font-size:19px;font-weight:600}.floor-badge span{font-size:11px;font-weight:400;margin-left:5px}.demo-badge{border:1px solid #d5ddd2;border-radius:5px;padding:7px 10px;color:#687a6a;font-size:10px;letter-spacing:.03em}main{max-width:1600px;padding:34px 4.1% 0;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:.23em;color:#809077;margin:0 0 11px;font-weight:600}h1{font-size:clamp(24px,2.25vw,34px);letter-spacing:.045em;margin:0;line-height:1.45;font-weight:600}.page-heading>p{font-size:12px;color:#7c877e;letter-spacing:.03em;line-height:1.9;margin:0 0 2px}.mobile-break{display:none}.workspace{display:grid;grid-template-columns:298px minmax(0,1fr);gap:26px}.route-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px 23px 18px;display:flex;flex-direction:column}.section-overline{font-size:11px;font-weight:600;display:flex;justify-content:space-between;align-items:center;letter-spacing:.03em}.section-overline>span{font-size:9px;color:#9ba59c;letter-spacing:.08em;font-weight:500}.destinations{padding:23px 0 18px}.location{display:flex;gap:16px;align-items:center;position:relative}.location small{font-size:10px;color:#8a948c;display:block;margin-bottom:6px}.location strong{font-size:14px;letter-spacing:.01em;font-weight:600}.location.from{padding-bottom:25px}.location-dot{width:12px;height:12px;border:3px solid var(--green);background:#fff;border-radius:50%;margin:3px 4px 0 3px;position:relative}.location.from:after{content:"";position:absolute;left:8px;top:36px;height:26px;border-left:1px dashed #b6c3b9}.location.to>.icon{color:var(--route);width:20px;height:24px}.route-facts{display:flex;gap:14px;font-size:10px;color:#7b8a7e;padding:13px 0 17px;border-bottom:1px solid var(--line);white-space:nowrap}.route-facts span{display:flex;align-items:center;gap:5px}.route-facts span+span{border-left:1px solid var(--line);padding-left:14px}.route-facts .icon{width:15px;height:15px}.steps-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 13px}.steps-heading h2{font-size:11px;font-weight:600;margin:0}.steps-heading>span{font-size:8px;letter-spacing:.08em;color:#9ba59d}.route-steps{position:relative;display:flex;flex-direction:column;gap:7px}.route-steps:before{content:"";position:absolute;left:18px;top:35px;bottom:35px;width:1px;background:#dde4da}.route-step{position:relative;z-index:1;padding:13px 8px 13px 0;display:flex;align-items:center;gap:12px;text-align:left;border-radius:7px;transition:background .2s,box-shadow .2s;width:100%}.step-number{position:relative;background:#fff;border:1px solid #d8e1d5;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;flex-shrink:0;font-size:10px;font-variant-numeric:tabular-nums;color:#76906e;letter-spacing:.02em}.step-copy{flex:1;min-width:0}.step-copy strong{display:block;font-size:13px;font-weight:550;white-space:nowrap}.step-copy small{display:block;font-size:10px;color:#62735d;margin-top:7px;line-height:1.5;white-space:nowrap}.route-step>.icon{width:15px;height:15px;color:#a0aca0}.route-step.active{background:#edf2ea;box-shadow:0 0 0 8px #edf2ea}.route-step.active .step-number{color:#fff;background:var(--green);border-color:var(--green)}.route-step.active .step-copy strong{color:var(--deep)}.route-step.passed .step-number{background:#e7eee3}.route-start{margin-top:auto;padding-top:29px}.primary-button{background:var(--green);border-radius:7px;width:100%;padding:15px 13px;display:flex;align-items:center;justify-content:space-between;color:#fff;gap:8px;font-size:11px;letter-spacing:.01em}.primary-button>.icon{width:18px;height:18px}.primary-button>.icon:last-child{width:15px}.route-start>p{text-align:center;font-size:9px;color:#98a097;line-height:1.6;margin:12px -5px 0}.help-note{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.help-note p{font-size:9px;color:#8f998f;line-height:1.8;margin:0}.note-symbol{border:1px solid #aab5a8;border-radius:50%;width:15px;height:15px;display:grid;place-items:center;font-size:10px;color:#879583;font-family:Georgia,serif;flex-shrink:0}.map-shell{border:1px solid #dde3d9;border-radius:13px;overflow:hidden;background:#fff;min-width:0;display:flex;flex-direction:column}.map-toolbar{min-height:61px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #e0e5dd;gap:12px}.area-tabs{display:flex;gap:5px}.area-tabs button{padding:9px 12px;font-size:11px;border-radius:5px;color:#5f7159;white-space:nowrap;transition:all .2s}.area-tabs button.active{background:#edf1e9;color:#47624b;font-weight:600}.view-toggle{display:flex;border:1px solid #e4e8e0;border-radius:5px;padding:3px;flex-shrink:0}.view-toggle button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;padding:6px 8px;border-radius:3px;color:#95a08e;white-space:nowrap}.view-toggle button.active{background:var(--green);color:white}.view-toggle .icon{width:13px;height:13px}.map-stage{position:relative;min-height:454px;flex:1;background:#eff1e9;overflow:hidden;isolation:isolate}.map-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#fafaf4,#ecefe5)}.map-topline{display:flex;justify-content:space-between;align-items:center;position:absolute;left:24px;right:24px;top:23px;pointer-events:none;z-index:4}.scene-kicker{display:flex;gap:8px;align-items:center;font-size:10px;color:#6f826b}.scene-kicker>i{width:5px;height:5px;background:#8ca37a;border-radius:50%}.map-building{font-size:7px;letter-spacing:.12em;color:#99a38e}.map-building span{padding:0 7px}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{display:block;width:100%;height:100%;outline:none;touch-action:pan-y}.plan-wrap{position:absolute;inset:55px 0 55px;display:flex;align-items:center;justify-content:center}.plan-wrap[hidden]{display:none}.plan-wrap img{width:100%;height:100%;object-fit:contain}.hotspots{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;top:0;left:0;pointer-events:auto;background:rgba(255,255,251,.96);border:1px solid #d9e1d1;box-shadow:0 3px 8px #4960420b;display:flex;align-items:center;gap:7px;border-radius:5px;padding:8px 9px;font-size:11px;white-space:nowrap;color:#4e6651;transform:translate(-50%,-100%);will-change:left,top;opacity:0;transition:opacity .3s,background .3s}.map-label>span{font-size:8px;background:#e5ecde;padding:3px 4px;border-radius:3px;color:#698561}.map-label>.icon{width:12px;height:12px;margin-left:2px;color:#9ba891}.map-label:after{content:"";position:absolute;bottom:-13px;left:50%;width:1px;height:13px;background:#a7b99d}.map-label.active{background:var(--green);color:#fff;border-color:var(--green)}.map-label.active>span{color:#fff;background:#ffffff1f}.map-label.goal{border-top:2px solid #7c9c72}.entrance-label{position:absolute;transform:translate(-50%,0);font-size:9px;letter-spacing:.01em;color:#7d8b76;white-space:nowrap;display:flex;align-items:center;gap:6px;opacity:0}.tiny-dot{width:5px;height:5px;display:inline-block;background:var(--route);border-radius:50%}.map-tools{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;padding:4px;background:#ffffffdf;border:1px solid #e0e5d8;border-radius:6px;box-shadow:0 2px 8px #40563808;z-index:5}.map-tools button{height:33px;width:30px;display:grid;place-items:center;font-size:20px;font-weight:300;color:#778c6d}.map-tools button>.icon{width:16px;height:16px}.map-tools>span{height:1px;background:#e4e9df;margin:3px 5px}.map-bottomline{position:absolute;left:22px;right:20px;bottom:20px;display:flex;align-items:center;gap:13px;z-index:4}.compass{display:flex;align-items:center;gap:4px;color:#93a18c}.compass svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1;transform:rotate(-25deg)}.compass small{font-size:8px;transform:translateY(-5px)}#map-hint{font-size:9px;letter-spacing:.02em;color:#95a08c}#play-route{margin-left:auto;display:flex;align-items:center;gap:6px;color:#66835d;border:1px solid #ced9c3;background:#f9fbf4d9;border-radius:5px;padding:8px 10px;font-size:9px}#play-route .icon{height:13px;width:13px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#f0f3eb;color:#839278;font-size:12px;z-index:8}.loading[hidden]{display:none}.spinner{width:20px;height:20px;border:2px solid #d2ddc7;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene-caption{padding:23px 22px;display:flex;gap:15px;align-items:center;min-height:110px;border-top:1px solid #e2e6dd}.caption-icon{background:#f1f4ed;width:43px;height:43px;border-radius:8px;display:grid;place-items:center;color:#91a37e;flex-shrink:0}.caption-icon>.icon{width:23px;height:23px}.caption-copy{flex:1;min-width:0}.caption-copy>p:first-child{font-size:8px;color:#95a08e;letter-spacing:.14em;margin:0 0 6px}.caption-copy h2{font-size:14px;letter-spacing:.015em;font-weight:600;margin:0 0 6px}.caption-copy>p:last-child{font-size:11px;color:#5c7056;margin:0;line-height:1.7}.scene-navigation{display:flex;align-items:center;gap:8px}.scene-navigation>span{font-size:9px;color:#9ba594;margin-right:7px;white-space:nowrap}.arrow-button{border:1px solid #dce3d7;width:32px;height:32px;border-radius:5px;display:grid;place-items:center;color:#a0ad94}.arrow-button>.icon{width:17px;height:17px}.arrow-button:not(.next)>.icon{transform:rotate(180deg)}.arrow-button.next{background:var(--green);color:#fff;border-color:var(--green)}.under-map{display:flex;justify-content:space-between;align-items:center;margin:15px 0 29px;padding-left:324px;font-size:9px;color:#a0a89c;gap:15px}.legend{display:flex;gap:21px;align-items:center;flex-wrap:wrap}.legend>span{display:flex;align-items:center;gap:6px}.legend .icon{width:13px;height:13px;color:#8a9d78}.route-swatch{width:17px;height:3px;border-radius:3px;background:var(--route)}.start-swatch{width:7px;height:7px;border:2px solid #8a9d78;border-radius:50%}footer{max-width:1600px;margin:auto;border-top:1px solid var(--line);padding:19px 4.1% 25px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.035em;color:#929c8e}footer>span:last-child{font-size:7px;letter-spacing:.16em;color:#a9b0a2}.footer-divider{margin:0 8px;color:#b3bdb0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.map-stage.plan-mode .hotspots,.map-stage.plan-mode .map-tools,.map-stage.plan-mode .compass{display:none}.map-stage.plan-mode .map-building{display:none}
@media(min-width:1550px){.map-stage{min-height:525px}.route-panel{padding:28px}.workspace{grid-template-columns:320px minmax(0,1fr)}.route-step{padding-top:17px;padding-bottom:17px}.under-map{padding-left:346px}}
@media(max-width:1200px){.header-center{display:none}.workspace{grid-template-columns:270px minmax(0,1fr);gap:18px}.route-panel{padding:20px 18px 16px}.map-toolbar{padding:10px 12px;flex-wrap:wrap}.area-tabs{gap:1px}.area-tabs button{font-size:10px;padding:9px}.view-toggle{margin-left:auto}.map-stage{min-height:430px}.scene-caption{padding:20px 16px;gap:11px}.caption-icon{display:none}.scene-navigation>span{display:none}.under-map{padding-left:288px}.page-heading>p{font-size:11px}.map-building{display:none}}
@media(max-width:900px){.workspace{grid-template-columns:245px minmax(0,1fr);gap:14px}.route-panel{padding:20px 15px 15px}.location strong{font-size:12px}.step-copy strong{font-size:10px}.step-copy small{font-size:8px}.step-number{width:30px;height:30px}.route-steps:before{left:15px}.route-step{gap:9px}.steps-heading>span{display:none}.route-step>.icon{display:none}.primary-button{font-size:10px;padding:13px 10px}.scene-caption{align-items:flex-start}.scene-navigation{gap:5px}.caption-copy h2{font-size:12px;line-height:1.65}.caption-copy>p:last-child{font-size:9px}.under-map{padding-left:259px}.map-label{font-size:8px;padding:6px 7px;gap:5px}.map-label>.icon{display:none}#map-hint{font-size:8px}.map-bottomline{left:13px;right:13px;gap:6px}.map-topline{left:17px}.area-tabs{flex:1;justify-content:space-between;width:100%}.view-toggle{margin:0 0 0 auto}.map-toolbar{gap:6px}.map-stage{min-height:420px}.header{height:77px}}
@media(max-width:700px){.header{padding:0 20px;height:75px}.brand{font-size:18px;gap:10px}.brand small{font-size:6px;margin-top:5px}.brand-mark{width:27px;height:29px;grid-template-columns:10px 10px;gap:4px}.brand-mark i:first-child{height:29px}.header-right{gap:10px}.floor-badge{font-size:17px}.floor-badge span{display:none}.demo-badge{font-size:8px;padding:6px 7px}main{padding:25px 16px 0}.page-heading{gap:12px;align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:22px;letter-spacing:.015em}.page-heading>p{display:none}.eyebrow{font-size:8px;margin-bottom:8px}.workspace{display:flex;flex-direction:column;gap:16px}.route-panel{order:2;padding:20px}.map-shell{order:1}.map-toolbar{padding:10px 12px;gap:8px}.area-tabs{width:auto;min-width:100%;gap:4px}.area-tabs button{font-size:10px;flex:1;padding:9px 4px}.view-toggle{position:absolute;top:58px;right:14px;z-index:5;background:#f8faf4}.map-shell{position:relative}.map-stage{height:360px;min-height:360px;flex:initial}.map-topline{top:17px}.map-label{font-size:8px;padding:6px;gap:4px}.map-label>span{font-size:6px;padding:2px 3px}.map-label:after{height:10px;bottom:-10px}.entrance-label{font-size:8px}.map-tools{right:10px;top:60%;padding:2px}.map-tools button{width:27px;height:28px;font-size:18px}.map-tools .icon{width:14px;height:14px}.map-bottomline{bottom:14px;gap:8px}.compass{display:none}#map-hint{font-size:8px}.scene-caption{padding:18px 14px;min-height:108px;align-items:center;gap:10px}.caption-copy h2{font-size:12px;max-width:255px}.caption-copy>p:last-child{font-size:10px;line-height:1.8}.scene-navigation{flex-direction:column-reverse;gap:7px}.arrow-button{height:29px;width:29px}.caption-copy>p:first-child{font-size:7px}.route-summary{display:grid;grid-template-columns:1fr}.section-overline{font-size:11px}.destinations{display:flex;justify-content:space-between;gap:15px;padding:18px 0}.location.from{padding:0}.location.from:after{display:none}.location{gap:8px}.location strong{font-size:11px}.location small{font-size:9px;margin-bottom:5px}.location-dot{width:9px;height:9px;border-width:2px;margin-left:1px;margin-right:3px}.location.to>.icon{width:16px;height:19px}.route-facts{font-size:10px;padding:0 0 15px}.steps-heading{margin-top:20px}.steps-heading>span{display:block}.route-steps{gap:4px}.route-step{padding:13px 4px;gap:12px}.step-number{width:34px;height:34px}.step-copy strong{font-size:12px}.step-copy small{font-size:10px;margin-top:5px}.route-step>.icon{display:block}.route-steps:before{left:17px}.route-step.active{box-shadow:0 0 0 5px #edf2ea}.route-start{padding-top:20px}.primary-button{font-size:12px;padding:15px}.route-start>p{font-size:9px}.help-note{margin-top:18px;padding-top:14px}.help-note p{font-size:10px}.help-note br{display:none}.under-map{padding-left:0;margin:16px 0 22px;justify-content:center}.under-map>span{display:none}.legend{gap:22px;font-size:9px}footer{padding:18px 20px 22px;display:block;text-align:center;line-height:2.3}footer>span:last-child{display:block}.plan-wrap{inset:50px 0 45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.plan-open{display:none;position:absolute;bottom:61px;right:20px;z-index:5;background:#fffffff2;border:1px solid #d5dece;border-radius:5px;padding:9px 12px;font-size:11px;color:#546c48}.plan-mode .plan-open{display:block}
@media(max-width:450px){.map-label.goal{transform:translate(-50%,calc(-100% - 28px))}.map-label.goal:after{height:38px;bottom:-38px}}