.es-walk .walk-intro{position:relative;padding:clamp(96px,14vh,160px) 0 clamp(40px,6vh,72px);background:radial-gradient(60% 80% at 15% 0,#eef1fb,rgba(238,241,251,0) 70%),#ffffff}.es-walk .walk-intro h1,.es-walk .walk-intro h2{font-size:clamp(42px,5.6vw,92px);letter-spacing:-.055em;line-height:.95;max-width:18ch;margin-top:20px}.es-walk .walk-intro p.l{margin-top:24px;font-size:clamp(18px,1.5vw,21px);color:var(--slate);max-width:52ch}.es-walk .walk-intro.page-head{padding:clamp(112px,15vh,160px) 0 clamp(56px,8vh,96px)}.es-walk .walk-intro.page-head .wrap{max-width:1440px}.es-walk .walk-intro.page-head h1{font-size:var(--hero-h1);letter-spacing:-.04em;line-height:.96;max-width:16ch;margin-top:24px}.es-walk .walk-intro.page-head p.l{margin-top:36px;max-width:50ch;font-size:clamp(19px,1.7vw,23px);line-height:1.45}.es-walk .walk-intro .demo{margin-top:18px;font-size:14px;color:var(--grey)}.es-walk .walk{position:relative;background:#ffffff}.es-walk .walk:before{content:"";position:absolute;inset:0;background-image:var(--dots);background-size:22px 22px;pointer-events:none}.es-walk .walk-pin{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0 var(--gut)}.es-walk .steps{list-style:none;margin:0 auto;padding:0;max-width:1320px}.es-walk .step{padding:40px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);align-items:start}.es-walk .step .k{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-text);display:flex;gap:10px;align-items:center}.es-walk .step .k b{font-variant-numeric:tabular-nums;color:var(--ink)}.es-walk .step .step-h{font-size:clamp(30px,3vw,46px);letter-spacing:-.045em;line-height:1.02;margin-top:14px}.es-walk .step p.t{margin-top:14px;font-size:18px;color:var(--slate);max-width:36ch}.es-walk .solo{margin:0;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(48,41,57,.35),0 0 0 1px rgba(48,41,57,.1);background:#fff}.es-walk .solo .shot{position:relative}.es-walk .shot img{display:block;width:100%;height:auto}.es-walk .hl{position:absolute;border:3px solid var(--orange);border-radius:12px;box-shadow:0 0 0 9999px rgba(48,41,57,.14),0 0 0 6px rgba(233,120,64,.22);pointer-events:none}.es-walk .solo .hl{box-shadow:0 0 0 4px rgba(233,120,64,.25)}.es-walk .stage-wrap,.es-walk .wrail{display:none}@media (max-width:860px){.es-walk .step{grid-template-columns:1fr}}.es-walk.motion .walk{height:calc(var(--n) * 45vh + 60vh)}.es-walk.motion .walk-pin{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:center;padding:76px var(--gut) 24px;max-width:1600px;margin:0 auto}.es-walk.motion .copycol{display:flex;flex-direction:column;gap:28px}.es-walk.motion .steps{position:relative;height:var(--sh,300px);width:100%;max-width:none;margin:0}.es-walk.motion .step{position:absolute;left:0;top:0;right:0;display:block;padding:0;border:0;opacity:0;transform:translateY(14px);transition:opacity .35s var(--ease),transform .45s var(--ease);pointer-events:none}.es-walk.motion .step.on{opacity:1;transform:none;pointer-events:auto}.es-walk.motion .step .solo{display:none}.es-walk.motion .wrail{display:block}.es-walk .wrail ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.es-walk .wrail li{border-bottom:1px solid var(--line)}.es-walk .wrail button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;background:transparent;border:0;padding:0 8px;text-align:left;font-size:15px;color:var(--grey);border-radius:6px}.es-walk .wrail button span{font-family:ui-monospace,Menlo,monospace;font-size:12px;width:22px;color:var(--grey)}.es-walk .wrail button .lbl{font-style:normal}.es-walk .wrail button:hover{color:var(--ink);background:rgba(48,41,57,.04)}.es-walk .wrail button[aria-current=step]{color:var(--ink);font-weight:600}.es-walk .wrail button[aria-current=step] span{color:var(--orange-text)}.es-walk .wrail button i{margin-left:auto;width:8px;height:8px;border-radius:50%;background:transparent;transition:background .3s}.es-walk .wrail button[aria-current=step] i{background:var(--orange-btn)}.es-walk.motion .stage-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}.es-walk .frame{width:min(100%,calc((100vh - 190px) * 1.6));background:#ffffff;border-radius:18px;padding:0;box-shadow:0 70px 120px -50px rgba(48,41,57,.38),0 0 0 1px rgba(48,41,57,.1);overflow:hidden;transition:background .6s var(--ease),box-shadow .6s var(--ease),padding .6s var(--ease)}.es-walk .frame .bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-bottom:1px solid var(--line);background:#fafafb;font-size:13px;color:var(--grey);transition:background .6s,color .6s,border-color .6s}.es-walk .frame .bar .dots{display:flex;gap:6px}.es-walk .frame .bar .dots i{width:10px;height:10px;border-radius:50%;background:#ddd9e3;transition:background .6s}.es-walk .frame .bar b{font-weight:600;color:var(--ink);transition:color .6s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.es-walk .frame .bar .role{margin-left:auto;font-size:12px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;white-space:nowrap;transition:border-color .6s}.es-walk .frame.tab{background:#2a2433;box-shadow:0 80px 120px -50px rgba(48,41,57,.55),0 0 0 1px rgba(48,41,57,.2)}.es-walk .frame.tab .bar{background:#2a2433;color:#d9d4e3;border-color:#2a2433}.es-walk .frame.tab .bar b{color:#ffffff}.es-walk .frame.tab .bar .dots i{background:#4a4356}.es-walk .frame.tab .bar .role{border-color:#6a637a}.es-walk .view{position:relative;aspect-ratio:16/10;overflow:hidden;background:#ffffff}.es-walk .frame.tab .view{background:#fdf3dc}.es-walk .view .shot{position:absolute;left:0;top:0;width:100%;transform-origin:0 0;opacity:0;transition:opacity .4s ease,transform .6s cubic-bezier(.6,0,.2,1);will-change:transform}.es-walk .view .shot.on{opacity:1;z-index:1}.es-walk .view .shot .hl{opacity:0;transition:opacity .25s ease 0s}.es-walk .view .shot.on .hl{opacity:1;transition:opacity .35s ease .45s}.es-walk.instant .frame,.es-walk.instant .frame *,.es-walk.instant .step,.es-walk.instant .view .shot,.es-walk.instant .view .shot .hl{transition:none!important}.es-walk .stage-cap{font-size:14px;color:var(--grey);display:flex;gap:8px;align-items:center}.es-walk .stage-cap:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}@media (max-width:860px){.es-walk.motion .walk{height:calc(var(--n) * 35vh + 60vh)}.es-walk.motion .walk-pin{padding:72px 12px 12px}.es-walk.motion .stage-wrap,.es-walk.motion .walk-pin{display:flex;flex-direction:column;align-items:stretch;gap:0}.es-walk.motion .stage-wrap{order:-1}.es-walk .frame{width:100%;border-radius:14px}.es-walk .frame .view{height:240px;transition:height .6s cubic-bezier(.6,0,.2,1)}.es-walk .frame .bar{height:36px;font-size:12px}.es-walk .frame .bar .dots{display:none}.es-walk .view{aspect-ratio:auto}.es-walk .stage-cap{display:none}.es-walk.motion .copycol{flex:none;position:relative;z-index:2;margin:12px 0 0;background:rgba(255,255,255,.97);border-radius:16px;padding:6px 14px 14px;box-shadow:0 20px 50px -20px rgba(48,41,57,.4),0 0 0 1px rgba(48,41,57,.08);gap:6px}.es-walk .step .step-h{font-size:26px;margin-top:6px}.es-walk .step p.t{font-size:16px;margin-top:8px}.es-walk .wrail{order:-1}.es-walk .wrail ol{display:flex;justify-content:space-between;border:0}.es-walk .wrail li{border:0}.es-walk .wrail button{width:40px;min-width:40px;height:44px;justify-content:center;padding:0;font-size:13px}.es-walk .wrail button span{font-size:12px}.es-walk .wrail button .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.es-walk .wrail button span{width:auto;text-align:center}.es-walk .wrail button i{display:none}.es-walk .wrail button[aria-current=step]{background:var(--ink);color:#fff}.es-walk .wrail button[aria-current=step] span{color:#fff}}.es-walk .clipbox{position:relative;overflow:hidden}.es-walk .clipbox .clipin{position:absolute}.es-how .close-wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:clamp(28px,5vw,72px);align-items:center}.es-how .close-more{margin-top:20px}@media (max-width:900px){.es-how .close-wrap{grid-template-columns:1fr}}