.f-customer-journey-cx-research .card{--nof:clamp(150px,20vw,300px);--padx:clamp(26px,3.4vw,58px);top:var(--pin,0px);border:1px solid var(--rule);background:linear-gradient(#c2d69b 0%,#d8e5bd 26%,#edf3e1 58%,#fff 100%);border-radius:8px;margin-bottom:0;position:sticky;overflow:clip;box-shadow:0 -16px 46px -22px #2c471057}.f-customer-journey-cx-research .big-no{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:auto;font-family:var(--hp-font-display);font-weight:800;font-size:var(--nof);letter-spacing:-.05em;white-space:nowrap;background:linear-gradient(#2c4710 0%,#668d2f 42%,#d6e6b8 42% 100%) 0 100%/100% 240%;color:#0000;-webkit-background-clip:text;background-clip:text;line-height:.8;transition:background-position 1.1s cubic-bezier(.22,.9,.3,1);position:absolute;top:.02em;right:.04em}.f-customer-journey-cx-research .big-no:hover{background-position:0 0}.f-customer-journey-cx-research .in{z-index:1;padding:clamp(30px,4.5vh,58px) var(--padx);pointer-events:none;position:relative}.f-customer-journey-cx-research .in>*{pointer-events:auto}.f-customer-journey-cx-research .kick,.f-customer-journey-cx-research .qbox,.f-customer-journey-cx-research .q,.f-customer-journey-cx-research .lead{pointer-events:none}.f-customer-journey-cx-research .ic{pointer-events:auto}.f-customer-journey-cx-research .kick,.f-customer-journey-cx-research .qbox,.f-customer-journey-cx-research .qdots{max-width:max(250px,calc(100% - var(--nof) + var(--padx) - 32px))}.f-customer-journey-cx-research .kick{align-items:center;gap:14px;margin-bottom:clamp(18px,2.6vh,30px);display:flex}.f-customer-journey-cx-research .ic{background:#668d2f1a;border:1px solid #668d2f33;border-radius:8px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .3s cubic-bezier(.34,1.3,.5,1),background-color .3s;display:flex}.f-customer-journey-cx-research .ic svg{width:27px;max-width:27px;height:27px;max-height:27px;stroke:var(--ind);fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.f-customer-journey-cx-research .ic:hover svg path,.f-customer-journey-cx-research .ic:active svg path{animation:fcustomerjoIc2 var(--D,.7s) linear var(--W,0s) forwards}.f-customer-journey-cx-research .ic:hover,.f-customer-journey-cx-research .ic:active{background:#668d2f2b;transform:scale(1.08)}.f-customer-journey-cx-research .card h3{font-family:var(--hp-font-display);letter-spacing:.02em;font-size:13px;font-weight:800}.f-customer-journey-cx-research .qbox{margin-bottom:clamp(16px,2.4vh,26px);display:grid}.f-customer-journey-cx-research .q{font-family:var(--hp-font-display);letter-spacing:-.03em;color:var(--ink);opacity:0;filter:blur(9px);pointer-events:none;text-wrap:balance;overflow-wrap:break-word;grid-area:1/1;font-size:clamp(24px,3.1vw,44px);font-weight:800;line-height:1.06;transition:opacity .75s,filter .75s,transform .75s;transform:translateY(9px)}.f-customer-journey-cx-research .q.on{opacity:1;filter:blur();transform:none}.f-customer-journey-cx-research .qdots{gap:6px;margin-bottom:clamp(20px,3vh,34px);display:flex}.f-customer-journey-cx-research .qdots button{background:var(--ind-m);cursor:pointer;border:0;border-radius:2px;width:26px;height:3px;padding:0;transition:background-color .4s,width .4s}.f-customer-journey-cx-research .qdots button.on{background:var(--ind);width:44px}.f-customer-journey-cx-research .lead{max-width:62ch;margin-bottom:clamp(26px,4vh,46px);font-size:clamp(15px,1.15vw,17.5px);font-weight:300;line-height:1.7}.f-customer-journey-cx-research .lead b{color:var(--ink);font-weight:500}.f-customer-journey-cx-research .fig{border:1px solid var(--rule);background:#ffffff9e;border-radius:8px;margin-bottom:clamp(34px,4.2vh,54px);padding:clamp(16px,2vh,26px)}.f-customer-journey-cx-research .fig-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:10px;display:flex}.f-customer-journey-cx-research .fig-t{font-family:var(--hp-font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--mute);font-size:10.5px;font-weight:700}.f-customer-journey-cx-research .fig-h{color:var(--mute);font-size:12px;font-style:italic;transition:opacity .3s}.f-customer-journey-cx-research .fig-frame{color:var(--body);max-width:82ch;margin:8px 0 16px;font-size:12.5px;font-weight:300;line-height:1.55}.f-customer-journey-cx-research .fig-frame b{color:var(--ink);font-weight:500}.f-customer-journey-cx-research .lg{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:12px;display:flex}.f-customer-journey-cx-research .lg-i{font-family:var(--hp-font-display);color:var(--ind-d);overflow-wrap:break-word;align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:inline-flex}.f-customer-journey-cx-research .lg-i i{flex:none;display:block}.f-customer-journey-cx-research .lg-run i{border-top:2px dashed #b9c4a6;width:20px;height:0}.f-customer-journey-cx-research .lg-drop i{background:var(--bad);border-radius:50%;width:12px;height:12px}.f-customer-journey-cx-research .lg-drop{color:var(--bad)}.f-customer-journey-cx-research .lg-fix i{background:var(--ind);border-radius:50%;width:12px;height:12px}.f-customer-journey-cx-research .fx{touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.f-customer-journey-cx-research .fx-run{fill:none;stroke:#c9d3b7;stroke-width:calc(1.6px * var(--k,1.25));stroke-dasharray:calc(7px * var(--k,1.25)) calc(7px * var(--k,1.25))}.f-customer-journey-cx-research .fx-path{fill:none;stroke:var(--ind);stroke-width:calc(3.2px * var(--k,1.25));stroke-linecap:round;stroke-linejoin:round;transition:d .7s cubic-bezier(.4,0,.2,1)}.f-customer-journey-cx-research .fx-end{font-family:var(--hp-font-body);font-weight:400;font-size:calc(11px * var(--k,1.25));fill:var(--mute)}.f-customer-journey-cx-research .fx-lead{stroke:#cbd5ba;stroke-width:calc(1.2px * var(--k,1.25));stroke-dasharray:calc(3px * var(--k,1.25)) calc(4px * var(--k,1.25))}.f-customer-journey-cx-research .fx-g{cursor:pointer;outline:none}.f-customer-journey-cx-research .fx-hit{fill:#0000;pointer-events:all}.f-customer-journey-cx-research .fx-halo{fill:var(--bad);opacity:.13;transition:opacity .3s,fill .4s}.f-customer-journey-cx-research .fx-dot{fill:var(--bad);stroke:#fff;stroke-width:calc(2.4px * var(--k,1.25));transition:fill .4s}.f-customer-journey-cx-research .fx-g:hover .fx-halo,.f-customer-journey-cx-research .fx-g:focus .fx-halo{opacity:.3}.f-customer-journey-cx-research .fx-g.on .fx-halo{fill:var(--ind);opacity:.28}.f-customer-journey-cx-research .fx-g.on .fx-dot{fill:var(--ind)}.f-customer-journey-cx-research .fx-nm{font-family:var(--hp-font-display);font-weight:700;font-size:calc(13px * var(--k,1.25));fill:var(--ink);transition:fill .4s}.f-customer-journey-cx-research .fx-g.on .fx-nm{fill:var(--ind-d)}.f-customer-journey-cx-research .fx-st{font-family:var(--hp-font-body);font-weight:400;font-size:calc(10.5px * var(--k,1.25));fill:var(--mute)}.f-customer-journey-cx-research .fx-cm{font-family:var(--hp-font-display);font-weight:700;font-size:calc(11.5px * var(--k,1.25));fill:var(--bad);transition:fill .4s}.f-customer-journey-cx-research .fx-g.on .fx-cm{fill:var(--ind)}.f-customer-journey-cx-research .fx.corto .fx-nm{font-size:calc(10.4px * var(--k,1.25))}.f-customer-journey-cx-research .fx.corto .fx-cm{font-size:calc(9.8px * var(--k,1.25))}.f-customer-journey-cx-research .fx.corto .fx-st{font-size:calc(9.5px * var(--k,1.25))}.f-customer-journey-cx-research .fx.mini .fx-nm{font-size:calc(9.9px * var(--k,1.25))}.f-customer-journey-cx-research .fx.picked .fx-g{opacity:.5;transition:opacity .35s}.f-customer-journey-cx-research .fx.picked .fx-g.on{opacity:1}.f-customer-journey-cx-research .fx-out{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;display:grid}.f-customer-journey-cx-research .fx-s{border:1px solid var(--rule);background:#ffffffb3;border-radius:8px;padding:13px 16px;transition:background-color .4s,border-color .4s}.f-customer-journey-cx-research .fx-s b{font-family:var(--hp-font-display);color:#aeb6a2;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.15;transition:color .4s;display:block}.f-customer-journey-cx-research .fx-s span{color:var(--body);margin-top:7px;font-size:10.5px;line-height:1.35;display:block}.f-customer-journey-cx-research .fx-s.live{background:var(--tint);border-color:var(--ind-m)}.f-customer-journey-cx-research .fx-s.live b{color:var(--deep)}.f-customer-journey-cx-research .fig-read{border-top:1px solid var(--rule);min-height:52px;color:var(--body);max-width:82ch;margin-top:18px;padding-top:14px;font-size:13.5px;line-height:1.55}.f-customer-journey-cx-research .fig-nm{font-family:var(--hp-font-display);letter-spacing:-.005em;color:var(--ind-d);margin-bottom:10px;font-size:15px;font-weight:800}.f-customer-journey-cx-research .rows{gap:10px;display:grid}.f-customer-journey-cx-research .row{border-radius:8px;padding:14px 16px}.f-customer-journey-cx-research .row-a{background:#ecf9d2;border:1px solid #d0e5a8}.f-customer-journey-cx-research .row-b{background:#fdecec;border:1px solid #e9a6a6}.f-customer-journey-cx-research .row b{font-family:var(--hp-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ind-d);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.f-customer-journey-cx-research .row-b b{color:var(--bad)}.f-customer-journey-cx-research .dec{transition:filter .22s,opacity .22s}.f-customer-journey-cx-research .dec.on{filter:blur(3px);opacity:.65}@container (width>=900px){.f-customer-journey-cx-research .rows{grid-template-columns:repeat(2,minmax(0,1fr))}}.f-customer-journey-cx-research .fig-tx{color:var(--ink);border-top:1px solid var(--rule);margin-top:12px;padding-top:10px;font-weight:600}.f-customer-journey-cx-research .fig-note{color:var(--mute);max-width:78ch;margin-top:12px;font-size:11.5px;font-weight:300;line-height:1.5}.f-customer-journey-cx-research .boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(34px,4.2vh,54px);display:grid}.f-customer-journey-cx-research .box{--pad:clamp(20px,2.6vh,30px);padding:var(--pad);border-radius:8px;transition:box-shadow .4s,transform .4s cubic-bezier(.22,.9,.3,1),border-color .4s;position:relative;overflow:hidden}.f-customer-journey-cx-research .box-p{background:#ecf9d2;border:1px solid #d0e5a8}.f-customer-journey-cx-research .box-p:hover{border-color:#a8c77a;transform:translateY(-3px);box-shadow:0 14px 34px -12px #42631852}.f-customer-journey-cx-research .box-g{background:#e4f7ef;border:1.5px solid #9fe0c4;box-shadow:0 10px 30px -14px #3cc4926b}.f-customer-journey-cx-research .box-g:hover{border-color:#3cc492;transform:translateY(-4px);box-shadow:0 20px 46px -12px #3cc4928c}.f-customer-journey-cx-research .box-h{z-index:1;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) 16px;padding:var(--pad) var(--pad) 14px;border-bottom:1px solid #1a1b211a;position:relative;overflow:hidden}.f-customer-journey-cx-research .box h4{z-index:1;font-family:var(--hp-font-display);letter-spacing:-.005em;font-size:15px;font-weight:800;position:relative}.f-customer-journey-cx-research .box-no{right:var(--pad);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--hp-font-display);letter-spacing:-.045em;white-space:nowrap;color:#0000;background-position:0 100%;background-size:100% 240%;-webkit-background-clip:text;background-clip:text;font-size:clamp(60px,5.6vw,88px);font-weight:800;line-height:.78;transition:background-position 1.1s cubic-bezier(.22,.9,.3,1);position:absolute;bottom:6px}.f-customer-journey-cx-research .box-p .box-no{background-image:linear-gradient(#2c4710 0%,#668d2f 42%,#cfe3ae 42% 100%)}.f-customer-journey-cx-research .box-g .box-no{background-image:linear-gradient(#126b4b 0%,#3cc492 42%,#c2e9d8 42% 100%)}.f-customer-journey-cx-research .box:hover .box-no{background-position:0 0}.f-customer-journey-cx-research .box ul{z-index:1;gap:11px;margin-left:0;padding-left:0;list-style:none;display:grid;position:relative}.f-customer-journey-cx-research .box li{cursor:default;overflow-wrap:break-word;gap:10px;font-size:13.5px;line-height:1.5;list-style:none;display:flex}.f-customer-journey-cx-research .box li svg{fill:none;width:12px;max-width:12px;height:12px;max-height:12px;stroke:var(--ind);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}.f-customer-journey-cx-research .box li b{color:var(--ink);font-weight:600}.f-customer-journey-cx-research .box li:hover svg path,.f-customer-journey-cx-research .box li:active svg path,.f-customer-journey-cx-research .box:hover li svg path{animation:.45s cubic-bezier(.35,.9,.4,1) forwards fcustomerjoTick2}.f-customer-journey-cx-research .box:hover li:nth-child(2) svg path{animation-delay:70ms}.f-customer-journey-cx-research .box:hover li:nth-child(3) svg path{animation-delay:.14s}.f-customer-journey-cx-research .box:hover li:nth-child(4) svg path{animation-delay:.21s}.f-customer-journey-cx-research .box:hover li:nth-child(5) svg path{animation-delay:.28s}@container (width<=940px){.f-customer-journey-cx-research .card{--nof:120px;min-height:0;position:relative;top:auto}.f-customer-journey-cx-research .boxes{grid-template-columns:1fr}}@container (width<=700px){.f-customer-journey-cx-research .fig-top{flex-direction:column;align-items:flex-start;gap:5px}.f-customer-journey-cx-research .fx-out{grid-template-columns:1fr;gap:8px}.f-customer-journey-cx-research .fx-s{align-items:baseline;gap:12px;display:flex}.f-customer-journey-cx-research .fx-s b{font-size:22px}.f-customer-journey-cx-research .fx-s span{margin-top:0;font-size:11.5px}}@container (width<=600px){.f-customer-journey-cx-research .in{padding-top:80px;padding-left:14px;padding-right:14px}.f-customer-journey-cx-research .card{--nof:88px}.f-customer-journey-cx-research .kick,.f-customer-journey-cx-research .qbox,.f-customer-journey-cx-research .qdots{max-width:none}.f-customer-journey-cx-research .fig{padding:14px 8px}.f-customer-journey-cx-research .fig-top,.f-customer-journey-cx-research .fig-frame,.f-customer-journey-cx-research .lg,.f-customer-journey-cx-research .fx-out,.f-customer-journey-cx-research .fig-read,.f-customer-journey-cx-research .fig-note{padding-left:6px;padding-right:6px}.f-customer-journey-cx-research .lg{gap:7px 13px}.f-customer-journey-cx-research .lg-i{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.f-customer-journey-cx-research .box li svg path,.f-customer-journey-cx-research .ic svg path{stroke-dashoffset:0;animation:none}.f-customer-journey-cx-research .box:hover,.f-customer-journey-cx-research .box-p:hover,.f-customer-journey-cx-research .box-g:hover{transform:none}.f-customer-journey-cx-research .big-no,.f-customer-journey-cx-research .box-no{transition:none}.f-customer-journey-cx-research .q{filter:none;transition:opacity 10ms;transform:none}.f-customer-journey-cx-research .fx-path{transition:none}.f-customer-journey-cx-research .dec,.f-customer-journey-cx-research .dec.on{filter:none;opacity:1;transition:none}}.f-ux-usability-research .card{--nof:clamp(150px,20vw,300px);--padx:clamp(26px,3.4vw,58px);top:var(--pin,0px);border:1px solid var(--rule);background:linear-gradient(#c2d69b 0%,#d8e5bd 26%,#edf3e1 58%,#fff 100%);border-radius:8px;margin-bottom:0;position:sticky;overflow:clip;box-shadow:0 -16px 46px -22px #2c471057}.f-ux-usability-research .big-no{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:auto;font-family:var(--hp-font-display);font-weight:800;font-size:var(--nof);letter-spacing:-.05em;white-space:nowrap;background:linear-gradient(#2c4710 0%,#668d2f 42%,#d6e6b8 42% 100%) 0 100%/100% 240%;color:#0000;-webkit-background-clip:text;background-clip:text;line-height:.8;transition:background-position 1.1s cubic-bezier(.22,.9,.3,1);position:absolute;top:.02em;right:.04em}.f-ux-usability-research .big-no:hover{background-position:0 0}.f-ux-usability-research .in{z-index:1;padding:clamp(30px,4.5vh,58px) var(--padx);pointer-events:none;position:relative}.f-ux-usability-research .in>*{pointer-events:auto}.f-ux-usability-research .kick,.f-ux-usability-research .qbox,.f-ux-usability-research .q,.f-ux-usability-research .lead{pointer-events:none}.f-ux-usability-research .ic{pointer-events:auto}.f-ux-usability-research .kick,.f-ux-usability-research .qbox,.f-ux-usability-research .qdots{max-width:max(250px,calc(100% - var(--nof) + var(--padx) - 32px))}.f-ux-usability-research .kick{align-items:center;gap:14px;margin-bottom:clamp(18px,2.6vh,30px);display:flex}.f-ux-usability-research .ic{background:#668d2f1a;border:1px solid #668d2f33;border-radius:8px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .3s cubic-bezier(.34,1.3,.5,1),background-color .3s;display:flex}.f-ux-usability-research .ic svg{width:27px;max-width:27px;height:27px;max-height:27px;stroke:var(--ind);fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.f-ux-usability-research .ic:hover svg path,.f-ux-usability-research .ic:active svg path{animation:fuxusabilitIc2 var(--D,.7s) linear var(--W,0s) forwards}.f-ux-usability-research .ic:hover,.f-ux-usability-research .ic:active{background:#668d2f2b;transform:scale(1.08)}.f-ux-usability-research .card h3{font-family:var(--hp-font-display);letter-spacing:.02em;font-size:13px;font-weight:800}.f-ux-usability-research .qbox{margin-bottom:clamp(16px,2.4vh,26px);display:grid}.f-ux-usability-research .q{font-family:var(--hp-font-display);letter-spacing:-.03em;color:var(--ink);opacity:0;filter:blur(9px);pointer-events:none;text-wrap:balance;overflow-wrap:break-word;grid-area:1/1;font-size:clamp(24px,3.1vw,44px);font-weight:800;line-height:1.06;transition:opacity .75s,filter .75s,transform .75s;transform:translateY(9px)}.f-ux-usability-research .q.on{opacity:1;filter:blur();transform:none}.f-ux-usability-research .qdots{gap:6px;margin-bottom:clamp(20px,3vh,34px);display:flex}.f-ux-usability-research .qdots button{background:var(--ind-m);cursor:pointer;border:0;border-radius:2px;width:26px;height:3px;padding:0;transition:background-color .4s,width .4s}.f-ux-usability-research .qdots button.on{background:var(--ind);width:44px}.f-ux-usability-research .lead{max-width:62ch;margin-bottom:clamp(26px,4vh,46px);font-size:clamp(15px,1.15vw,17.5px);font-weight:300;line-height:1.7}.f-ux-usability-research .lead b{color:var(--ink);font-weight:500}.f-ux-usability-research .fig{border:1px solid var(--rule);background:#ffffff9e;border-radius:8px;margin-bottom:clamp(34px,4.2vh,54px);padding:clamp(16px,2vh,26px)}.f-ux-usability-research .fig-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:10px;display:flex}.f-ux-usability-research .fig-t{font-family:var(--hp-font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--mute);font-size:10.5px;font-weight:700}.f-ux-usability-research .fig-h{color:var(--mute);font-size:12px;font-style:italic;transition:opacity .3s}.f-ux-usability-research .fig-frame{color:var(--body);max-width:82ch;margin:8px 0 16px;font-size:12.5px;font-weight:300;line-height:1.55}.f-ux-usability-research .fig-frame b{color:var(--ink);font-weight:500}.f-ux-usability-research .lg{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:12px;display:flex}.f-ux-usability-research .lg-i{font-family:var(--hp-font-display);color:var(--ind-d);overflow-wrap:break-word;align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:inline-flex}.f-ux-usability-research .lg-i i{flex:none;display:block}.f-ux-usability-research .lg-plan i{border-top:2px dashed #a9b694;width:20px;height:0}.f-ux-usability-research .lg-zone i{border:1px solid var(--ind-m);background:#668d2f1a;border-radius:3px;width:18px;height:12px}.f-ux-usability-research .lg-i svg{flex:none;width:22px;max-width:22px;height:12px;max-height:12px;display:block}.f-ux-usability-research .lg-out{color:var(--bad)}.f-ux-usability-research .bz{width:100%;height:auto;display:block;overflow:visible}.f-ux-usability-research .bz-spine{fill:none;stroke:#a9b694;stroke-width:calc(1.8px * var(--k,1.25));stroke-dasharray:calc(8px * var(--k,1.25)) calc(7px * var(--k,1.25))}.f-ux-usability-research .bz-node{fill:#fff;stroke:var(--ind-d);stroke-width:calc(2.2px * var(--k,1.25))}.f-ux-usability-research .bz-nl{font-family:var(--hp-font-display);font-weight:700;font-size:calc(11.5px * var(--k,1.25));fill:var(--ink)}.f-ux-usability-research .bz-ns{font-family:var(--hp-font-body);font-weight:400;font-size:calc(10px * var(--k,1.25));fill:var(--mute)}.f-ux-usability-research .bz-run{fill:none;stroke:#7ea246;stroke-width:calc(2.1px * var(--k,1.25));stroke-linecap:round;stroke-linejoin:round;opacity:.42}.f-ux-usability-research .bz-run.out{stroke:#b4434b;opacity:.38}.f-ux-usability-research .bz-run.out.nueva{animation:.62s cubic-bezier(.3,.9,.35,1) both fuxusabilitDrawOut}@keyframes fuxusabilitDrawOut{0%{opacity:0}to{opacity:.38}}.f-ux-usability-research .bz-run.nueva{animation:.62s cubic-bezier(.3,.9,.35,1) both fuxusabilitDraw}@keyframes fuxusabilitDraw{0%{opacity:0}to{opacity:.42}}.f-ux-usability-research .bz-zone{fill:#668d2f17;stroke:var(--ind-m);stroke-width:calc(1.2px * var(--k,1.25));opacity:0;transition:opacity .5s}.f-ux-usability-research .bz-zone.on{opacity:1}.f-ux-usability-research .bz-zl{font-family:var(--hp-font-display);font-weight:700;font-size:calc(10.5px * var(--k,1.25));fill:var(--ind-d);opacity:0;transition:opacity .5s .12s}.f-ux-usability-research .bz-zl.on{opacity:1}.f-ux-usability-research .bz-empty{font-family:var(--hp-font-body);font-style:italic;font-weight:300;font-size:calc(12px * var(--k,1.25));fill:var(--mute);opacity:0;transition:opacity .3s}.f-ux-usability-research .bz-empty.on{opacity:1}.f-ux-usability-research .bz-bar{flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0 0;display:flex}.f-ux-usability-research .bz-add{border:1.5px solid var(--ind);background:var(--ind);color:#fff;cursor:pointer;font-family:var(--hp-font-display);-webkit-tap-highlight-color:transparent;border-radius:8px;padding:11px 20px;font-size:13px;font-weight:700;transition:background-color .25s,border-color .25s}.f-ux-usability-research .bz-add:hover{background:var(--ind-d);border-color:var(--ind-d)}.f-ux-usability-research .bz-add.done{color:var(--ind-d);background:0 0}.f-ux-usability-research .bz-add.done:hover{background:#668d2f17}.f-ux-usability-research .bz-count{font-family:var(--hp-font-display);color:var(--mute);white-space:nowrap;font-size:12.5px;font-weight:700}.f-ux-usability-research .bz-out{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;display:grid}.f-ux-usability-research .bz-s{border:1px solid var(--rule);background:#ffffffb3;border-radius:8px;padding:13px 16px;transition:background-color .4s,border-color .4s}.f-ux-usability-research .bz-s b{font-family:var(--hp-font-display);color:#aeb6a2;font-variant-numeric:tabular-nums;font-size:25px;font-weight:800;line-height:1.15;transition:color .4s;display:block}.f-ux-usability-research .bz-s span{color:var(--body);margin-top:7px;font-size:10.5px;line-height:1.35;display:block}.f-ux-usability-research .bz-s.live b{color:var(--deep)}.f-ux-usability-research .bz-s.flat{background:var(--bad-bg);border-color:var(--bad-m)}.f-ux-usability-research .bz-s.flat b{color:var(--bad)}.f-ux-usability-research .bz-s.key{background:var(--tint);border-color:var(--ind-m)}.f-ux-usability-research .fig-read{border-top:1px solid var(--rule);min-height:52px;color:var(--body);max-width:82ch;margin-top:18px;padding-top:14px;font-size:13.5px;line-height:1.55}.f-ux-usability-research .fig-nm{font-family:var(--hp-font-display);letter-spacing:-.005em;color:var(--ind-d);margin-bottom:10px;font-size:15px;font-weight:800}.f-ux-usability-research .rows{gap:10px;display:grid}.f-ux-usability-research .row{border-radius:8px;padding:14px 16px}.f-ux-usability-research .row-a{background:#ecf9d2;border:1px solid #d0e5a8}.f-ux-usability-research .row-b{background:#fdecec;border:1px solid #e9a6a6}.f-ux-usability-research .row b{font-family:var(--hp-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ind-d);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.f-ux-usability-research .row-b b{color:var(--bad)}.f-ux-usability-research .dec{transition:filter .22s,opacity .22s}.f-ux-usability-research .dec.on{filter:blur(3px);opacity:.65}.f-ux-usability-research .fig-tx{color:var(--ink);border-top:1px solid var(--rule);margin-top:12px;padding-top:10px;font-weight:600}@container (width>=900px){.f-ux-usability-research .rows{grid-template-columns:repeat(2,minmax(0,1fr))}}.f-ux-usability-research .fig-note{color:var(--mute);max-width:78ch;margin-top:12px;font-size:11.5px;font-weight:300;line-height:1.5}.f-ux-usability-research .boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(34px,4.2vh,54px);display:grid}.f-ux-usability-research .box{--pad:clamp(20px,2.6vh,30px);padding:var(--pad);border-radius:8px;transition:box-shadow .4s,transform .4s cubic-bezier(.22,.9,.3,1),border-color .4s;position:relative;overflow:hidden}.f-ux-usability-research .box-p{background:#ecf9d2;border:1px solid #d0e5a8}.f-ux-usability-research .box-p:hover{border-color:#a8c77a;transform:translateY(-3px);box-shadow:0 14px 34px -12px #42631852}.f-ux-usability-research .box-g{background:#e4f7ef;border:1.5px solid #9fe0c4;box-shadow:0 10px 30px -14px #3cc4926b}.f-ux-usability-research .box-g:hover{border-color:#3cc492;transform:translateY(-4px);box-shadow:0 20px 46px -12px #3cc4928c}.f-ux-usability-research .box-h{z-index:1;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) 16px;padding:var(--pad) var(--pad) 14px;border-bottom:1px solid #1a1b211a;position:relative;overflow:hidden}.f-ux-usability-research .box h4{z-index:1;font-family:var(--hp-font-display);letter-spacing:-.005em;font-size:15px;font-weight:800;position:relative}.f-ux-usability-research .box-no{right:var(--pad);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--hp-font-display);letter-spacing:-.045em;white-space:nowrap;color:#0000;background-position:0 100%;background-size:100% 240%;-webkit-background-clip:text;background-clip:text;font-size:clamp(60px,5.6vw,88px);font-weight:800;line-height:.78;transition:background-position 1.1s cubic-bezier(.22,.9,.3,1);position:absolute;bottom:6px}.f-ux-usability-research .box-p .box-no{background-image:linear-gradient(#2c4710 0%,#668d2f 42%,#cfe3ae 42% 100%)}.f-ux-usability-research .box-g .box-no{background-image:linear-gradient(#126b4b 0%,#3cc492 42%,#c2e9d8 42% 100%)}.f-ux-usability-research .box:hover .box-no{background-position:0 0}.f-ux-usability-research .box ul{z-index:1;gap:11px;margin-left:0;padding-left:0;list-style:none;display:grid;position:relative}.f-ux-usability-research .box li{cursor:default;overflow-wrap:break-word;gap:10px;font-size:13.5px;line-height:1.5;list-style:none;display:flex}.f-ux-usability-research .box li svg{fill:none;width:12px;max-width:12px;height:12px;max-height:12px;stroke:var(--ind);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}.f-ux-usability-research .box li b{color:var(--ink);font-weight:600}.f-ux-usability-research .box li:hover svg path,.f-ux-usability-research .box li:active svg path,.f-ux-usability-research .box:hover li svg path{animation:.45s cubic-bezier(.35,.9,.4,1) forwards fuxusabilitTick2}.f-ux-usability-research .box:hover li:nth-child(2) svg path{animation-delay:70ms}.f-ux-usability-research .box:hover li:nth-child(3) svg path{animation-delay:.14s}.f-ux-usability-research .box:hover li:nth-child(4) svg path{animation-delay:.21s}.f-ux-usability-research .box:hover li:nth-child(5) svg path{animation-delay:.28s}@container (width<=940px){.f-ux-usability-research .card{--nof:120px;min-height:0;position:relative;top:auto}.f-ux-usability-research .boxes{grid-template-columns:1fr}}@container (width<=700px){.f-ux-usability-research .fig-top{flex-direction:column;align-items:flex-start;gap:5px}.f-ux-usability-research .bz-out{grid-template-columns:1fr;gap:8px}.f-ux-usability-research .bz-s{align-items:baseline;gap:12px;display:flex}.f-ux-usability-research .bz-s b{font-size:21px}.f-ux-usability-research .bz-s span{margin-top:0;font-size:11.5px}}@container (width<=600px){.f-ux-usability-research .in{padding-top:80px;padding-left:14px;padding-right:14px}.f-ux-usability-research .card{--nof:88px}.f-ux-usability-research .kick,.f-ux-usability-research .qbox,.f-ux-usability-research .qdots{max-width:none}.f-ux-usability-research .fig{padding:14px 8px}.f-ux-usability-research .fig-top,.f-ux-usability-research .fig-frame,.f-ux-usability-research .lg,.f-ux-usability-research .bz-bar,.f-ux-usability-research .bz-out,.f-ux-usability-research .fig-read,.f-ux-usability-research .fig-note{padding-left:6px;padding-right:6px}.f-ux-usability-research .lg{gap:7px 13px}.f-ux-usability-research .lg-i{font-size:10.5px}.f-ux-usability-research .bz-add{flex:auto}}@media (prefers-reduced-motion:reduce){.f-ux-usability-research .box li svg path,.f-ux-usability-research .ic svg path{stroke-dashoffset:0;animation:none}.f-ux-usability-research .box:hover,.f-ux-usability-research .box-p:hover,.f-ux-usability-research .box-g:hover{transform:none}.f-ux-usability-research .big-no,.f-ux-usability-research .box-no{transition:none}.f-ux-usability-research .q{filter:none;transition:opacity 10ms;transform:none}.f-ux-usability-research .bz-run.nueva,.f-ux-usability-research .bz-run.out.nueva{animation:none}.f-ux-usability-research .dec,.f-ux-usability-research .dec.on{filter:none;opacity:1;transition:none}.f-ux-usability-research .bz-zone,.f-ux-usability-research .bz-zl{transition:none}}.f-service-design-research .card{--nof:clamp(150px,20vw,300px);--padx:clamp(26px,3.4vw,58px);top:var(--pin,0px);border:1px solid var(--rule);background:linear-gradient(#c2d69b 0%,#d8e5bd 26%,#edf3e1 58%,#fff 100%);border-radius:8px;margin-bottom:0;position:sticky;overflow:clip;box-shadow:0 -16px 46px -22px #2c471057}.f-service-design-research .big-no{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:auto;font-family:var(--hp-font-display);font-weight:800;font-size:var(--nof);letter-spacing:-.05em;white-space:nowrap;background:linear-gradient(#2c4710 0%,#668d2f 42%,#d6e6b8 42% 100%) 0 100%/100% 240%;color:#0000;-webkit-background-clip:text;background-clip:text;line-height:.8;transition:background-position 1.1s cubic-bezier(.22,.9,.3,1);position:absolute;top:.02em;right:.04em}.f-service-design-research .big-no:hover{background-position:0 0}.f-service-design-research .in{z-index:1;padding:clamp(30px,4.5vh,58px) var(--padx);pointer-events:none;position:relative}.f-service-design-research .in>*{pointer-events:auto}.f-service-design-research .kick,.f-service-design-research .qbox,.f-service-design-research .q,.f-service-design-research .lead{pointer-events:none}.f-service-design-research .ic{pointer-events:auto}.f-service-design-research .kick,.f-service-design-research .qbox,.f-service-design-research .qdots{max-width:max(250px,calc(100% - var(--nof) + var(--padx) - 32px))}.f-service-design-research .kick{align-items:center;gap:14px;margin-bottom:clamp(18px,2.6vh,30px);display:flex}.f-service-design-research .ic{background:#668d2f1a;border:1px solid #668d2f33;border-radius:8px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .3s cubic-bezier(.34,1.3,.5,1),background-color .3s;display:flex}.f-service-design-research .ic svg{width:27px;max-width:27px;height:27px;max-height:27px;stroke:var(--ind);fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.f-service-design-research .ic:hover svg path,.f-service-design-research .ic:active svg path{animation:fservicedesIc2 var(--D,.7s) linear var(--W,0s) forwards}.f-service-design-research .ic:hover,.f-service-design-research .ic:active{background:#668d2f2b;transform:scale(1.08)}.f-service-design-research .card h3{font-family:var(--hp-font-display);letter-spacing:.02em;font-size:13px;font-weight:800}.f-service-design-research .qbox{margin-bottom:clamp(16px,2.4vh,26px);display:grid}.f-service-design-research .q{font-family:var(--hp-font-display);letter-spacing:-.03em;color:var(--ink);opacity:0;filter:blur(9px);pointer-events:none;text-wrap:balance;overflow-wrap:break-word;grid-area:1/1;font-size:clamp(24px,3.1vw,44px);font-weight:800;line-height:1.06;transition:opacity .75s,filter .75s,transform .75s;transform:translateY(9px)}.f-service-design-research .q.on{opacity:1;filter:blur();transform:none}.f-service-design-research .qdots{gap:6px;margin-bottom:clamp(20px,3vh,34px);display:flex}.f-service-design-research .qdots button{background:var(--ind-m);cursor:pointer;border:0;border-radius:2px;width:26px;height:3px;padding:0;transition:background-color .4s,width .4s}.f-service-design-research .qdots button.on{background:var(--ind);width:44px}.f-service-design-research .lead{max-width:62ch;margin-bottom:clamp(26px,4vh,46px);font-size:clamp(15px,1.15vw,17.5px);font-weight:300;line-height:1.7}.f-service-design-research .lead b{color:var(--ink);font-weight:500}.f-service-design-research .fig{border:1px solid var(--rule);background:#ffffff9e;border-radius:8px;margin-bottom:clamp(34px,4.2vh,54px);padding:clamp(14px,1.7vh,21px)}.f-service-design-research .fig-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:10px;display:flex}.f-service-design-research .fig-t{font-family:var(--hp-font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--mute);font-size:10.5px;font-weight:700}.f-service-design-research .fig-h{color:var(--mute);font-size:12px;font-style:italic;transition:opacity .3s}.f-service-design-research .fig-frame{color:var(--body);max-width:82ch;margin:6px 0 12px;font-size:12.5px;font-weight:300;line-height:1.5}.f-service-design-research .fig-frame b{color:var(--ink);font-weight:500}.f-service-design-research .lg{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:11px;display:flex}.f-service-design-research .lg-i{font-family:var(--hp-font-display);color:var(--ind-d);overflow-wrap:break-word;align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:inline-flex}.f-service-design-research .lg-i i{border-radius:3px;flex:none;width:14px;height:12px;display:block}.f-service-design-research .lg-ok i{background:#ecf9d2;border:1px solid #d0e5a8}.f-service-design-research .lg-hurt i{background:var(--bad-bg);border:1px solid var(--bad-m)}.f-service-design-research .lg-hurt{color:var(--bad)}.f-service-design-research .lg-none i{background:0 0;border:1.4px dashed #bfc7b2}.f-service-design-research .lg-line i{border-left:1.5px dashed #aebb98;border-radius:0;width:0;height:14px}.f-service-design-research .lg-trace i{background:var(--deep);border-radius:4px;width:18px;height:11px}.f-service-design-research .bp{margin:0;position:relative}.f-service-design-research .bp-links{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.f-service-design-research .bp-head{column-gap:var(--gut,54px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:7px;display:grid}.f-service-design-research .bp-head span{font-family:var(--hp-font-display);letter-spacing:.13em;text-transform:uppercase;color:var(--mute);overflow-wrap:break-word;font-size:10px;font-weight:700}.f-service-design-research .bp-grid{column-gap:var(--gut,54px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:6px;display:grid;position:relative}.f-service-design-research .bp-grid:before{content:"";z-index:1;border-left:1.5px dashed #aebb98;position:absolute;top:-4px;bottom:-4px;left:50%}.f-service-design-research .bp-front,.f-service-design-research .bp-back{text-align:left;min-width:0;font-family:var(--hp-font-body);overflow-wrap:break-word;border-radius:8px;padding:9px 13px}.f-service-design-research .bp-front{cursor:default;-webkit-tap-highlight-color:transparent;background:#ecf9d2;border:1.5px solid #d0e5a8;transition:border-color .3s,box-shadow .3s,background-color .3s}.f-service-design-research .bp-front.hurt{background:var(--bad-bg);border-color:var(--bad-m);cursor:pointer}.f-service-design-research .bp-front.hurt:hover{border-color:var(--bad);box-shadow:0 8px 22px -14px #b4434bb3}.f-service-design-research .bp-front.hurt:focus-visible{outline:2px solid var(--bad);outline-offset:2px}.f-service-design-research .bp-front.on{border-color:var(--bad);border-width:2px;box-shadow:0 10px 26px -14px #b4434bbf}.f-service-design-research .bp-step{font-family:var(--hp-font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:3px;font-size:9.5px;font-weight:700;line-height:1.25;display:block}.f-service-design-research .bp-front.hurt .bp-step{color:var(--bad)}.f-service-design-research .bp-t{font-family:var(--hp-font-display);color:var(--ink);font-size:13px;font-weight:700;line-height:1.28;display:block}.f-service-design-research .bp-back{border:1px solid var(--rule);background:#ffffffd9;transition:border-color .35s,background-color .35s,box-shadow .35s}.f-service-design-research .bp-back.none{background:0 0;border:1.4px dashed #bfc7b2}.f-service-design-research .bp-own{font-family:var(--hp-font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ind-d);margin-bottom:3px;font-size:9.5px;font-weight:700;display:block}.f-service-design-research .bp-back.none .bp-own{color:var(--mute)}.f-service-design-research .bp-d{color:var(--body);font-size:12px;line-height:1.45;display:block}.f-service-design-research .bp-back.here{border-color:var(--ind);background:#fff;box-shadow:0 8px 22px -14px #42631899}.f-service-design-research .bp-back.cause{border-color:var(--deep);background:var(--tint);border-width:2px;box-shadow:0 10px 26px -14px #2c4710cc}.f-service-design-research .bp-tag{font-family:var(--hp-font-display);letter-spacing:.11em;text-transform:uppercase;color:#e2f6c1;background:var(--deep);white-space:nowrap;border-radius:5px;margin:0 0 6px;padding:4px 9px;font-size:9.5px;font-weight:700;display:none}.f-service-design-research .bp-back.cause .bp-tag{display:inline-block}.f-service-design-research .bp.picked .bp-front,.f-service-design-research .bp.picked .bp-back{opacity:.46;transition:opacity .35s}.f-service-design-research .bp.picked .bp-front.on,.f-service-design-research .bp.picked .bp-back.here,.f-service-design-research .bp.picked .bp-back.cause{opacity:1}.f-service-design-research .lk{fill:none;stroke-linecap:round;stroke-linejoin:round}.f-service-design-research .lk-here{stroke:var(--ind-d);stroke-width:2.6px}.f-service-design-research .lk-head{fill:var(--ind-d);stroke:none}.f-service-design-research .bp-out{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0 0;display:grid}.f-service-design-research .bp-s{border:1px solid var(--rule);background:#ffffffb3;border-radius:8px;padding:10px 14px;transition:background-color .4s,border-color .4s}.f-service-design-research .bp-s b{font-family:var(--hp-font-display);color:#aeb6a2;overflow-wrap:break-word;font-size:19px;font-weight:800;line-height:1.2;transition:color .4s;display:block}.f-service-design-research .bp-s span{color:var(--body);margin-top:5px;font-size:10.5px;line-height:1.35;display:block}.f-service-design-research .bp-s.hot{background:var(--bad-bg);border-color:var(--bad-m)}.f-service-design-research .bp-s.hot b{color:var(--bad)}.f-service-design-research .bp-s.live{background:var(--tint);border-color:var(--ind-m)}.f-service-design-research .bp-s.live b{color:var(--deep)}.f-service-design-research .fig-read{border-top:1px solid var(--rule);min-height:52px;color:var(--body);max-width:82ch;margin-top:14px;padding-top:12px;font-size:13.5px;line-height:1.55}.f-service-design-research .fig-nm{font-family:var(--hp-font-display);letter-spacing:-.005em;color:var(--ind-d);margin-bottom:8px;font-size:15px;font-weight:800}.f-service-design-research .rows{gap:10px;display:grid}.f-service-design-research .row{border-radius:8px;padding:11px 14px}.f-service-design-research .row-a{background:#ecf9d2;border:1px solid #d0e5a8}.f-service-design-research .row-b{background:#fdecec;border:1px solid #e9a6a6}.f-service-design-research .row b{font-family:var(--hp-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ind-d);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.f-service-design-research .row-b b{color:var(--bad)}.f-service-design-research .dec{transition:filter .22s,opacity .22s}.f-service-design-research .dec.on{filter:blur(3px);opacity:.65}.f-service-design-research .fig-tx{color:var(--ink);border-top:1px solid var(--rule);margin-top:10px;padding-top:9px;font-weight:600}@container (width>=900px){.f-service-design-research .rows{grid-template-columns:repeat(2,minmax(0,1fr))}}.f-service-design-research .fig-note{color:var(--mute);max-width:78ch;margin-top:10px;font-size:11.5px;font-weight:300;line-height:1.45}.f-service-design-research .boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(34px,4.2vh,54px);display:grid}.f-service-design-research .box{--pad:clamp(20px,2.6vh,30px);padding:var(--pad);border-radius:8px;transition:box-shadow .4s,transform .4s cubic-bezier(.22,.9,.3,1),border-color .4s;position:relative;overflow:hidden}.f-service-design-research .box-p{background:#ecf9d2;border:1px solid #d0e5a8}.f-service-design-research .box-p:hover{border-color:#a8c77a;transform:translateY(-3px);box-shadow:0 14px 34px -12px #42631852}.f-service-design-research .box-g{background:#e4f7ef;border:1.5px solid #9fe0c4;box-shadow:0 10px 30px -14px #3cc4926b}.f-service-design-research .box-g:hover{border-color:#3cc492;transform:translateY(-4px);box-shadow:0 20px 46px -12px #3cc4928c}.f-service-design-research .box-h{z-index:1;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) 16px;padding:var(--pad) var(--pad) 14px;border-bottom:1px solid #1a1b211a;position:relative;overflow:hidden}.f-service-design-research .box h4{z-index:1;font-family:var(--hp-font-display);letter-spacing:-.005em;font-size:15px;font-weight:800;position:relative}.f-service-design-research .box-no{right:var(--pad);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--hp-font-display);letter-spacing:-.045em;white-space:nowrap;color:#0000;background-position:0 100%;background-size:100% 240%;-webkit-background-clip:text;background-clip:text;font-size:clamp(60px,5.6vw,88px);font-weight:800;line-height:.78;transition:background-position 1.1s cubic-bezier(.22,.9,.3,1);position:absolute;bottom:6px}.f-service-design-research .box-p .box-no{background-image:linear-gradient(#2c4710 0%,#668d2f 42%,#cfe3ae 42% 100%)}.f-service-design-research .box-g .box-no{background-image:linear-gradient(#126b4b 0%,#3cc492 42%,#c2e9d8 42% 100%)}.f-service-design-research .box:hover .box-no{background-position:0 0}.f-service-design-research .box ul{z-index:1;gap:11px;margin-left:0;padding-left:0;list-style:none;display:grid;position:relative}.f-service-design-research .box li{cursor:default;overflow-wrap:break-word;gap:10px;font-size:13.5px;line-height:1.5;list-style:none;display:flex}.f-service-design-research .box li svg{fill:none;width:12px;max-width:12px;height:12px;max-height:12px;stroke:var(--ind);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}.f-service-design-research .box li b{color:var(--ink);font-weight:600}.f-service-design-research .box li:hover svg path,.f-service-design-research .box li:active svg path,.f-service-design-research .box:hover li svg path{animation:.45s cubic-bezier(.35,.9,.4,1) forwards fservicedesTick2}.f-service-design-research .box:hover li:nth-child(2) svg path{animation-delay:70ms}.f-service-design-research .box:hover li:nth-child(3) svg path{animation-delay:.14s}.f-service-design-research .box:hover li:nth-child(4) svg path{animation-delay:.21s}.f-service-design-research .box:hover li:nth-child(5) svg path{animation-delay:.28s}@container (width<=940px){.f-service-design-research .card{--nof:120px;min-height:0;position:relative;top:auto}.f-service-design-research .boxes{grid-template-columns:1fr}}@container (width<=820px){.f-service-design-research .bp{--gut:40px}}@container (width<=700px){.f-service-design-research .fig-top{flex-direction:column;align-items:flex-start;gap:5px}.f-service-design-research .bp-out{grid-template-columns:1fr;gap:8px}.f-service-design-research .bp-s{align-items:baseline;gap:12px;display:flex}.f-service-design-research .bp-s b{font-size:16px}.f-service-design-research .bp-s span{margin-top:0;font-size:11.5px}}@container (width<=600px){.f-service-design-research .in{padding-top:80px;padding-left:14px;padding-right:14px}.f-service-design-research .card{--nof:88px}.f-service-design-research .kick,.f-service-design-research .qbox,.f-service-design-research .qdots{max-width:none}.f-service-design-research .fig{padding:14px 10px}.f-service-design-research .bp{--gut:40px}.f-service-design-research .bp-front,.f-service-design-research .bp-back{padding:8px 10px}.f-service-design-research .bp-t{font-size:11.5px;line-height:1.25}.f-service-design-research .bp-d{font-size:10.5px;line-height:1.35}.f-service-design-research .bp-step,.f-service-design-research .bp-own,.f-service-design-research .bp-tag{letter-spacing:.07em;font-size:8.5px}.f-service-design-research .lg{gap:7px 13px}.f-service-design-research .lg-i{font-size:10.5px}}@container (width<=380px){.f-service-design-research .bp{--gut:34px}.f-service-design-research .bp-t{font-size:11.5px}.f-service-design-research .bp-d{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.f-service-design-research .box li svg path,.f-service-design-research .ic svg path{stroke-dashoffset:0;animation:none}.f-service-design-research .box:hover,.f-service-design-research .box-p:hover,.f-service-design-research .box-g:hover{transform:none}.f-service-design-research .big-no,.f-service-design-research .box-no{transition:none}.f-service-design-research .q{filter:none;transition:opacity 10ms;transform:none}.f-service-design-research .dec,.f-service-design-research .dec.on{filter:none;opacity:1;transition:none}}.f-design-thinking-co-creation .card{--nof:clamp(150px,20vw,300px);--padx:clamp(26px,3.4vw,58px);top:var(--pin,0px);border:1px solid var(--rule);background:linear-gradient(#c2d69b 0%,#d8e5bd 26%,#edf3e1 58%,#fff 100%);border-radius:8px;margin-bottom:0;position:sticky;overflow:clip;box-shadow:0 -16px 46px -22px #2c471057}.f-design-thinking-co-creation .big-no{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:auto;font-family:var(--hp-font-display);font-weight:800;font-size:var(--nof);letter-spacing:-.05em;white-space:nowrap;background:linear-gradient(#2c4710 0%,#668d2f 42%,#d6e6b8 42% 100%) 0 100%/100% 240%;color:#0000;-webkit-background-clip:text;background-clip:text;line-height:.8;transition:background-position 1.1s cubic-bezier(.22,.9,.3,1);position:absolute;top:.02em;right:.04em}.f-design-thinking-co-creation .big-no:hover{background-position:0 0}.f-design-thinking-co-creation .in{z-index:1;padding:clamp(30px,4.5vh,58px) var(--padx);pointer-events:none;position:relative}.f-design-thinking-co-creation .in>*{pointer-events:auto}.f-design-thinking-co-creation .kick,.f-design-thinking-co-creation .qbox,.f-design-thinking-co-creation .q,.f-design-thinking-co-creation .lead{pointer-events:none}.f-design-thinking-co-creation .ic{pointer-events:auto}.f-design-thinking-co-creation .kick,.f-design-thinking-co-creation .qbox,.f-design-thinking-co-creation .qdots{max-width:max(250px,calc(100% - var(--nof) + var(--padx) - 32px))}.f-design-thinking-co-creation .kick{align-items:center;gap:14px;margin-bottom:clamp(18px,2.6vh,30px);display:flex}.f-design-thinking-co-creation .ic{background:#668d2f1a;border:1px solid #668d2f33;border-radius:8px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .3s cubic-bezier(.34,1.3,.5,1),background-color .3s;display:flex}.f-design-thinking-co-creation .ic svg{width:27px;max-width:27px;height:27px;max-height:27px;stroke:var(--ind);fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.f-design-thinking-co-creation .ic:hover svg path,.f-design-thinking-co-creation .ic:active svg path{animation:fdesignthinIc2 var(--D,.7s) linear var(--W,0s) forwards}.f-design-thinking-co-creation .ic:hover,.f-design-thinking-co-creation .ic:active{background:#668d2f2b;transform:scale(1.08)}.f-design-thinking-co-creation .card h3{font-family:var(--hp-font-display);letter-spacing:.02em;font-size:13px;font-weight:800}.f-design-thinking-co-creation .qbox{margin-bottom:clamp(16px,2.4vh,26px);display:grid}.f-design-thinking-co-creation .q{font-family:var(--hp-font-display);letter-spacing:-.03em;color:var(--ink);opacity:0;filter:blur(9px);pointer-events:none;text-wrap:balance;overflow-wrap:break-word;grid-area:1/1;font-size:clamp(24px,3.1vw,44px);font-weight:800;line-height:1.06;transition:opacity .75s,filter .75s,transform .75s;transform:translateY(9px)}.f-design-thinking-co-creation .q.on{opacity:1;filter:blur();transform:none}.f-design-thinking-co-creation .qdots{gap:6px;margin-bottom:clamp(20px,3vh,34px);display:flex}.f-design-thinking-co-creation .qdots button{background:var(--ind-m);cursor:pointer;border:0;border-radius:2px;width:26px;height:3px;padding:0;transition:background-color .4s,width .4s}.f-design-thinking-co-creation .qdots button.on{background:var(--ind);width:44px}.f-design-thinking-co-creation .lead{max-width:62ch;margin-bottom:clamp(26px,4vh,46px);font-size:clamp(15px,1.15vw,17.5px);font-weight:300;line-height:1.7}.f-design-thinking-co-creation .lead b{color:var(--ink);font-weight:500}.f-design-thinking-co-creation .fig{border:1px solid var(--rule);background:#ffffff9e;border-radius:8px;margin-bottom:clamp(34px,4.2vh,54px);padding:clamp(14px,1.7vh,21px)}.f-design-thinking-co-creation .fig-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:10px;display:flex}.f-design-thinking-co-creation .fig-t{font-family:var(--hp-font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--mute);font-size:10.5px;font-weight:700}.f-design-thinking-co-creation .fig-h{color:var(--mute);font-size:12px;font-style:italic;transition:opacity .3s}.f-design-thinking-co-creation .fig-frame{color:var(--body);max-width:82ch;margin:6px 0 14px;font-size:12.5px;font-weight:300;line-height:1.5}.f-design-thinking-co-creation .fig-frame b{color:var(--ink);font-weight:500}.f-design-thinking-co-creation .lg{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:13px;display:flex}.f-design-thinking-co-creation .lg-i{font-family:var(--hp-font-display);overflow-wrap:break-word;align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:inline-flex}.f-design-thinking-co-creation .lg-i i{border-radius:2px;flex:none;width:16px;height:4px;display:block}.f-design-thinking-co-creation .lg-hs{color:var(--hs-t)}.f-design-thinking-co-creation .lg-hs i{background:var(--hs)}.f-design-thinking-co-creation .lg-hb{color:var(--hb-t)}.f-design-thinking-co-creation .lg-hb i{background:var(--hb)}.f-design-thinking-co-creation .lg-he{color:var(--he-t)}.f-design-thinking-co-creation .lg-he i{background:var(--he)}.f-design-thinking-co-creation .gs{margin:0}.f-design-thinking-co-creation .gs-q{font-family:var(--hp-font-display);letter-spacing:-.02em;color:var(--ink);overflow-wrap:break-word;margin:0 0 6px;padding:2px 0 2px 16px;font-size:clamp(17px,2.1vw,26px);font-weight:800;line-height:1.22}.f-design-thinking-co-creation .gs-src{font-family:var(--hp-font-body);color:var(--mute);margin:0 0 15px 20px;font-size:11.5px;font-style:italic;font-weight:400;display:block}.f-design-thinking-co-creation .gs-ask{font-family:var(--hp-font-display);letter-spacing:-.01em;color:var(--ind-d);overflow-wrap:break-word;margin:0 0 11px;font-size:clamp(15px,1.7vw,19px);font-weight:800;line-height:1.3}.f-design-thinking-co-creation .gs.shown .gs-ask{color:var(--mute);font-size:clamp(13px,1.3vw,14.5px);font-weight:700}.f-design-thinking-co-creation .gs-ops{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.f-design-thinking-co-creation .op{text-align:left;border:1.5px solid var(--rule);cursor:pointer;min-width:0;font-family:var(--hp-font-body);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:8px;padding:13px 15px;transition:border-color .3s,background-color .3s,box-shadow .3s,opacity .3s;position:relative}.f-design-thinking-co-creation .op:hover{border-color:var(--ind-m);box-shadow:0 8px 22px -14px #42631899}.f-design-thinking-co-creation .op:focus-visible{outline:2px solid var(--ind);outline-offset:2px}.f-design-thinking-co-creation .op-k{font-family:var(--hp-font-display);letter-spacing:.11em;text-transform:uppercase;color:var(--mute);margin-bottom:5px;font-size:9.5px;font-weight:700;display:block}.f-design-thinking-co-creation .op-t{font-family:var(--hp-font-display);color:var(--ink);overflow-wrap:break-word;font-size:13.5px;font-weight:700;line-height:1.3;display:block}.f-design-thinking-co-creation .op-tag{font-family:var(--hp-font-display);letter-spacing:.11em;text-transform:uppercase;border-radius:5px;margin-top:9px;padding:4px 9px;font-size:9.5px;font-weight:700;display:none}.f-design-thinking-co-creation .gs.shown .op{cursor:default}.f-design-thinking-co-creation .gs.shown .op:hover{border-color:var(--rule);box-shadow:none}.f-design-thinking-co-creation .gs.shown .op{opacity:.5}.f-design-thinking-co-creation .gs.shown .op.mine,.f-design-thinking-co-creation .gs.shown .op.true{opacity:1}.f-design-thinking-co-creation .op.true{border-color:var(--deep);background:var(--tint);border-width:2px}.f-design-thinking-co-creation .op.mine{border-color:var(--ind);border-width:2px}.f-design-thinking-co-creation .gs.shown .op.true .op-tag{background:var(--deep);color:#e2f6c1;display:inline-block}.f-design-thinking-co-creation .gs.shown .op.mine .op-tag{color:var(--ind-d);background:#edf3e1;display:inline-block}.f-design-thinking-co-creation .gs.shown .op.mine.true .op-tag{background:var(--deep);color:#e2f6c1}.f-design-thinking-co-creation .gs-ev{border-top:1px solid var(--rule);margin-top:16px;padding-top:14px}.f-design-thinking-co-creation .ev-h{font-family:var(--hp-font-display);letter-spacing:.13em;text-transform:uppercase;color:var(--mute);margin-bottom:11px;font-size:10px;font-weight:700;display:block}.f-design-thinking-co-creation .ev-r{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:2px 12px;margin-bottom:11px;display:grid}.f-design-thinking-co-creation .ev-r i{border-radius:2px;grid-row:1/span 2;width:4px;height:100%;min-height:26px;display:block}.f-design-thinking-co-creation .ev-r b{font-family:var(--hp-font-display);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.f-design-thinking-co-creation .ev-r span{color:var(--body);overflow-wrap:break-word;font-size:12.5px;line-height:1.45}.f-design-thinking-co-creation .ev-hs i{background:var(--hs)}.f-design-thinking-co-creation .ev-hs b{color:var(--hs-t)}.f-design-thinking-co-creation .ev-hb i{background:var(--hb)}.f-design-thinking-co-creation .ev-hb b{color:var(--hb-t)}.f-design-thinking-co-creation .ev-he i{background:var(--he)}.f-design-thinking-co-creation .ev-he b{color:var(--he-t)}.f-design-thinking-co-creation .gs.shown .ev-r{animation:.5s cubic-bezier(.3,.9,.35,1) both fdesignthinIn}.f-design-thinking-co-creation .gs.shown .ev-hs{animation-delay:50ms}.f-design-thinking-co-creation .gs.shown .ev-hb{animation-delay:.17s}.f-design-thinking-co-creation .gs.shown .ev-he{animation-delay:.29s}@keyframes fdesignthinIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.f-design-thinking-co-creation .gs-bar{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}.f-design-thinking-co-creation .gs-next{border:1.5px solid var(--ind);background:var(--ind);color:#fff;cursor:pointer;font-family:var(--hp-font-display);-webkit-tap-highlight-color:transparent;border-radius:8px;padding:11px 20px;font-size:13px;font-weight:700;transition:background-color .25s,border-color .25s}.f-design-thinking-co-creation .gs-next:hover{background:var(--ind-d);border-color:var(--ind-d)}.f-design-thinking-co-creation .gs-next.over{color:var(--ind-d);background:0 0}.f-design-thinking-co-creation .gs-next.over:hover{background:#668d2f17}.f-design-thinking-co-creation .gs-count{font-family:var(--hp-font-display);color:var(--mute);white-space:nowrap;font-size:12.5px;font-weight:700}.f-design-thinking-co-creation .fig-read{border-top:1px solid var(--rule);min-height:52px;color:var(--body);max-width:82ch;margin-top:14px;padding-top:12px;font-size:13.5px;line-height:1.55}.f-design-thinking-co-creation .fig-nm{font-family:var(--hp-font-display);letter-spacing:-.005em;color:var(--ind-d);margin-bottom:8px;font-size:15px;font-weight:800}.f-design-thinking-co-creation .rows{gap:10px;display:grid}.f-design-thinking-co-creation .row{border-radius:8px;padding:11px 14px}.f-design-thinking-co-creation .row-a{background:#ecf9d2;border:1px solid #d0e5a8}.f-design-thinking-co-creation .row-b{background:#fdecec;border:1px solid #e9a6a6}.f-design-thinking-co-creation .row b{font-family:var(--hp-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ind-d);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.f-design-thinking-co-creation .row-b b{color:var(--bad)}.f-design-thinking-co-creation .dec{transition:filter .22s,opacity .22s}.f-design-thinking-co-creation .dec.on{filter:blur(3px);opacity:.65}.f-design-thinking-co-creation .fig-tx{color:var(--ink);border-top:1px solid var(--rule);margin-top:10px;padding-top:9px;font-weight:600}@container (width>=900px){.f-design-thinking-co-creation .rows{grid-template-columns:repeat(2,minmax(0,1fr))}}.f-design-thinking-co-creation .fig-note{color:var(--mute);max-width:78ch;margin-top:10px;font-size:11.5px;font-weight:300;line-height:1.45}.f-design-thinking-co-creation .boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(34px,4.2vh,54px);display:grid}.f-design-thinking-co-creation .box{--pad:clamp(20px,2.6vh,30px);padding:var(--pad);border-radius:8px;transition:box-shadow .4s,transform .4s cubic-bezier(.22,.9,.3,1),border-color .4s;position:relative;overflow:hidden}.f-design-thinking-co-creation .box-p{background:#ecf9d2;border:1px solid #d0e5a8}.f-design-thinking-co-creation .box-p:hover{border-color:#a8c77a;transform:translateY(-3px);box-shadow:0 14px 34px -12px #42631852}.f-design-thinking-co-creation .box-g{background:#e4f7ef;border:1.5px solid #9fe0c4;box-shadow:0 10px 30px -14px #3cc4926b}.f-design-thinking-co-creation .box-g:hover{border-color:#3cc492;transform:translateY(-4px);box-shadow:0 20px 46px -12px #3cc4928c}.f-design-thinking-co-creation .box-h{z-index:1;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) 16px;padding:var(--pad) var(--pad) 14px;border-bottom:1px solid #1a1b211a;position:relative;overflow:hidden}.f-design-thinking-co-creation .box h4{z-index:1;font-family:var(--hp-font-display);letter-spacing:-.005em;font-size:15px;font-weight:800;position:relative}.f-design-thinking-co-creation .box-no{right:var(--pad);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--hp-font-display);letter-spacing:-.045em;white-space:nowrap;color:#0000;background-position:0 100%;background-size:100% 240%;-webkit-background-clip:text;background-clip:text;font-size:clamp(60px,5.6vw,88px);font-weight:800;line-height:.78;transition:background-position 1.1s cubic-bezier(.22,.9,.3,1);position:absolute;bottom:6px}.f-design-thinking-co-creation .box-p .box-no{background-image:linear-gradient(#2c4710 0%,#668d2f 42%,#cfe3ae 42% 100%)}.f-design-thinking-co-creation .box-g .box-no{background-image:linear-gradient(#126b4b 0%,#3cc492 42%,#c2e9d8 42% 100%)}.f-design-thinking-co-creation .box:hover .box-no{background-position:0 0}.f-design-thinking-co-creation .box ul{z-index:1;gap:11px;margin-left:0;padding-left:0;list-style:none;display:grid;position:relative}.f-design-thinking-co-creation .box li{cursor:default;overflow-wrap:break-word;gap:10px;font-size:13.5px;line-height:1.5;list-style:none;display:flex}.f-design-thinking-co-creation .box li svg{fill:none;width:12px;max-width:12px;height:12px;max-height:12px;stroke:var(--ind);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}.f-design-thinking-co-creation .box li b{color:var(--ink);font-weight:600}.f-design-thinking-co-creation .box li:hover svg path,.f-design-thinking-co-creation .box li:active svg path,.f-design-thinking-co-creation .box:hover li svg path{animation:.45s cubic-bezier(.35,.9,.4,1) forwards fdesignthinTick2}.f-design-thinking-co-creation .box:hover li:nth-child(2) svg path{animation-delay:70ms}.f-design-thinking-co-creation .box:hover li:nth-child(3) svg path{animation-delay:.14s}.f-design-thinking-co-creation .box:hover li:nth-child(4) svg path{animation-delay:.21s}.f-design-thinking-co-creation .box:hover li:nth-child(5) svg path{animation-delay:.28s}@container (width<=940px){.f-design-thinking-co-creation .card{--nof:120px;min-height:0;position:relative;top:auto}.f-design-thinking-co-creation .boxes{grid-template-columns:1fr}}@container (width<=700px){.f-design-thinking-co-creation .fig-top{flex-direction:column;align-items:flex-start;gap:5px}.f-design-thinking-co-creation .gs-ops{grid-template-columns:minmax(0,1fr)}}@container (width<=600px){.f-design-thinking-co-creation .in{padding-top:80px;padding-left:14px;padding-right:14px}.f-design-thinking-co-creation .card{--nof:88px}.f-design-thinking-co-creation .kick,.f-design-thinking-co-creation .qbox,.f-design-thinking-co-creation .qdots{max-width:none}.f-design-thinking-co-creation .fig{padding:14px 10px}.f-design-thinking-co-creation .gs-q{padding-left:12px}.f-design-thinking-co-creation .gs-src{margin-left:15px}.f-design-thinking-co-creation .op{padding:11px 13px}.f-design-thinking-co-creation .op-t{font-size:12.5px}.f-design-thinking-co-creation .ev-r span{font-size:11.5px}.f-design-thinking-co-creation .lg{gap:6px 13px}.f-design-thinking-co-creation .lg-i{font-size:10.5px}.f-design-thinking-co-creation .gs-next{flex:auto}}@media (prefers-reduced-motion:reduce){.f-design-thinking-co-creation .box li svg path,.f-design-thinking-co-creation .ic svg path{stroke-dashoffset:0;animation:none}.f-design-thinking-co-creation .box:hover,.f-design-thinking-co-creation .box-p:hover,.f-design-thinking-co-creation .box-g:hover{transform:none}.f-design-thinking-co-creation .big-no,.f-design-thinking-co-creation .box-no{transition:none}.f-design-thinking-co-creation .q{filter:none;transition:opacity 10ms;transform:none}.f-design-thinking-co-creation .dec,.f-design-thinking-co-creation .dec.on{filter:none;opacity:1;transition:none}.f-design-thinking-co-creation .gs.shown .ev-r{animation:none}}.f-voice-of-the-customer-research .card{--nof:clamp(150px,20vw,300px);--padx:clamp(26px,3.4vw,58px);top:var(--pin,0px);border:1px solid var(--rule);background:linear-gradient(#c2d69b 0%,#d8e5bd 26%,#edf3e1 58%,#fff 100%);border-radius:8px;margin-bottom:0;position:sticky;overflow:clip;box-shadow:0 -16px 46px -22px #2c471057}.f-voice-of-the-customer-research .big-no{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:auto;font-family:var(--hp-font-display);font-weight:800;font-size:var(--nof);letter-spacing:-.05em;white-space:nowrap;background:linear-gradient(#2c4710 0%,#668d2f 42%,#d6e6b8 42% 100%) 0 100%/100% 240%;color:#0000;-webkit-background-clip:text;background-clip:text;line-height:.8;transition:background-position 1.1s cubic-bezier(.22,.9,.3,1);position:absolute;top:.02em;right:.04em}.f-voice-of-the-customer-research .big-no:hover{background-position:0 0}.f-voice-of-the-customer-research .in{z-index:1;padding:clamp(30px,4.5vh,58px) var(--padx);pointer-events:none;position:relative}.f-voice-of-the-customer-research .in>*{pointer-events:auto}.f-voice-of-the-customer-research .kick,.f-voice-of-the-customer-research .qbox,.f-voice-of-the-customer-research .q,.f-voice-of-the-customer-research .lead{pointer-events:none}.f-voice-of-the-customer-research .ic{pointer-events:auto}.f-voice-of-the-customer-research .kick,.f-voice-of-the-customer-research .qbox,.f-voice-of-the-customer-research .qdots{max-width:max(250px,calc(100% - var(--nof) + var(--padx) - 32px))}.f-voice-of-the-customer-research .kick{align-items:center;gap:14px;margin-bottom:clamp(18px,2.6vh,30px);display:flex}.f-voice-of-the-customer-research .ic{background:#668d2f1a;border:1px solid #668d2f33;border-radius:8px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .3s cubic-bezier(.34,1.3,.5,1),background-color .3s;display:flex}.f-voice-of-the-customer-research .ic svg{width:27px;max-width:27px;height:27px;max-height:27px;stroke:var(--ind);fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.f-voice-of-the-customer-research .ic:hover svg path,.f-voice-of-the-customer-research .ic:active svg path{animation:fvoiceoftheIc2 var(--D,.7s) linear var(--W,0s) forwards}.f-voice-of-the-customer-research .ic:hover,.f-voice-of-the-customer-research .ic:active{background:#668d2f2b;transform:scale(1.08)}.f-voice-of-the-customer-research .card h3{font-family:var(--hp-font-display);letter-spacing:.02em;font-size:13px;font-weight:800}.f-voice-of-the-customer-research .qbox{margin-bottom:clamp(16px,2.4vh,26px);display:grid}.f-voice-of-the-customer-research .q{font-family:var(--hp-font-display);letter-spacing:-.03em;color:var(--ink);opacity:0;filter:blur(9px);pointer-events:none;text-wrap:balance;overflow-wrap:break-word;grid-area:1/1;font-size:clamp(24px,3.1vw,44px);font-weight:800;line-height:1.06;transition:opacity .75s,filter .75s,transform .75s;transform:translateY(9px)}.f-voice-of-the-customer-research .q.on{opacity:1;filter:blur();transform:none}.f-voice-of-the-customer-research .qdots{gap:6px;margin-bottom:clamp(20px,3vh,34px);display:flex}.f-voice-of-the-customer-research .qdots button{background:var(--ind-m);cursor:pointer;border:0;border-radius:2px;width:26px;height:3px;padding:0;transition:background-color .4s,width .4s}.f-voice-of-the-customer-research .qdots button.on{background:var(--ind);width:44px}.f-voice-of-the-customer-research .lead{max-width:62ch;margin-bottom:clamp(26px,4vh,46px);font-size:clamp(15px,1.15vw,17.5px);font-weight:300;line-height:1.7}.f-voice-of-the-customer-research .lead b{color:var(--ink);font-weight:500}.f-voice-of-the-customer-research .fig{border:1px solid var(--rule);background:#ffffff9e;border-radius:8px;margin-bottom:clamp(34px,4.2vh,54px);padding:clamp(14px,1.7vh,21px)}.f-voice-of-the-customer-research .fig-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:10px;display:flex}.f-voice-of-the-customer-research .fig-t{font-family:var(--hp-font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--mute);font-size:10.5px;font-weight:700}.f-voice-of-the-customer-research .fig-h{color:var(--mute);font-size:12px;font-style:italic;transition:opacity .3s}.f-voice-of-the-customer-research .fig-frame{color:var(--body);max-width:82ch;margin:6px 0 13px;font-size:12.5px;font-weight:300;line-height:1.5}.f-voice-of-the-customer-research .fig-frame b{color:var(--ink);font-weight:500}.f-voice-of-the-customer-research .lg{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:13px;display:flex}.f-voice-of-the-customer-research .lg-i{font-family:var(--hp-font-display);color:var(--ind-d);overflow-wrap:break-word;align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:inline-flex}.f-voice-of-the-customer-research .lg-i svg{flex:none;width:14px;max-width:14px;height:15.4px;max-height:15.4px;display:block}.f-voice-of-the-customer-research .lg-risk{color:var(--bad)}.f-voice-of-the-customer-research .wh{margin:0}.f-voice-of-the-customer-research .wh-h{font-family:var(--hp-font-display);letter-spacing:.13em;text-transform:uppercase;color:var(--mute);margin-bottom:9px;font-size:10px;font-weight:700;display:block}.f-voice-of-the-customer-research .wh-chs{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.f-voice-of-the-customer-research .wh-ch{border:1.5px solid var(--ind-m);color:var(--ind-d);cursor:pointer;font-family:var(--hp-font-display);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;padding:9px 15px;font-size:12.5px;font-weight:700;transition:background-color .25s,border-color .25s,color .25s}.f-voice-of-the-customer-research .wh-ch:hover{border-color:var(--ind);background:#668d2f17}.f-voice-of-the-customer-research .wh-ch.on{background:var(--ind);border-color:var(--ind);color:#fff}.f-voice-of-the-customer-research .wh-ch.all{border-style:dashed}.f-voice-of-the-customer-research .wh-ch.all.on{background:var(--deep);border-style:solid;border-color:var(--deep)}.f-voice-of-the-customer-research .wh-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);display:grid}.f-voice-of-the-customer-research .wh-g{border:1px solid var(--rule);background:#fff9;border-radius:8px;min-width:0;padding:11px 12px}.f-voice-of-the-customer-research .wh-g.risk{border-color:var(--bad-m);background:#b4434b0d}.f-voice-of-the-customer-research .wh-n{font-family:var(--hp-font-display);color:var(--ink);overflow-wrap:break-word;font-size:12.5px;font-weight:800;line-height:1.25;display:block}.f-voice-of-the-customer-research .wh-g.risk .wh-n{color:var(--bad)}.f-voice-of-the-customer-research .wh-s{color:var(--mute);overflow-wrap:break-word;margin:3px 0 9px;font-size:10.5px;line-height:1.35;display:block}.f-voice-of-the-customer-research .wh-dots{flex-wrap:wrap;gap:4px;display:flex}.f-voice-of-the-customer-research .pn{flex:none;line-height:0;display:block}.f-voice-of-the-customer-research .pn svg{width:15px;max-width:15px;height:16.5px;max-height:16.5px;display:block;overflow:visible}.f-voice-of-the-customer-research .pn svg path{fill:currentColor;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;transition:fill .32s ease var(--d,0s),opacity .32s ease var(--d,0s)}.f-voice-of-the-customer-research .pn.gA{color:var(--gA)}.f-voice-of-the-customer-research .pn.gB{color:var(--gB)}.f-voice-of-the-customer-research .pn.gC{color:var(--gC)}.f-voice-of-the-customer-research .pn.gD{color:var(--gD)}.f-voice-of-the-customer-research .wh.picked .pn svg path{fill:#0000;opacity:.5}.f-voice-of-the-customer-research .wh.picked .pn.heard svg path{fill:currentColor;opacity:1}.f-voice-of-the-customer-research .wh-cnt{font-family:var(--hp-font-display);color:var(--mute);white-space:nowrap;margin-top:8px;font-size:10.5px;font-weight:700;display:block}.f-voice-of-the-customer-research .wh-out{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0 0;display:grid}.f-voice-of-the-customer-research .wh-o{border:1px solid var(--rule);background:#ffffffb3;border-radius:8px;padding:11px 14px;transition:background-color .4s,border-color .4s}.f-voice-of-the-customer-research .wh-o b{font-family:var(--hp-font-display);color:#aeb6a2;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.15;transition:color .4s;display:block}.f-voice-of-the-customer-research .wh-o span{color:var(--body);margin-top:5px;font-size:10.5px;line-height:1.35;display:block}.f-voice-of-the-customer-research .wh-o.live b{color:var(--deep)}.f-voice-of-the-customer-research .wh-o.hot{background:var(--bad-bg);border-color:var(--bad-m)}.f-voice-of-the-customer-research .wh-o.hot b{color:var(--bad)}.f-voice-of-the-customer-research .wh-o.key{background:var(--tint);border-color:var(--ind-m)}.f-voice-of-the-customer-research .wh-o.key b{color:var(--deep)}.f-voice-of-the-customer-research .fig-read{border-top:1px solid var(--rule);min-height:52px;color:var(--body);max-width:82ch;margin-top:14px;padding-top:12px;font-size:13.5px;line-height:1.55}.f-voice-of-the-customer-research .fig-nm{font-family:var(--hp-font-display);letter-spacing:-.005em;color:var(--ind-d);margin-bottom:8px;font-size:15px;font-weight:800}.f-voice-of-the-customer-research .rows{gap:10px;display:grid}.f-voice-of-the-customer-research .row{border-radius:8px;padding:11px 14px}.f-voice-of-the-customer-research .row-a{background:#ecf9d2;border:1px solid #d0e5a8}.f-voice-of-the-customer-research .row-b{background:#fdecec;border:1px solid #e9a6a6}.f-voice-of-the-customer-research .row b{font-family:var(--hp-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ind-d);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.f-voice-of-the-customer-research .row-b b{color:var(--bad)}.f-voice-of-the-customer-research .dec{transition:filter .22s,opacity .22s}.f-voice-of-the-customer-research .dec.on{filter:blur(3px);opacity:.65}.f-voice-of-the-customer-research .fig-tx{color:var(--ink);border-top:1px solid var(--rule);margin-top:10px;padding-top:9px;font-weight:600}@container (width>=900px){.f-voice-of-the-customer-research .rows{grid-template-columns:repeat(2,minmax(0,1fr))}}.f-voice-of-the-customer-research .fig-note{color:var(--mute);max-width:78ch;margin-top:10px;font-size:11.5px;font-weight:300;line-height:1.45}.f-voice-of-the-customer-research .boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(34px,4.2vh,54px);display:grid}.f-voice-of-the-customer-research .box{--pad:clamp(20px,2.6vh,30px);padding:var(--pad);border-radius:8px;transition:box-shadow .4s,transform .4s cubic-bezier(.22,.9,.3,1),border-color .4s;position:relative;overflow:hidden}.f-voice-of-the-customer-research .box-p{background:#ecf9d2;border:1px solid #d0e5a8}.f-voice-of-the-customer-research .box-p:hover{border-color:#a8c77a;transform:translateY(-3px);box-shadow:0 14px 34px -12px #42631852}.f-voice-of-the-customer-research .box-g{background:#e4f7ef;border:1.5px solid #9fe0c4;box-shadow:0 10px 30px -14px #3cc4926b}.f-voice-of-the-customer-research .box-g:hover{border-color:#3cc492;transform:translateY(-4px);box-shadow:0 20px 46px -12px #3cc4928c}.f-voice-of-the-customer-research .box-h{z-index:1;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) 16px;padding:var(--pad) var(--pad) 14px;border-bottom:1px solid #1a1b211a;position:relative;overflow:hidden}.f-voice-of-the-customer-research .box h4{z-index:1;font-family:var(--hp-font-display);letter-spacing:-.005em;font-size:15px;font-weight:800;position:relative}.f-voice-of-the-customer-research .box-no{right:var(--pad);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--hp-font-display);letter-spacing:-.045em;white-space:nowrap;color:#0000;background-position:0 100%;background-size:100% 240%;-webkit-background-clip:text;background-clip:text;font-size:clamp(60px,5.6vw,88px);font-weight:800;line-height:.78;transition:background-position 1.1s cubic-bezier(.22,.9,.3,1);position:absolute;bottom:6px}.f-voice-of-the-customer-research .box-p .box-no{background-image:linear-gradient(#2c4710 0%,#668d2f 42%,#cfe3ae 42% 100%)}.f-voice-of-the-customer-research .box-g .box-no{background-image:linear-gradient(#126b4b 0%,#3cc492 42%,#c2e9d8 42% 100%)}.f-voice-of-the-customer-research .box:hover .box-no{background-position:0 0}.f-voice-of-the-customer-research .box ul{z-index:1;gap:11px;margin-left:0;padding-left:0;list-style:none;display:grid;position:relative}.f-voice-of-the-customer-research .box li{cursor:default;overflow-wrap:break-word;gap:10px;font-size:13.5px;line-height:1.5;list-style:none;display:flex}.f-voice-of-the-customer-research .box li svg{fill:none;width:12px;max-width:12px;height:12px;max-height:12px;stroke:var(--ind);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}.f-voice-of-the-customer-research .box li b{color:var(--ink);font-weight:600}.f-voice-of-the-customer-research .box li:hover svg path,.f-voice-of-the-customer-research .box li:active svg path,.f-voice-of-the-customer-research .box:hover li svg path{animation:.45s cubic-bezier(.35,.9,.4,1) forwards fvoiceoftheTick2}.f-voice-of-the-customer-research .box:hover li:nth-child(2) svg path{animation-delay:70ms}.f-voice-of-the-customer-research .box:hover li:nth-child(3) svg path{animation-delay:.14s}.f-voice-of-the-customer-research .box:hover li:nth-child(4) svg path{animation-delay:.21s}.f-voice-of-the-customer-research .box:hover li:nth-child(5) svg path{animation-delay:.28s}@container (width<=940px){.f-voice-of-the-customer-research .card{--nof:120px;min-height:0;position:relative;top:auto}.f-voice-of-the-customer-research .boxes{grid-template-columns:1fr}}@container (width<=820px){.f-voice-of-the-customer-research .wh-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=700px){.f-voice-of-the-customer-research .fig-top{flex-direction:column;align-items:flex-start;gap:5px}.f-voice-of-the-customer-research .wh-out{grid-template-columns:1fr;gap:8px}.f-voice-of-the-customer-research .wh-o{align-items:baseline;gap:12px;display:flex}.f-voice-of-the-customer-research .wh-o b{font-size:20px}.f-voice-of-the-customer-research .wh-o span{margin-top:0;font-size:11.5px}}@container (width<=600px){.f-voice-of-the-customer-research .in{padding-top:80px;padding-left:14px;padding-right:14px}.f-voice-of-the-customer-research .card{--nof:88px}.f-voice-of-the-customer-research .kick,.f-voice-of-the-customer-research .qbox,.f-voice-of-the-customer-research .qdots{max-width:none}.f-voice-of-the-customer-research .fig{padding:14px 10px}.f-voice-of-the-customer-research .wh-ch{flex:auto;padding:8px 12px;font-size:11.5px}.f-voice-of-the-customer-research .wh-g{padding:10px}.f-voice-of-the-customer-research .pn svg{width:14px;max-width:14px;height:15.4px;max-height:15.4px}.f-voice-of-the-customer-research .wh-dots{gap:3.5px}.f-voice-of-the-customer-research .lg{gap:6px 13px}.f-voice-of-the-customer-research .lg-i{font-size:10.5px}}@container (width<=380px){.f-voice-of-the-customer-research .wh-groups{grid-template-columns:minmax(0,1fr)}.f-voice-of-the-customer-research .pn svg{width:15px;max-width:15px;height:16.5px;max-height:16.5px}}@media (prefers-reduced-motion:reduce){.f-voice-of-the-customer-research .box li svg path,.f-voice-of-the-customer-research .ic svg path{stroke-dashoffset:0;animation:none}.f-voice-of-the-customer-research .box:hover,.f-voice-of-the-customer-research .box-p:hover,.f-voice-of-the-customer-research .box-g:hover{transform:none}.f-voice-of-the-customer-research .big-no,.f-voice-of-the-customer-research .box-no{transition:none}.f-voice-of-the-customer-research .q{filter:none;transition:opacity 10ms;transform:none}.f-voice-of-the-customer-research .dec,.f-voice-of-the-customer-research .dec.on{filter:none;opacity:1;transition:none}.f-voice-of-the-customer-research .pn svg path{transition:none}}
