.hw-story{gap:var(--space-48);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.hw-step{gap:var(--space-24);display:grid}.hw-text{position:relative}.hw-figwrap{order:-1}.hw-count{color:var(--lamp-ink);margin:0}.hw-title{margin:var(--space-8) 0 0}.hw-body{margin:var(--space-12) 0 0;color:var(--ink-secondary);max-width:34em}.hw-quote{margin:var(--space-16) 0 0;padding:var(--space-16) var(--space-20);border-radius:var(--radius-md);background:var(--surface-sunken);max-width:34em}.hw-quote p{margin:0}.hw-note{margin:var(--space-12) 0 0;color:var(--ink-tertiary);max-width:34em}.hw-pro{height:var(--size-badge);padding:0 var(--space-12);margin-left:var(--space-8);border-radius:var(--radius-pill);background:var(--lamp-tint);color:var(--lamp-ink);vertical-align:middle;align-items:center;display:inline-flex}.hw-link{align-items:center;gap:var(--space-4);margin-top:var(--space-16);color:var(--lamp-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.hw-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}.hw-routes{margin:var(--space-16) 0 0;gap:var(--space-8);max-width:34em;padding:0;list-style:none;display:grid}.hw-routes li{color:var(--ink-secondary)}.hw-routes strong{color:var(--ink);font-weight:600}.hw-rail,.hw-stage-dots{display:none}@media (min-width:1024px){.hw-step{gap:var(--space-64);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}.hw-figwrap{order:0}.hw-alt .hw-text{order:2}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.hw-story{column-gap:var(--space-64);grid-template-rows:repeat(9,auto);grid-template-columns:minmax(0,5fr) minmax(0,6fr);row-gap:0}.hw-step{display:contents}.hw-story .hw-alt .hw-text,.hw-step .hw-text{min-height:76vh;padding-left:var(--space-48);flex-direction:column;order:0;grid-column:1;justify-content:center;display:flex}.hw-text[data-i="1"]{grid-row:1}.hw-text[data-i="2"]{grid-row:2}.hw-text[data-i="3"]{grid-row:3}.hw-text[data-i="4"]{grid-row:4}.hw-text[data-i="5"]{grid-row:5}.hw-text[data-i="6"]{grid-row:6}.hw-text[data-i="7"]{grid-row:7}.hw-text[data-i="8"]{grid-row:8}.hw-text[data-i="9"]{grid-row:9}.hw-step .hw-figwrap{top:var(--hw-top,calc(var(--space-64) + var(--space-24)));width:min(100%, calc((100vh - var(--hw-top,calc(var(--space-64) + var(--space-24))) - var(--space-24)) * 520 / 560));grid-area:1/2/span 9;place-self:start center;position:sticky}.hw-story[data-js] .hw-figwrap{opacity:0;transform:translateY(var(--space-8));transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);pointer-events:none}.hw-story[data-js] .hw-figwrap[data-current]{opacity:1;pointer-events:auto;transform:none}.hw-story:not([data-js]) .hw-step:not(:first-child) .hw-figwrap{visibility:hidden}.hw-story[data-js] .hw-title{transition:color var(--duration-slow) var(--ease-out)}.hw-story[data-js] .hw-text:not([data-current]) .hw-title{color:var(--ink-secondary)}.hw-rail{left:var(--space-12);width:var(--size-hairline);background:var(--line-strong);pointer-events:none;grid-column:1;display:block;position:absolute;top:38vh;bottom:38vh}.hw-rail-fill{background:var(--lamp-ink);transform-origin:top;transition:transform var(--duration-slow) var(--ease-out);position:absolute;inset:0;transform:scaleY(0)}.hw-story[data-step="1"] .hw-rail-fill{transform:scaleY(0)}.hw-story[data-step="2"] .hw-rail-fill{transform:scaleY(.125)}.hw-story[data-step="3"] .hw-rail-fill{transform:scaleY(.25)}.hw-story[data-step="4"] .hw-rail-fill{transform:scaleY(.375)}.hw-story[data-step="5"] .hw-rail-fill{transform:scaleY(.5)}.hw-story[data-step="6"] .hw-rail-fill{transform:scaleY(.625)}.hw-story[data-step="7"] .hw-rail-fill{transform:scaleY(.75)}.hw-story[data-step="8"] .hw-rail-fill{transform:scaleY(.875)}.hw-story[data-step="9"] .hw-rail-fill{transform:scaleY(1)}.hw-text:before{content:"";left:calc(var(--space-12) - var(--space-6) + var(--size-hairline) / 2);width:var(--space-12);height:var(--space-12);margin-top:calc(var(--space-6) * -1);border-radius:var(--radius-pill);background:var(--room);box-shadow:inset 0 0 0 2px var(--line-strong);transition:background var(--duration-slow) var(--ease-out), box-shadow var(--duration-slow) var(--ease-out);position:absolute;top:50%}.hw-text[data-reached]:before{background:var(--lamp);box-shadow:inset 0 0 0 2px var(--lamp), 0 0 0 4px var(--lamp-tint)}}.hw-fig{aspect-ratio:520/560;border-radius:var(--radius-lg);width:100%;color:var(--door-ink);background:radial-gradient(ellipse 80% 70% at 50% 45%, color-mix(in srgb, var(--door-light) 12%, var(--door-room)) 0%, var(--door-room) 62%, var(--door-night) 100%);box-shadow:var(--shadow-2), inset 0 0 0 1px var(--door-glass-edge);position:relative;overflow:hidden;container-type:inline-size}.hw-fig>*{margin:0;position:absolute}.hw-svg{width:100%;height:100%;top:0;left:0;overflow:visible}.hw-svg text{font-family:var(--font-display)}.hw-box{transform-box:fill-box;transform-origin:50%}.hw-lab,.hw-labt{font:600 clamp(12px, 2.6923cqw, 13px)/18px var(--font-ui);color:var(--door-ink)}.hw-cap{font:500 clamp(12px, 2.5cqw, 13px)/18px var(--font-ui);color:var(--door-ink-muted)}.hw-chip{display:inline-flex}p.hw-chip{align-items:center;gap:var(--space-6);height:var(--size-badge);padding:0 var(--space-12) 0 var(--space-8);border-radius:var(--radius-pill);background:var(--sage-tint);color:var(--sage-ink);font:600 clamp(12px, 2.6923cqw, 13px)/1 var(--font-ui);white-space:nowrap;display:inline-flex;width:auto!important}p.hw-chip svg{width:var(--space-12);height:var(--space-12);fill:currentColor;flex:none}.hw-encrypt-chip1,.hw-encrypt-chip2{box-shadow:inset 0 0 0 1px var(--door-glass-edge);justify-content:center;background:var(--door-glass)!important;color:var(--door-ink)!important;width:37.692%!important}.hw-badge{align-items:center;gap:var(--space-6);height:var(--size-badge);padding:0 var(--space-12) 0 var(--space-8);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--sage) 16%, var(--door-room));color:var(--sage-ink);font:600 12px/1 var(--font-ui);white-space:nowrap;display:inline-flex}.hw-dot{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--sage);box-shadow:0 0 0 var(--space-2) var(--sage-tint);flex:none}.hw-doorway{fill:color-mix(in srgb, var(--door-light) 12%, var(--door-room))}.hw-room{fill:color-mix(in srgb, var(--door-light) 8%, var(--door-room))}.hw-frame{fill:none;stroke:var(--lamp-ink);stroke-width:2px;opacity:.55}.hw-empty{fill:none;stroke:var(--lamp-ink);stroke-width:2px;stroke-dasharray:4 5;opacity:.3}.hw-light{fill:var(--door-glow)}.hw-spill{fill:color-mix(in srgb, var(--lamp) 22%, transparent)}.hw-trail,.hw-trail-w{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.hw-trail{stroke:var(--door-light)}.hw-trail-w{stroke:var(--danger)}.hw-halo{fill:color-mix(in srgb, var(--door-light) 30%, transparent)}.hw-node{fill:var(--door-glow);stroke:var(--door-light);stroke-width:2px}.hw-phone-outline{fill:color-mix(in srgb, var(--door-night) 70%, transparent);stroke:var(--door-glass-edge);stroke-width:2px}.hw-phone-mini{fill:var(--door-room);stroke:var(--door-glass-edge);stroke-width:2px}.hw-plus{fill:var(--door-ink-muted);font-size:34px;font-weight:700}.hw-chip{fill:var(--surface-high);stroke:var(--lamp-edge);stroke-width:1.5px}.hw-chip-core{fill:var(--lamp)}.hw-chip-pin{stroke:var(--lamp-edge);stroke-width:3px;stroke-linecap:round}.hw-arrow{fill:none;stroke:var(--lamp-ink);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:0;opacity:.8}.hw-route{fill:none;stroke:var(--door-light);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:0;opacity:.6}.hw-keyglow{fill:color-mix(in srgb, var(--lamp) 18%, transparent)}.hw-key-line{fill:none;stroke:var(--lamp);stroke-width:6px;stroke-linejoin:round}.hw-key-shaft{stroke-width:7px;stroke-linecap:round}.hw-key-teeth{fill:none;stroke:var(--lamp);stroke-width:6px;stroke-linecap:round}.hw-glass{fill:var(--door-glass);stroke:var(--door-glass-edge);stroke-width:1px}.hw-sage{fill:var(--sage)}.hw-veil{fill:var(--lamp-glow);opacity:.22}.hw-lockdot{fill:var(--door-glow)}.hw-glyph-dark{fill:var(--on-lamp)}.hw-glyph-dark .hw-glyph-line{fill:none;stroke:var(--on-lamp);stroke-width:1.6px;stroke-linejoin:round}.hw-card{fill:var(--surface-raised);stroke:var(--door-glass-edge);stroke-width:1px}.hw-word{fill:var(--ink-tertiary);opacity:.55}.hw-ghost{opacity:0}.hw-old{opacity:.45}.hw-rooms{position:absolute}.hw-rooms .rm-again{display:none}.hw-limits{justify-content:center;gap:var(--space-12);flex-direction:column;display:flex;inset:7.692% 6.154%}.hw-row{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-20);border-radius:var(--radius-md);background:var(--door-glass);box-shadow:inset 0 0 0 1px var(--door-glass-edge);display:flex}.hw-row-t{font:400 clamp(13px, 3.0769cqw, 16px)/22px var(--font-ui);color:var(--door-ink);margin:0}.hw-rate{height:var(--size-badge);padding:0 var(--space-12);border-radius:var(--radius-pill);font:600 12px/1 var(--font-ui);flex:none;align-items:center;margin:0;display:inline-flex}.hw-rate-weak{background:var(--warning-tint);color:var(--warning)}.hw-rate-strong{background:var(--lamp-tint);color:var(--lamp-ink)}.hw-rate-vstrong{background:var(--sage-tint);color:var(--sage-ink)}.hw-both{margin-top:var(--space-12);padding:var(--space-20);border-radius:var(--radius-md);background:color-mix(in srgb, var(--door-light) 10%, var(--door-room))}.hw-both-t{font:400 clamp(13px, 3.0769cqw, 16px)/22px var(--font-ui);color:var(--door-ink);margin:0}.dl-0{animation-delay:calc(var(--duration-press) * 0)}.dl-1{animation-delay:calc(var(--duration-press) * 1)}.dl-2{animation-delay:calc(var(--duration-press) * 2)}.dl-3{animation-delay:calc(var(--duration-press) * 3)}.dl-4{animation-delay:calc(var(--duration-press) * 4)}.dl-5{animation-delay:calc(var(--duration-press) * 5)}.dl-6{animation-delay:calc(var(--duration-press) * 6)}.dl-7{animation-delay:calc(var(--duration-press) * 7)}.dl-8{animation-delay:calc(var(--duration-press) * 8)}.dl-9{animation-delay:calc(var(--duration-press) * 9)}.dl-10{animation-delay:calc(var(--duration-press) * 10)}.dl-11{animation-delay:calc(var(--duration-press) * 11)}.dl-12{animation-delay:calc(var(--duration-press) * 12)}.dl-13{animation-delay:calc(var(--duration-press) * 13)}.dl-14{animation-delay:calc(var(--duration-press) * 14)}.dl-15{animation-delay:calc(var(--duration-press) * 15)}.dl-16{animation-delay:calc(var(--duration-press) * 16)}.dl-17{animation-delay:calc(var(--duration-press) * 17)}.dl-18{animation-delay:calc(var(--duration-press) * 18)}.dl-19{animation-delay:calc(var(--duration-press) * 19)}.dl-20{animation-delay:calc(var(--duration-press) * 20)}.dl-21{animation-delay:calc(var(--duration-press) * 21)}.dl-22{animation-delay:calc(var(--duration-press) * 22)}.dl-23{animation-delay:calc(var(--duration-press) * 23)}.dl-24{animation-delay:calc(var(--duration-press) * 24)}.dl-25{animation-delay:calc(var(--duration-press) * 25)}.dl-26{animation-delay:calc(var(--duration-press) * 26)}.dl-27{animation-delay:calc(var(--duration-press) * 27)}.dl-28{animation-delay:calc(var(--duration-press) * 28)}.dl-29{animation-delay:calc(var(--duration-press) * 29)}.dl-30{animation-delay:calc(var(--duration-press) * 30)}.dl-31{animation-delay:calc(var(--duration-press) * 31)}.dl-32{animation-delay:calc(var(--duration-press) * 32)}.dl-33{animation-delay:calc(var(--duration-press) * 33)}.dl-34{animation-delay:calc(var(--duration-press) * 34)}.dl-35{animation-delay:calc(var(--duration-press) * 35)}.dl-36{animation-delay:calc(var(--duration-press) * 36)}.dl-37{animation-delay:calc(var(--duration-press) * 37)}.dl-38{animation-delay:calc(var(--duration-press) * 38)}.dl-39{animation-delay:calc(var(--duration-press) * 39)}.dl-40{animation-delay:calc(var(--duration-press) * 40)}@keyframes hw-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hw-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes hw-fade{0%{opacity:0}to{opacity:1}}@keyframes hw-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hw-fly-l{0%{transform:translate(-24px)}to{transform:none}}@keyframes hw-fly-r{0%{transform:translate(24px)}to{transform:none}}@media (prefers-reduced-motion:no-preference){.hw-story[data-js] .hw-an{animation-play-state:paused;animation-fill-mode:both}.hw-story[data-js] .hw-fig[data-on] .hw-an{animation-play-state:running}.hw-story[data-js] .k-in{animation-name:hw-in;animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out)}.hw-story[data-js] .k-pop{animation-name:hw-pop;animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out);transform-box:fill-box;transform-origin:50%}.hw-story[data-js] .k-fade{animation-name:hw-fade;animation-duration:var(--duration-door);animation-timing-function:var(--ease-door)}.hw-story[data-js] .k-draw{animation-name:hw-draw;animation-duration:calc(var(--duration-base) * 5);animation-timing-function:linear}.hw-story[data-js] .k-fly-l{animation-name:hw-fly-l;animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out)}.hw-story[data-js] .k-fly-r{animation-name:hw-fly-r;animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out)}}@media (prefers-reduced-motion:reduce){.hw-an{animation:none!important}}.hw-pattern-chip1{text-align:left;width:34.615%;top:42.143%;left:61.154%}.hw-pattern-chip2{text-align:left;width:34.615%;top:51.071%;left:61.154%}.hw-pattern-caption{text-align:left;width:35.769%;top:61.429%;left:61.154%}.hw-key-pattern{text-align:right;width:31.923%;top:25.357%;left:2.692%;translate:0 -50%}.hw-key-secret{text-align:left;width:24.231%;top:26.429%;left:73.846%;translate:0 -50%}.hw-key-key{text-align:right;width:34.615%;top:52.143%;left:2.692%;translate:0 -50%}.hw-key-door{text-align:left;width:34.615%;top:73.929%;left:63.462%;translate:0 -50%}.hw-key-caption{text-align:center;width:84.615%;top:93.214%;left:7.692%}.hw-encrypt-chip1{text-align:center;width:37.692%;top:88.571%;left:11.538%}.hw-encrypt-chip2{text-align:center;width:37.692%;top:88.571%;left:50.769%}@keyframes hw-fly1{0%{opacity:0;transform:translate(-173.6px,168.6px)scale(.6)}30%{opacity:1}to{opacity:1;transform:none}}.hw-story[data-js] .hw-fly1{animation-name:hw-fly1;animation-duration:var(--duration-door);animation-timing-function:var(--ease-out)}@keyframes hw-fly2{0%{opacity:0;transform:translate(-245.6px,168.6px)scale(.6)}30%{opacity:1}to{opacity:1;transform:none}}.hw-story[data-js] .hw-fly2{animation-name:hw-fly2;animation-duration:var(--duration-door);animation-timing-function:var(--ease-out)}@keyframes hw-fly3{0%{opacity:0;transform:translate(-317.6px,168.6px)scale(.6)}30%{opacity:1}to{opacity:1;transform:none}}.hw-story[data-js] .hw-fly3{animation-name:hw-fly3;animation-duration:var(--duration-door);animation-timing-function:var(--ease-out)}@keyframes hw-fly4{0%{opacity:0;transform:translate(-173.6px,122.6px)scale(.6)}30%{opacity:1}to{opacity:1;transform:none}}.hw-story[data-js] .hw-fly4{animation-name:hw-fly4;animation-duration:var(--duration-door);animation-timing-function:var(--ease-out)}@keyframes hw-fly5{0%{opacity:0;transform:translate(-245.6px,122.6px)scale(.6)}30%{opacity:1}to{opacity:1;transform:none}}.hw-story[data-js] .hw-fly5{animation-name:hw-fly5;animation-duration:var(--duration-door);animation-timing-function:var(--ease-out)}@keyframes hw-fly6{0%{opacity:0;transform:translate(-317.6px,122.6px)scale(.6)}30%{opacity:1}to{opacity:1;transform:none}}.hw-story[data-js] .hw-fly6{animation-name:hw-fly6;animation-duration:var(--duration-door);animation-timing-function:var(--ease-out)}.hw-backup-cloud{text-align:left;width:34.615%;top:12.857%;left:56.154%}.hw-backup-drive{text-align:left;width:34.615%;top:16.786%;left:56.154%}.hw-backup-route{text-align:left;width:28.846%;top:13.214%;left:4.615%}.hw-backup-badge{top:47.857%;left:69.423%;translate:-50%}@keyframes hw-keyin{0%{opacity:0;transform:translate(120px,150px)scale(.8)rotate(-12deg)}40%{opacity:1}to{opacity:1;transform:none}}.hw-story[data-js] .hw-keyin{animation-name:hw-keyin;animation-duration:var(--duration-door);animation-timing-function:var(--ease-out)}.hw-keys-youT{text-align:center;width:38.462%;top:30.714%;left:7.692%}.hw-keys-youB{text-align:center;width:38.462%;top:34.643%;left:7.692%}.hw-keys-phoneT{text-align:center;width:38.462%;top:30.714%;left:53.846%}.hw-keys-phoneB{text-align:center;width:38.462%;top:34.643%;left:53.846%}.hw-keys-cloudT{text-align:center;width:38.462%;top:81.429%;left:7.692%}.hw-keys-cloudB{text-align:center;width:38.462%;top:85.357%;left:7.692%}.hw-keys-hideroomT{text-align:center;width:38.462%;top:81.429%;left:53.846%}.hw-keys-hideroomB{text-align:center;width:38.462%;top:85.357%;left:53.846%}.hw-rooms-caption{text-align:center;width:84.615%;top:87.143%;left:7.692%}.hw-wipe-caption{text-align:center;width:88.462%;top:86.071%;left:5.769%}.hw-rooms{width:100%;top:9.235%;left:0}@keyframes hw-phrase{0%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translate(158px,-57px)scale(.4)}}.hw-story[data-js] .hw-phrase{animation-name:hw-phrase;animation-duration:var(--duration-door);animation-timing-function:var(--ease-in-out)}@keyframes hw-down1{0%{opacity:0;transform:none}20%{opacity:1}to{opacity:0;transform:translate(209px,212px)scale(.7)}}.hw-story[data-js] .hw-down1{animation-name:hw-down1;animation-duration:var(--duration-door);animation-timing-function:var(--ease-in-out)}@keyframes hw-down2{0%{opacity:0;transform:none}20%{opacity:1}to{opacity:0;transform:translate(157px,212px)scale(.7)}}.hw-story[data-js] .hw-down2{animation-name:hw-down2;animation-duration:var(--duration-door);animation-timing-function:var(--ease-in-out)}@keyframes hw-down3{0%{opacity:0;transform:none}20%{opacity:1}to{opacity:0;transform:translate(105px,212px)scale(.7)}}.hw-story[data-js] .hw-down3{animation-name:hw-down3;animation-duration:var(--duration-door);animation-timing-function:var(--ease-in-out)}.hw-move-cloud{text-align:left;width:25%;top:7.857%;left:41.538%}.hw-move-old{text-align:center;width:32.692%;top:91.429%;left:3.462%}.hw-move-oldB{text-align:center;width:32.692%;top:95.357%;left:3.462%}.hw-move-new{text-align:center;width:34.231%;top:91.429%;left:63.269%}.hw-move-newB{text-align:center;width:34.231%;top:95.357%;left:63.269%}.hw-move-phrase{text-align:center;width:34.615%;top:78.214%;left:32.692%}.hw-move-badge{top:23.571%;left:80.321%;translate:-50%}