.hs-root{--hs-ease:cubic-bezier(.2,.8,.2,1);--hs-red:hsl(var(--primary))}.hs-incident{align-items:center;gap:6px;display:inline-flex}.hs-dot{background:var(--hs-red);border-radius:9999px;width:6px;height:6px;position:relative}.hs-dot:after{content:"";background:var(--hs-red);opacity:0;border-radius:9999px;position:absolute;inset:-3px}.hs-phone{transform:translateY(-6px)}.hs-phone-glow{background:radial-gradient(closest-side, hsl(var(--primary) / .35), transparent);filter:blur(14px);opacity:1;pointer-events:none;border-radius:28%;position:absolute;inset:12% 8% 6%}.hs-pill{white-space:nowrap;background:hsl(var(--card));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 8px 24px -10px #13172073}.hs-press,.hs-ring,.hs-window-ring{opacity:0;pointer-events:none}.hs-press-anchor{aspect-ratio:1;pointer-events:none;width:28.3%;position:absolute;top:78.4%;left:71.4%;transform:translate(-50%,-50%)}.hs-press{background:#ffffff8c;border-radius:9999px;position:absolute;inset:-6%;box-shadow:0 0 0 1px #fff9,0 6px 18px -6px #13172080}.hs-ring{border:2px solid hsl(var(--primary) / .7);border-radius:9999px;position:absolute;inset:0}.hs-window-ring{border-radius:inherit;box-shadow:0 0 0 1.5px hsl(var(--primary) / .8), 0 0 28px 2px hsl(var(--primary) / .28);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.hs-play .hs-badge{animation:hs-dip .18s var(--hs-ease) .85s both}.hs-play .hs-press{animation:hs-press .42s var(--hs-ease) .8s both}.hs-play .hs-ring{animation:hs-ring .9s var(--hs-ease) .9s both}.hs-play .hs-ring+.hs-ring{animation-delay:1.08s}.hs-play .hs-window{animation:hs-shake .4s var(--hs-ease) 1.1s both}.hs-play .hs-window-ring{animation:hs-glow .9s var(--hs-ease) 1.1s both}.hs-play .hs-incident{animation:hs-fade .3s var(--hs-ease) 1.15s both}.hs-play .hs-dot:after{animation:1.6s ease-out 1.2s 2 both hs-halo}.hs-play .hs-phone{animation:hs-lift .5s var(--hs-ease) 1.45s both}.hs-play .hs-phone-glow{animation:hs-fade .6s var(--hs-ease) 1.45s both}.hs-play .hs-pill{animation:hs-pill .45s var(--hs-ease) 1.5s both}}@keyframes hs-dip{0%,to{transform:scale(1)}45%{transform:scale(.98)}}@keyframes hs-press{0%{opacity:0;transform:scale(1.35)}40%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(.8)}}@keyframes hs-ring{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(2.1)}}@keyframes hs-shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}32%{transform:translate(3px)}50%{transform:translate(-2px)}67%{transform:translate(2px)}84%{transform:translate(-1px)}}@keyframes hs-glow{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes hs-fade{0%{opacity:0}to{opacity:1}}@keyframes hs-halo{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}@keyframes hs-lift{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes hs-pill{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pln{--pln-ink:#1a1a1a;--pln-ink-2:#404040;--pln-hair:#ddd;--pln-red:#a51d2f;--pln-ring:#b12538;--pln-stage:#1a1a1a;--pln-on-stage-2:#c7c7c7;--pln-mark:#f0566b;--pln-blue:#6e9bff;--pln-radius:.5rem;color:var(--pln-ink);background:#fff;padding-block:64px 72px;scroll-margin-top:80px}@media (width>=1024px){.pln{padding-block:112px 120px}}:where(.pln) *,:where(.pln) :before,:where(.pln) :after{box-sizing:border-box}:where(.pln) :where(h2,p,ol,ul){margin:0}:where(.pln) :where(ol,ul){padding:0;list-style:none}:where(.pln) button{font:inherit;color:inherit}.pln :focus-visible{outline:3px solid var(--pln-ring);outline-offset:3px}.pln .pln-stage :focus-visible{outline-color:#fff}.pln-container{width:100%;max-width:1440px;margin-inline:auto;padding-inline:20px}@media (width>=768px){.pln-container{padding-inline:40px}}.pln-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pln-eyebrow{color:var(--pln-ink-2);margin-bottom:14px;font-size:15px;font-weight:600}.pln-title{letter-spacing:-.01em;font-size:2.5rem;font-weight:800;line-height:1.05}@media (width>=768px){.pln-title{font-size:3.5rem}}@media (width>=1280px){.pln-title{font-size:4.25rem}}.pln-lede{color:var(--pln-ink-2);max-width:40rem;margin-top:20px;font-size:18px;line-height:1.6}.pln-link{min-height:44px;color:var(--pln-ink);text-decoration:underline;-webkit-text-decoration-color:var(--pln-red);-webkit-text-decoration-color:var(--pln-red);text-decoration-color:var(--pln-red);text-underline-offset:6px;align-items:center;gap:.5rem;margin-top:12px;font-weight:600;text-decoration-thickness:2px;display:inline-flex}.pln-link:hover{-webkit-text-decoration-color:var(--pln-ink);-webkit-text-decoration-color:var(--pln-ink);text-decoration-color:var(--pln-ink)}.pln-caption{color:var(--pln-ink-2);margin-top:14px;font-size:14px;line-height:1.5}.pln-stage{background:var(--pln-stage);color:#fff;border-radius:var(--pln-radius);margin-top:24px;position:relative;overflow:hidden}.pln-grid{grid-template-columns:64px 1fr;grid-template-areas:"floor floor""device notify";gap:8px 16px;padding:12px 16px 16px;display:grid}.pln-floorwrap{grid-area:floor;min-width:0;position:relative;overflow:hidden}.pln-devicewrap{grid-area:device;align-self:end}.pln-notifywrap{grid-area:notify;align-self:end;min-height:116px}.pln-zoom{will-change:transform;transition:transform 1.4s cubic-bezier(.2,.7,.2,1);position:relative}.is-located .pln-zoom{transform:scale(1.06)}@media (width<=639px){.is-located .pln-zoom{transform:none}}.pln-floor{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.pln-floor .corridor{fill:#ffffff14}.pln-floor .room{fill:#ffffff08;transition:fill .5s}.pln-floor .room.is-target{fill:#f0566b1a}.is-located .pln-floor .room.is-target{fill:#f0566b6b}.pln-floor .sill{stroke:#ffffff40;stroke-width:1.5px}.pln-floor .sill.is-target{stroke:var(--pln-mark)}.pln-floor .route{fill:none;stroke:#ffffff8c;stroke-width:1.3px;stroke-linejoin:round;opacity:0;transition:opacity .3s}.is-walking .pln-floor .route{opacity:1}.pln-floor .wall{fill:#ffffff12;stroke:#ffffff40;stroke-width:.6px}.pln-floor .walltop{stroke:#ffffffb3;stroke-width:1.6px;stroke-linecap:round}.pln-floor .door{fill:#ffffff1f;stroke:#fff6;stroke-width:.6px}.pln-floor .fu1{fill:#ffffff1a}.pln-floor .fu2{fill:#ffffff29}.pln-floor .fu3{fill:#ffffff42;stroke:#ffffff4d;stroke-width:.5px}.pln-floor .anchor rect{fill:#ffffff73;transition:fill .4s}.pln-floor .anchor-link{stroke:var(--pln-mark);stroke-width:.9px;opacity:0;transition:opacity .4s}.pln-floor .anchor-pulse{fill:#f0566b59;opacity:0}.is-located .pln-floor .is-near rect{fill:var(--pln-mark)}.is-located .pln-floor .anchor-link{opacity:.8}.is-located .pln-floor .anchor-pulse{opacity:1}.pln-floor .lbl{letter-spacing:.08em;fill:#ffffff9e;font:600 11px Public Sans,system-ui,sans-serif}.pln-floor .lbl.is-target{fill:#fff;font-weight:700}.pln-floor .locate-ring{fill:none;stroke:var(--pln-mark);stroke-width:1.6px;opacity:0}.is-located .pln-floor .locate-ring{opacity:1}.pln-floor .walker .shadow{fill:#00000080}.pln-floor .walker .body{stroke:#fffc;stroke-width:1.2px}.pln-floor .walker .head{fill:#fff;stroke:var(--pln-mark);stroke-width:1.6px;transition:fill .2s}.is-pressed .pln-floor .walker .head{fill:var(--pln-mark);stroke:#fff}.pln-floor .press-ring{fill:none;stroke:var(--pln-mark);stroke-width:1.6px;opacity:0}[data-current="1"].is-pressed .pln-floor .press-ring{opacity:1}@media (width<=639px){.pln-floor .lbl{display:none}.pln-floor .lbl.is-target{letter-spacing:.03em;font-size:19px;display:inline}.pln-grid{grid-template-columns:72px 1fr;column-gap:14px;padding:8px 10px 14px}}.pln-badge{background:var(--pln-red);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:7px 10px;font-size:14px;font-weight:700;line-height:1;transition:opacity .4s;position:absolute;transform:translate(-50%,-135%)}.is-located .pln-badge{opacity:1}@media (width<=639px){.pln-badge{padding:6px 8px;font-size:13px;transform:translate(-72%,-150%)}}.pln-device{width:100%;position:relative}.pln-device img{width:100%;height:auto;display:block}.pln-press{aspect-ratio:1;border:4px solid var(--pln-mark);opacity:0;border-radius:50%;width:44%;animation:1.6s ease-out infinite pln-press;position:absolute;top:78.4%;left:71.3%;transform:translate(-50%,-50%)}[data-current="1"].is-pressed .pln-press{opacity:1}.pln-notify{border-radius:var(--pln-radius);opacity:0;visibility:hidden;background:#262626;border:1px solid #ffffff29;padding:14px 16px;transition:opacity .45s,transform .45s,visibility 0s .45s;transform:translateY(6px)}.is-notified .pln-notify{opacity:1;visibility:visible;transition:opacity .45s,transform .45s;transform:none}.pln-notify .nlab{color:var(--pln-on-stage-2);margin-bottom:10px;font-size:13px}.pln-notify li{grid-template-columns:12px 1fr;align-items:start;gap:10px;font-size:15px;line-height:1.4;display:grid}.pln-notify li+li{margin-top:8px}.pln-notify .dot{border-radius:50%;width:12px;height:12px;margin-top:4px}.pln-notify .dot.red{background:var(--pln-mark)}.pln-notify .dot.blue{background:var(--pln-blue)}.pln .pulse{animation:1.6s ease-out infinite pln-pulse}@keyframes pln-pulse{0%{transform:scale(.7)}to{stroke-opacity:0;fill-opacity:0;transform:scale(1.5)}}@keyframes pln-press{0%{box-shadow:0 0 #f0566b99}to{box-shadow:0 0 0 14px #f0566b00}}.pln-steps{gap:0;margin-top:40px;display:grid}.pln-steps li{border-top:1px solid var(--pln-hair)}.pln-step{text-align:left;cursor:pointer;border-radius:var(--pln-radius);background:0 0;border:0;grid-template-columns:auto 1fr;column-gap:16px;width:100%;padding:18px 0;display:grid}.pln-step .num{border:2px solid var(--pln-ink-2);font-variant-numeric:tabular-nums;border-radius:50%;grid-row:1/span 3;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:inline-grid}.pln-step .ttl{color:var(--pln-ink-2);font-size:1.25rem;font-weight:700;line-height:1.25}.pln-step .body{color:var(--pln-ink-2);margin-top:6px;font-size:16px;line-height:1.5}.pln-step .state{color:var(--pln-ink-2);align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:700;display:inline-flex}.pln-step .state:before{content:"";border:2px solid;border-radius:50%;width:10px;height:10px}.pln-step[data-state=now] .ttl,.pln-step[data-state=now] .state{color:var(--pln-ink)}.pln-step[data-state=now] .num{background:var(--pln-red);border-color:var(--pln-red);color:#fff}.pln-step[data-state=now] .state:before{background:currentColor}.pln-step[data-state=done] .state:before{background:currentColor;border-radius:2px}.pln-step .bar{background:var(--pln-hair);border-radius:2px;height:4px;display:none;overflow:hidden}.pln-step .bar i{background:var(--pln-ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (width>=768px){.pln-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px}.pln-steps li{border-top:0}.pln-step{flex-direction:column;align-items:flex-start;padding:0;display:flex}.pln-step .bar{order:-1;width:100%;margin:0 0 20px;display:block}.pln-step .num{border:0;border-radius:0;width:auto;height:auto;margin-bottom:8px;display:inline-flex;color:var(--pln-ink-2)!important;background:0 0!important}.pln-step .ttl{letter-spacing:-.01em;font-size:1.75rem;line-height:1.15;display:block}.pln-step .body{max-width:26rem;margin-top:10px;font-size:17px;display:block}.pln-step .state{display:flex}.pln-step[data-state=now] .num{color:var(--pln-red)!important}.pln-step[data-state=now] .bar{background:#c9c9c9}.pln-step[data-state=now] .bar i{background:var(--pln-red)}.pln-stage{margin-top:40px}}@media (width>=1280px){.pln-step .ttl{font-size:2rem}.pln-steps{gap:48px}}@media (width>=768px) and (width<=1199px){.pln-grid{grid-template-columns:120px 1fr;column-gap:24px;padding:20px 24px 24px}.pln-notifywrap{max-width:420px}}@media (width>=1200px){.pln-grid{grid-template-columns:minmax(90px,150px) minmax(0,1fr) minmax(220px,300px);grid-template-areas:"device floor notify";align-items:center;column-gap:32px;padding:28px 40px}.pln-floorwrap{justify-self:center;width:100%;max-width:780px}.pln-ctl{position:absolute;top:24px;left:28px;padding:0!important}.pln-devicewrap{align-self:end}.pln-notifywrap{align-self:start;min-height:0;padding-top:24px}}.pln-ctl{padding:0 16px 16px}.pln-play{border-radius:var(--pln-radius);color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #fff;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 16px;font-size:16px;font-weight:700;display:inline-flex}.pln-play:hover{background:#ffffff1a}.pln-play svg{flex:none;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.pln-zoom,.pln-floor .room,.pln-notify,.pln-badge,.pln-floor *{transition:none!important}.is-located .pln-zoom{transform:none}.pln .pulse,.pln-press{animation:none}}
