.nok-how{background:#f7f4f0;color:#011848;font-family:Inter,Arial,sans-serif;overflow:hidden;padding:64px 24px;position:relative}.nok-how *{box-sizing:border-box}.nok-how__inner{align-items:stretch;display:grid;gap:48px;grid-template-columns:1fr 1.08fr;margin:0 auto;max-width:var(--lo-content-width,1152px)}.nok-how__content{min-width:0}.nok-how .nok-how__title{color:#011848;font-family:Poppins,Arial,sans-serif;font-size:clamp(32px,3.5vw,44px);font-weight:700;letter-spacing:-.04em;line-height:1.15;margin:0 0 36px}.nok-how__title>.nok-how__subtitle{color:#c27655;display:block;font-size:.85em;font-style:italic;font-weight:500;line-height:1.25;margin-top:5px;padding-left:36px}.nok-how__steps{list-style:none;margin:0;padding:0 0 0 56px;position:relative}.nok-how .nok-how__step:before{content:none!important;display:none!important}.nok-how .nok-how__step{border:0;margin:0;padding:0 0 23px;position:relative}.nok-how__step+.nok-how .nok-how__step:before{content:none!important;display:none!important}.nok-how__step{border-top:1px solid #01184812;padding-top:23px}.nok-how__number{color:#c27655;font-size:12px;font-weight:600;line-height:1.4;margin-bottom:7px}.nok-how .nok-how__step-title{color:#011848;font-family:Poppins,Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.4;margin:0 0 10px}.nok-how__description{color:#626b89;display:block}.nok-how__description p{color:inherit;font:inherit;margin:0 0 10px}.nok-how__description p:last-child{margin-bottom:0}.nok-how__description a{color:#011848;text-decoration:underline}.nok-how .nok-how__button{align-items:center;background:#c27655;border:0;border-radius:30px;box-shadow:0 7px 18px #c2765512;color:#fff;display:flex;font-size:14px;font-weight:700;gap:22px;justify-content:center;line-height:1.4;margin-top:13px;max-width:420px;min-height:48px;padding:13px 24px;text-decoration:none;transition:background .2s;width:100%}.nok-how .nok-how__button:hover{background:#ad6040;color:#fff;text-decoration:none}.nok-how__button svg{fill:none;flex:none;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;width:22px}.nok-how__button:focus-visible{outline:3px solid #858db8;outline-offset:4px}.nok-how__visual{background:#ecdbd1;border-radius:24px;min-height:520px;min-width:0;overflow:hidden;position:relative}.nok-how__visual img{display:block;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.nok-how__visual--left img{object-position:left center}.nok-how__visual--right img{object-position:right center}.nok-how__visual--top img{object-position:center top}@media(max-width:1000px){.nok-how__inner{gap:32px}.nok-how{padding:48px 24px}.nok-how__steps{padding-left:43px}.nok-how .nok-how__step-title{font-size:17px}}@media(max-width:700px){.nok-how{padding:38px 20px}.nok-how__inner{gap:28px;grid-template-columns:1fr}.nok-how .nok-how__title{font-size:32px;margin-bottom:28px}.nok-how__title>.nok-how__subtitle{padding-left:22px}.nok-how__steps{padding-left:35px}.nok-how .nok-how__step-title{font-size:17px}.nok-how .nok-how__step:before{content:none!important;display:none!important}.nok-how .nok-how__step{padding-bottom:20px}.nok-how__step+.nok-how .nok-how__step:before{content:none!important;display:none!important}.nok-how__step{padding-top:20px}.nok-how .nok-how__button{font-size:14px;margin-top:8px;max-width:none;min-height:47px}.nok-how__visual{aspect-ratio:4/3;border-radius:18px;min-height:0}}@media(prefers-reduced-motion:reduce){.nok-how__button{transition:none}}.nok-how__steps{padding-left:32px}.nok-how .nok-how__step{padding:0 0 32px;--step-progress:0}.nok-how .nok-how__step+.nok-how__step{border-top:1px solid #01184818;padding-top:28px}.nok-how__segment{background:#b6bbd660;bottom:0;left:-27px;overflow:hidden;position:absolute;top:0;width:2px}.nok-how__segment>span{background:#c27655;display:block;height:100%;transform:scaleY(var(--step-progress));transform-origin:top;width:100%}.nok-how__step>:not(.nok-how__segment){opacity:.45;transition:opacity .2s}.nok-how__step.is-active>:not(.nok-how__segment){opacity:1}.nok-how__step:focus-within>:not(.nok-how__segment),.nok-how__step:hover>:not(.nok-how__segment){opacity:.85}.nok-how__step.is-active:hover>:not(.nok-how__segment){opacity:1}.nok-how .nok-how__select{background:none;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;line-height:inherit;padding:0;text-align:left;white-space:normal}.nok-how__select:focus-visible{outline:2px solid #011848;outline-offset:5px}.nok-how__media{inset:0;position:absolute}.nok-how__media[hidden]{display:none!important}.nok-how__media video{display:block;height:100%;object-fit:cover;width:100%}.nok-how__visual{align-self:start;height:560px;min-height:0;position:sticky;top:24px}@media(max-width:700px){.nok-how__visual{aspect-ratio:4/3;height:auto;position:relative;top:auto}.nok-how .nok-how__step{padding-bottom:26px}.nok-how .nok-how__step+.nok-how__step{padding-top:24px}}@media(prefers-reduced-motion:reduce){.nok-how__step>*{transition:none}}.nok-how__action{margin-top:13px}.nok-how .nok-how__action .nok-how__button{margin-top:0}.nok-how__cta{max-width:420px}@media(max-width:700px){.nok-how .nok-how__visual{display:none}.nok-how__action{margin-top:23px}.nok-how__cta{max-width:none}}.nok-how .nok-how__step.is-active>:not(.nok-how__segment){opacity:1}.nok-how__step.is-active .nok-how__segment{background:#c2765540}.nok-how__step.is-active .nok-how__segment:after{background:#c27655;content:"";height:8px;left:0;position:absolute;right:0;top:0}@media(min-width:701px){.nok-how{overflow:visible}.nok-how__inner{position:sticky;top:var(--how-pin-top,16px)}.nok-how .nok-how__visual{position:relative;top:auto}}.nok-how__description.pwr-sec__desc,.nok-how__description.pwr-sec__desc p{display:block}@media(min-width:701px){.body-container-wrapper:has(.nok-how){overflow:clip!important}}.nok-how .nok-how__visual{border-radius:8px}.nok-how .nok-how__media .nok-how__video--contain{background:#f7f4f0;object-fit:contain}.nok-how .nok-how__media .nok-how__video--cover{object-fit:cover}.nok-how .nok-how__title--custom{font-weight:400}.nok-how .nok-how__title--custom p{color:inherit;font:inherit;margin:0}.nok-how h1.nok-how__title{font-family:var(--ff-h1,Manrope,Arial,sans-serif);font-size:var(--fs-h1,52px);font-weight:var(--fw-h1,700);letter-spacing:var(--ls-h1,-.035em);line-height:var(--lh-h1,1.24)}@media(max-width:991px){.nok-how h1.nok-how__title{font-size:var(--fs-h1-tablet,var(--fs-h1,52px));line-height:var(--lh-h1-tablet,var(--lh-h1,1.24))}}@media(max-width:767px){.nok-how h1.nok-how__title{font-size:var(--fs-h1-mobile,42px);letter-spacing:var(--ls-h1-mobile,var(--ls-h1,-.035em));line-height:var(--lh-h1-mobile,var(--lh-h1,1.2))}}.nok-how h2.nok-how__title{font-family:var(--ff-h2,Manrope,Arial,sans-serif);font-size:var(--fs-h2,44px);font-weight:var(--fw-h2,700);letter-spacing:var(--ls-h2,-.035em);line-height:var(--lh-h2,1.24)}@media(max-width:991px){.nok-how h2.nok-how__title{font-size:var(--fs-h2-tablet,var(--fs-h2,44px));line-height:var(--lh-h2-tablet,var(--lh-h2,1.24))}}@media(max-width:767px){.nok-how h2.nok-how__title{font-size:var(--fs-h2-mobile,34px);letter-spacing:var(--ls-h2-mobile,var(--ls-h2,-.035em));line-height:var(--lh-h2-mobile,var(--lh-h2,1.2))}}.nok-how h3.nok-how__title{font-family:var(--ff-h3,Manrope,Arial,sans-serif);font-size:var(--fs-h3,32px);font-weight:var(--fw-h3,700);letter-spacing:var(--ls-h3,-.035em);line-height:var(--lh-h3,1.24)}@media(max-width:991px){.nok-how h3.nok-how__title{font-size:var(--fs-h3-tablet,var(--fs-h3,32px));line-height:var(--lh-h3-tablet,var(--lh-h3,1.24))}}@media(max-width:767px){.nok-how h3.nok-how__title{font-size:var(--fs-h3-mobile,28px);letter-spacing:var(--ls-h3-mobile,var(--ls-h3,-.035em));line-height:var(--lh-h3-mobile,var(--lh-h3,1.2))}}.nok-how h4.nok-how__title{font-family:var(--ff-h4,Manrope,Arial,sans-serif);font-size:var(--fs-h4,24px);font-weight:var(--fw-h4,700);letter-spacing:var(--ls-h4,-.035em);line-height:var(--lh-h4,1.24)}@media(max-width:991px){.nok-how h4.nok-how__title{font-size:var(--fs-h4-tablet,var(--fs-h4,24px));line-height:var(--lh-h4-tablet,var(--lh-h4,1.24))}}@media(max-width:767px){.nok-how h4.nok-how__title{font-size:var(--fs-h4-mobile,24px);letter-spacing:var(--ls-h4-mobile,var(--ls-h4,-.035em));line-height:var(--lh-h4-mobile,var(--lh-h4,1.2))}}.nok-how__youtube{background:#f7f4f0;container-type:size;display:grid;height:100%;overflow:hidden;place-items:center;position:relative;width:100%}.nok-how__youtube iframe{aspect-ratio:16/9;border:0;display:block;height:auto;max-height:100%;width:100%}.nok-how__youtube--cover iframe{height:max(56.25cqw,100cqh);left:50%;max-height:none;max-width:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100cqw,177.7778cqh)}@media(min-width:701px){.nok-how__inner{row-gap:0}.nok-how__content{display:contents}.nok-how .nok-how__title{grid-column:1;grid-row:1}.nok-how__steps{grid-column:1;grid-row:2}.nok-how__action{grid-column:1;grid-row:3}.nok-how .nok-how__visual{align-self:start;grid-column:2;grid-row:2/span 2}}.nok-how .nok-how__title>.nok-how__subtitle{line-height:1.05;margin-top:-8px}.nok-how{box-sizing:border-box;padding:var(--nh-desktop-top,64px) var(--nh-desktop-right,24px) var(--nh-desktop-bottom,64px) var(--nh-desktop-left,24px)}@media(max-width:767px){.nok-how{padding:var(--nh-mobile-top,38px) var(--nh-mobile-right,24px) var(--nh-mobile-bottom,38px) var(--nh-mobile-left,24px)}}