/* Four service stories, one visual language. All meaning is server-rendered. */
.nh-service-page{--sp-ink:#101010;--sp-paper:#f6f6f2;--sp-orange:#ff6418;--sp-ease:cubic-bezier(.22,.7,.18,1);background:#fff}
.nh-service-page :is(section,nav)[id]{scroll-margin-top:110px}
.nh-service-page h2{font-size:clamp(34px,3.8vw,54px);line-height:1.08;letter-spacing:-.045em;font-weight:500}
.nh-service-page h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;font-weight:500}
.nh-service-page p{line-height:1.7}
.sp-hero{position:relative;background:var(--sp-ink);color:#fff;overflow:clip}
.sp-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:20px;min-height:710px;padding-block:64px 46px}
.sp-back{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#babbb5;margin-bottom:36px}
.sp-back>span:first-child{display:inline-block;transform:rotate(-135deg);font-size:20px;color:#ff783b;transition:transform .6s var(--sp-ease)}
.sp-back:hover>span:first-child{transform:translateX(-4px) rotate(-135deg)}
.nh-service-page .sp-hero h1{font-size:clamp(46px,4.6vw,70px);line-height:1.035;letter-spacing:-.055em;max-width:730px;font-weight:500;margin:0}
.sp-hero__accent{display:block;color:#ff783b}
.nh-service-page .sp-hero__copy>p{font-size:18px;color:#babbb5;max-width:540px;margin:28px 0 32px;line-height:1.7}
.sp-actions{display:flex;align-items:flex-start;flex-direction:column;gap:22px}
.sp-actions .nh-button{font-size:15px;min-height:58px;max-width:100%}
.sp-scroll-link{display:inline-flex;align-items:center;gap:16px;color:#dadad4;font-size:14px;padding-block:4px}
.sp-scroll-link>span:last-child{transition:transform .6s var(--sp-ease);color:#ff783b}
.sp-scroll-link:hover>span:last-child{transform:translateY(5px)}
.sp-hero__object{position:relative;min-width:0}
.sp-model{height:540px;overflow:visible}
.sp-model.is-scene-ready canvas,.sp-model.is-scene-ready .nh-scene-fallback{transition:none}
.sp-hero__orbit{position:absolute;inset:15% 5% 12%;border:1px solid #ffffff08;border-radius:50%;transform:rotate(-25deg)}
.sp-hero__orbit::before{content:'';position:absolute;inset:12%;border:1px solid #ffffff08;border-radius:50%}
.sp-object-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.08em;color:#888b83;margin:0 24px;text-transform:uppercase}
.sp-hero__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1c;padding-block:21px;color:#999c94;font-size:12px}
.sp-hero__foot>a{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff24;display:grid;place-items:center;color:#ecece7;font-size:18px;transition:background .5s,color .5s}
.sp-hero__foot>a:hover{background:#ff6418;color:#101010}
.sp-intro{padding-block:110px 104px}
.sp-section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:80px;margin-bottom:54px}
.sp-section-heading>p{font-size:16px;color:#62655c;max-width:480px}
.sp-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.sp-benefits article{border-top:1px solid #d8d9d2;padding-top:24px}
.sp-index{font-size:12px;color:#a2441b;display:block}
.sp-benefits h3{margin-top:32px;max-width:310px}
.sp-benefits p{margin-top:14px;color:#62655c;font-size:15px;max-width:325px}
.sp-story{background:var(--sp-paper);padding-block:100px 90px}
.sp-story__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:72px;align-items:center}
.sp-demo{min-width:0;position:relative;background:#e9eae4;border-radius:28px;padding:28px;overflow:hidden;isolation:isolate}
.sp-demo__canvas{height:450px;position:relative;perspective:1400px;display:grid;place-items:center}
.sp-demo__page{position:absolute;border:1px solid #dadbd4;border-radius:15px;background:#fff;box-shadow:3px 6px 0 #c6c8bf,10px 25px 36px #242e1a16;overflow:hidden;transition:transform 1s var(--sp-ease),background 1s var(--sp-ease)}
.sp-demo__page--front{width:82%;transform:rotateY(-8deg) rotateZ(-3deg);z-index:2}
.sp-demo__page--back{width:72%;height:310px;transform:translate(9%,0) rotate(7deg);background:#d5d7ce;padding:22px;box-shadow:2px 4px 0 #b3b6ab}
.sp-demo__chrome{height:40px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ebebe5;padding-inline:18px;color:#8b8e83;font-size:10px}
.sp-dots{display:flex;gap:4px}
.sp-dots i{height:5px;width:5px;border-radius:50%;background:#bfc3b6}
.sp-dots i:first-child{background:#ff6418}
.sp-demo__content{padding:22px}
.sp-demo__picture{height:100px;background:#edeee8;border-radius:9px;position:relative;overflow:hidden;margin-bottom:19px;transition:background .9s var(--sp-ease),height .9s var(--sp-ease)}
.sp-demo__shape{position:absolute;bottom:-12px;left:25%;width:70px;height:90px;border-radius:18px 18px 6px 6px;background:#ff6418;transform:rotate(-13deg);box-shadow:7px 6px 0 #d34c0c;transition:transform 1s var(--sp-ease)}
.sp-demo__sphere{position:absolute;right:20%;top:22px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#d4d7ca 65%,#aeb5a1);box-shadow:6px 8px 9px #0001;transition:transform 1s var(--sp-ease)}
.sp-demo__headings{min-height:53px;margin-bottom:14px}
.sp-demo__headings strong{font-size:23px;letter-spacing:-.035em;line-height:1.15;font-weight:500;max-width:240px;display:block;animation:sp-copy-in .55s var(--sp-ease)}
.sp-demo__headings [hidden]{display:none}
.sp-skeleton{width:92%;height:4px;border-radius:4px;background:#d7d9d0;margin-top:9px}
.sp-skeleton--short{width:64%}
.sp-demo__tiles{display:flex;gap:9px;margin-block:20px;transition:gap .8s var(--sp-ease)}
.sp-demo__tiles>i{display:block;flex:1;height:42px;background:#edeee8;border-radius:6px;transition:background .8s,transform 1s var(--sp-ease)}
.sp-demo__action{width:105px;height:29px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:#ff6418;border-radius:22px;transition:width .8s var(--sp-ease)}
.sp-demo__action>span{width:45px;height:3px;background:#101010;border-radius:4px}
.sp-demo__action>b{font-weight:400}
.sp-demo__caption{display:flex;justify-content:space-between;gap:12px;color:#73786b;font-size:11px;margin-top:20px}
.sp-demo--landing .sp-demo__page--front{width:68%}
.sp-demo--landing .sp-demo__page--back{display:none}
.sp-demo--company .sp-demo__page--front{transform:translate(-3%,0) rotateY(-12deg) rotateZ(-4deg)}
.sp-demo__edit{position:absolute;z-index:3;bottom:58px;right:0;width:130px;background:#fff;border:1px solid #dedfd7;border-radius:14px;box-shadow:4px 5px 0 #c2c6b9,10px 18px 20px #0001;padding:16px;transform:rotate(7deg);transition:transform 1s var(--sp-ease)}
.sp-demo__edit svg{width:32px;height:32px;stroke:#e2520c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.sp-demo__edit i,.sp-demo__edit b{display:block;background:#c5c9bb;border-radius:3px;height:4px;width:80px;margin-top:10px}
.sp-demo__edit b{width:50px;background:#ff6418}
.sp-demo--shop .sp-demo__picture{height:150px}
.sp-demo--shop .sp-demo__tiles{display:none}
.sp-demo--shop .sp-demo__action{margin-top:24px}
.sp-demo--shop .sp-demo__page--back{display:none}
.sp-demo__bag{position:absolute;z-index:3;right:0;bottom:36px;transform:rotate(10deg);height:112px;width:100px;background:#ff6418;border-radius:19px;box-shadow:6px 6px 0 #cb4b0b,12px 18px 20px #0002;display:grid;place-items:center;transition:transform 1s var(--sp-ease)}
.sp-demo__bag svg{width:65px;height:65px;stroke:#101010;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.sp-demo--redesign .sp-demo__page--back{transform:translate(-28%,-4%) rotate(-8deg);width:65%;border-radius:2px;background:#cbcec2}
.sp-demo--redesign .sp-demo__page--front{width:70%;transform:translate(12%,3%) rotateY(-8deg) rotateZ(3deg)}
.sp-demo__change{position:absolute;z-index:3;left:8%;bottom:35px;width:74px;height:74px;background:#ff6418;box-shadow:4px 5px 0 #ce4d0b;border-radius:50%;font-size:45px;display:grid;place-items:center;transform:rotate(-8deg);transition:transform 1s var(--sp-ease)}
[data-active="1"] .sp-demo__page--front{transform:translateY(-8px) rotateY(3deg) rotateZ(1deg)}
[data-active="1"] .sp-demo__picture{background:#ffdfc7}
[data-active="1"] .sp-demo__shape{transform:translateX(-22px) rotate(4deg)}
[data-active="1"] .sp-demo__sphere{transform:translateX(20px)}
[data-active="2"] .sp-demo__page--front{transform:translateY(3px) rotateY(-3deg) rotateZ(-1deg)}
[data-active="2"] .sp-demo__tiles>i{background:#ffccaa;transform:translateY(-6px)}
[data-active="2"] .sp-demo__tiles>i:nth-child(2){transform:translateY(-12px)}
[data-active="2"] .sp-demo__shape{transform:translateX(20px) rotate(8deg)}
[data-active="2"] .sp-demo__bag{transform:translate(-12px,-12px) rotate(0)}
[data-active="3"] .sp-demo__page--front{transform:rotateY(0) rotateZ(0)}
[data-active="3"] .sp-demo__action{width:100%}
[data-active="3"] .sp-demo__edit{transform:translateY(-20px) rotate(0)}
[data-active="3"] .sp-demo__change{transform:rotate(0) scale(1.08)}
.sp-feature{appearance:none;font:inherit;color:inherit;text-align:left;border:0;border-bottom:1px solid #d5d8cd;background:transparent;display:grid;grid-template-columns:22px minmax(0,1fr) 28px;gap:16px;width:100%;padding:25px 0;cursor:pointer;transition:opacity .55s,transform .6s var(--sp-ease)}
.sp-feature:first-child{border-top:1px solid #d5d8cd}
.sp-feature>.sp-index{padding-top:5px;color:#81877a}
.sp-feature strong{display:block;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.035em;margin-bottom:10px}
.sp-feature>span>span{font-size:14px;line-height:1.65;color:#696e61;display:block;max-width:360px}
.sp-feature__arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:21px;transition:background .6s var(--sp-ease),transform .6s var(--sp-ease)}
.sp-feature[aria-pressed=true] .sp-feature__arrow{background:#ff6418}
.sp-feature[aria-pressed=true]>.sp-index{color:#a2441b}
.sp-feature[aria-pressed=false]{opacity:1}
.sp-feature:hover,.sp-feature:focus-visible{opacity:1}
.sp-feature:focus-visible{outline:2px solid #b53d05;outline-offset:6px;border-radius:5px}
.sp-process{padding-block:106px 100px}
.sp-process>h2{max-width:700px}
.sp-process ol{list-style:none;padding:0;margin:60px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.sp-process li{border-top:1px solid #d8d9d2;padding-top:26px;position:relative}
.sp-process li::before{content:'';position:absolute;left:0;top:-4px;width:7px;height:7px;background:#ff6418;border-radius:50%}
.sp-process__number{font-size:48px;color:#aeb2a6;line-height:1;letter-spacing:-.05em}
.sp-process h3{margin-top:28px}
.sp-process p{font-size:15px;color:#666d5e;margin-top:14px;max-width:325px}
.sp-portal{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:30px;border-block:1px solid #d8d9d2;padding-block:35px}
.sp-portal h2{font-size:26px;letter-spacing:-.025em}
.sp-portal p{font-size:14px;color:#696e61;max-width:590px;margin-top:8px}
.sp-portal .nh-text-link{font-size:13px;gap:16px}
.sp-portal__symbol{position:relative;width:65px;height:61px;border-radius:16px;background:#ff6418;box-shadow:4px 5px 0 #cc4c0e;transform:rotate(-6deg);display:grid;place-items:center}
.sp-portal__symbol>span{width:37px;height:29px;border:2px solid #101010;border-radius:5px}
.sp-portal__symbol>i{position:absolute;left:30px;bottom:10px;height:10px;width:2px;background:#101010}
.sp-portal__symbol>b{position:absolute;right:4px;top:0;background:#fff;border:2px solid #101010;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:12px}
.sp-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;padding-block:108px}
.sp-faq details{border-bottom:1px solid #d8d9d2}
.sp-faq details:first-child{border-top:1px solid #d8d9d2}
.sp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:25px;list-style:none;cursor:pointer;font-size:19px;line-height:1.4;letter-spacing:-.025em}
.sp-faq summary::-webkit-details-marker{display:none}
.sp-faq details p{font-size:15px;color:#62655c;padding-bottom:26px;max-width:540px;animation:sp-copy-in .45s var(--sp-ease)}
.sp-faq__plus{width:28px;height:28px;flex:0 0 28px;border-radius:50%;position:relative;background:#efefe9;transition:background .45s,transform .65s var(--sp-ease)}
.sp-faq__plus::before,.sp-faq__plus::after{content:'';position:absolute;background:#101010;inset:13px 8px;height:1px}
.sp-faq__plus::after{transform:rotate(90deg)}
.sp-faq details[open] .sp-faq__plus{transform:rotate(45deg);background:#ff6418}
.sp-faq summary:focus-visible{outline:2px solid #b53d05;outline-offset:4px}
.sp-closing{background:#101010;color:#fff;text-align:center;padding-block:83px 90px;overflow:clip}
.sp-closing__asterisk{display:inline-block;color:#ff6418;font-size:70px;line-height:1;margin-bottom:26px;transition:transform 1.4s var(--sp-ease)}
.sp-closing:hover .sp-closing__asterisk{transform:rotate(100deg)}
.sp-closing h2{max-width:750px;margin-inline:auto;font-size:clamp(38px,4.5vw,66px)}
.sp-closing p{max-width:555px;margin:24px auto 32px;color:#b7bab1;font-size:16px}
.sp-closing .nh-button{max-width:100%}
.sp-related{padding-block:46px 54px}
.sp-related>p{color:#71766a;font-size:12px;margin-bottom:21px}
.sp-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.sp-related a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:14px;border-bottom:1px solid #d8d9d2;font-size:20px;letter-spacing:-.025em;transition:color .45s}
.sp-related a>span:last-child{color:#b64008;transition:transform .6s var(--sp-ease)}
.sp-related a:hover>span:last-child{transform:translate(4px,-4px)}
.sp-fallback{perspective:1200px}
.sp-fallback__window{position:absolute;width:62%;height:64%;border:1px solid #fff8;border-radius:22px;background:#eeeee8;box-shadow:6px 7px 0 #bfc3b7;transform:rotateY(-18deg) rotateZ(-5deg);padding:25px}
.sp-fallback__picture{height:38%;border-radius:12px;background:#ff6418;margin-block:22px}
.sp-fallback__window>b,.sp-fallback__window>i{display:block;height:8px;border-radius:6px;background:#c1c5b8;margin-top:12px}
.sp-fallback__window>b{width:70%;background:#292e23}
.sp-fallback__window>i{width:90%;height:5px}
.sp-fallback__window>span{display:block;width:42%;height:22px;border-radius:14px;background:#ff6418;margin-top:25px}
.sp-fallback__rear{position:absolute;width:60%;height:60%;border-radius:22px;background:#ff6418;transform:translate(35px,-15px) rotate(8deg);box-shadow:6px 7px 0 #c24609}
.sp-fallback__tile{position:absolute;right:10%;bottom:22%;width:25%;height:20%;background:#f6f6ef;border-radius:14px;box-shadow:4px 5px 0 #b6bdb0;transform:rotate(7deg)}
.sp-fallback--landing .sp-fallback__window{width:49%;height:74%;transform:rotateY(-18deg) rotateZ(-4deg)}
.sp-fallback--landing .sp-fallback__rear{display:none}
.sp-fallback--shop .sp-fallback__tile{background:#ff6418;height:30%;width:30%;box-shadow:4px 5px 0 #c24609}
@keyframes sp-copy-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1440px){.sp-model{height:580px}.sp-hero__grid{min-height:760px}}
@media(max-width:1100px){.sp-hero__grid{min-height:670px;gap:0}.sp-model{height:460px}.sp-hero h1{overflow-wrap:normal}.sp-story__grid{gap:38px}.sp-demo{padding:18px}.sp-demo__canvas{height:420px}.sp-demo__headings strong{font-size:20px}.sp-section-heading{gap:45px}.sp-feature strong{font-size:20px}.sp-portal{gap:24px}.sp-portal .nh-text-link{max-width:190px}}
@media(max-width:760px){.nh-service-page h2{font-size:36px}.nh-service-page h3{font-size:22px}.sp-hero__grid{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:34px;padding-bottom:25px}.sp-back{margin-bottom:26px}.nh-service-page .sp-hero h1{font-size:clamp(38px,7.8vw,58px);max-width:620px}.nh-service-page .sp-hero__copy>p{font-size:16px;margin-block:24px;max-width:580px}.sp-actions{gap:18px}.sp-model{height:370px;max-width:540px;margin-inline:auto}.sp-hero__object{margin-top:16px}.sp-object-caption{margin-inline:5px}.sp-hero__foot{padding-block:16px;font-size:10px}.sp-hero__foot>span:last-child{display:none}.sp-intro{padding-block:66px}.sp-section-heading{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:38px}.sp-section-heading>p{font-size:15px}.sp-benefits{grid-template-columns:minmax(0,1fr);gap:25px}.sp-benefits article{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:18px;padding-top:24px}.sp-benefits h3{margin:0;max-width:100%}.sp-benefits p{grid-column:2;max-width:100%;margin-top:10px}.sp-benefits .sp-index{padding-top:5px}.sp-story{padding-block:64px}.sp-story__grid{grid-template-columns:minmax(0,1fr);gap:30px}.sp-demo{max-width:540px;width:100%;margin-inline:auto;padding:22px}.sp-demo__canvas{height:400px}.sp-demo__page--front{max-width:350px}.sp-demo__page--back{max-width:330px}.sp-demo__headings strong{font-size:22px}.sp-feature{padding-block:21px}.sp-feature>span>span{max-width:100%}.sp-process{padding-block:68px}.sp-process ol{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:38px}.sp-process li{display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:22px}.sp-process__number{grid-row:span 2;font-size:37px}.sp-process h3{margin-top:0}.sp-process p{max-width:100%;grid-column:2}.sp-portal{grid-template-columns:65px minmax(0,1fr);gap:22px;padding-block:30px}.sp-portal h2{font-size:24px}.sp-portal .nh-text-link{grid-column:2;max-width:none;justify-self:start}.sp-faq{grid-template-columns:minmax(0,1fr);gap:35px;padding-block:68px}.sp-faq summary{font-size:18px}.sp-closing{padding-block:63px 66px}.sp-closing h2{font-size:39px}.sp-closing p{font-size:15px}.sp-related>div{grid-template-columns:minmax(0,1fr);gap:12px}.sp-related a{font-size:20px}.sp-related{padding-block:35px}}
@media(max-width:380px){.sp-model{height:300px}.nh-service-page .sp-hero h1{font-size:36px}.sp-demo{padding:14px}.sp-demo__canvas{height:350px}.sp-demo__content{padding:15px}.sp-demo__picture{height:75px}.sp-demo__headings strong{font-size:19px}.sp-demo__page--front{width:87%}.sp-demo--landing .sp-demo__page--front{width:80%}.sp-demo__edit{width:100px;padding:12px}.sp-demo__edit i{width:64px}.sp-demo__bag{width:75px;height:90px}.sp-demo--shop .sp-demo__picture{height:105px}.sp-demo--redesign .sp-demo__page--front{width:77%}.sp-demo__change{width:60px;height:60px}.sp-feature{gap:10px;grid-template-columns:18px minmax(0,1fr) 28px}.sp-feature strong{font-size:19px}.sp-closing h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.nh-service-page *{animation:none!important;transition:none!important}.sp-closing:hover .sp-closing__asterisk{transform:none}}
@media(max-width:380px){html[lang=ru] .nh-service-page .sp-hero h1{font-size:34px}.sp-feature>span{min-width:0}.sp-feature strong{overflow-wrap:anywhere}}