/* The service stories continue the homepage's ink, paper and workshop characters. */
:root{--service-ink:#293348;--service-teal:#286763;--service-rust:#a34335;--service-ease:cubic-bezier(.2,.75,.25,1)}
.service-page{--color-teal:#286763;--color-teal-hover:#205752;color:var(--service-ink)}
.service-page .site-header{position:relative;inset:auto;transform:none;background:transparent}
.service-page .site-header__inner,.service-page .site-header:not(.is-scrolled) .site-header__inner{width:min(calc(100% - 56px),1360px);transform:none}
.service-page main{overflow:clip}
.service-page .section-inner{width:min(calc(100% - 56px),1440px)}
.service-page main>section[id],.service-page main>aside[id]{scroll-margin-top:30px}
.service-page h1,.service-page h2,.migration-home h2,.service-proof h2{font-family:var(--font-headline);font-weight:400;line-height:1.04;letter-spacing:-.015em;text-wrap:balance}
.service-page h1{margin:0 0 26px;font-size:clamp(48px,4.9vw,78px)}
.service-page h2,.service-proof h2{margin:0 0 22px;font-size:clamp(36px,3.4vw,56px)}
.service-page em,.migration-home em{font-style:normal;color:var(--service-teal)}
.service-page h3{font:400 30px/1.1 var(--font-headline);margin:0 0 12px}
.service-hero__copy>p,.migration-intro__copy>p,.service-section-intro>p,.service-scope__list p,.service-feature p,.service-price p,.service-process p,.service-proof p,.service-related>p{font:400 18px/1.6 var(--font-ui);margin:0 0 22px;max-width:66ch}
.service-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-block:25px;font:14px/1.5 var(--font-ui);color:#4c4e55}
.service-breadcrumbs a{color:var(--service-teal);text-underline-offset:4px}
.service-hero{padding-block:22px 65px}
.service-hero__copy{position:relative;z-index:1;max-width:1000px;margin-inline:auto;text-align:center}
.service-hero__copy>p{max-width:66ch;margin-inline:auto}
.service-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;align-items:center;margin-top:26px}
.service-actions>.pill-button{color:#101525;font-family:var(--font-headline);font-size:24px;white-space:normal;text-align:center;line-height:1.12;min-height:54px;padding:13px 25px}
.service-actions>.pill-button svg{flex:none;width:26px}
.service-actions>.pill-button:active{transform:translateY(1px)}
.service-panorama{position:relative;width:min(100%,2560px);margin:38px auto 0}
.service-panorama__frame>picture{display:block;width:100%;height:100%}
.service-panorama__frame{position:relative;width:100%;overflow:hidden}
.service-panorama__frame>picture>img{display:block;width:100%;height:auto}
.service-panorama__frame::after,.migration-route__art::after{content:"";position:absolute;inset:0;background:url("/assets/comic-rough-frame.svg") center/100% 100% no-repeat;pointer-events:none}
.service-hero figcaption{position:relative;width:fit-content;max-width:90%;margin:-10px auto 0;padding:10px 19px;background:#fff7e5 url('/assets/paper-from-reference.avif') repeat;border:2px solid #39474b;border-radius:5px 9px 6px 8px;box-shadow:3px 5px 0 #aa977044;transform:rotate(-3deg);text-align:center;font:26px/1.1 var(--font-headline)}
.service-text-link{position:relative;display:inline-flex;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:7px 0 9px;color:var(--service-teal);font:700 16px/1.4 var(--font-ui);text-decoration:none}
.service-text-link::after{content:'';position:absolute;right:0;bottom:2px;left:0;height:3px;border-radius:60% 40% 55% 45%;background:#d66353;transform:scaleX(0) skewX(-13deg) rotate(-1deg);transform-origin:left;transition:transform .32s var(--service-ease)}
.service-text-link svg{flex:none;width:28px;transition:transform .25s var(--service-ease)}
.service-text-link:hover::after,.service-text-link:focus-visible::after{transform:scaleX(1) skewX(-13deg) rotate(-1deg)}
.service-text-link:hover svg,.service-text-link:focus-visible svg{transform:translateX(5px)}
.service-scope{position:relative;padding-block:76px;background:#ead6ac55 url('/assets/paper-from-reference.avif') repeat;border-block:1px solid #b7a17b66}
.service-section-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start;margin-bottom:30px}
.service-section-intro h2{max-width:18ch}
.service-section-intro>p{margin-bottom:0}
.service-scope__list{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}
.service-scope__list article{position:relative;padding:27px 0 12px 46px;border-top:1px solid #a58c6580}
.service-scope__list article::before{content:'';position:absolute;left:3px;top:28px;width:27px;height:27px;background:url('/assets/icon-gear.svg') center/contain no-repeat}
.service-scope__list article:nth-child(2)::before{background-image:url('/assets/icon-diamond.svg')}
.service-scope__list article:nth-child(3)::before{background-image:url('/assets/icon-growth.svg')}
.service-scope__list article:nth-child(4)::before{background-image:url('/assets/icon-search.svg')}
.service-scope__list p{font-size:17px}
.service-feature,.service-price{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;padding-block:85px}
.service-feature h2,.service-price h2{max-width:18ch}
.service-process{padding-block:70px;background:#f2dfb2a8 url('/assets/paper-from-reference.avif') repeat}
.service-process h2{text-align:center}
.service-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;counter-reset:move;margin:42px 0 0;padding:0;list-style:none}
.service-process li{position:relative;counter-increment:move;padding:35px 24px 15px;background:#fff9eb url('/assets/paper-from-reference.avif') repeat;border:2px solid #495355;border-radius:5px 8px 7px 4px;box-shadow:4px 6px 0 #796b492e;transform:rotate(-1deg)}
.service-process li:nth-child(2){transform:rotate(1deg)}
.service-process li::before{content:counter(move);position:absolute;left:21px;top:-23px;display:grid;place-items:center;width:44px;height:44px;background:#eebf7c;border:2px solid #495355;border-radius:48% 42% 46% 43%;font:30px var(--font-headline)}
.service-process p{font-size:17px}
.service-proof{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;padding-block:95px}
.service-proof figure{position:relative;margin:0;padding:9px;background:#fff9eb;border:2px solid #3e4653;border-radius:5px 7px 4px 8px;box-shadow:5px 7px 0 #8e7b5833;transform:rotate(1deg)}
.service-proof figure img{display:block;width:100%;height:auto}
.service-proof figcaption{padding:12px 10px 5px;font:23px/1.15 var(--font-headline)}
.service-price{padding-top:15px;padding-bottom:70px}
.service-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;padding-block:35px 85px}
.service-faq details{border-bottom:1px solid #a58c6580;interpolate-size:allow-keywords}
.service-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;list-style:none;cursor:pointer;font:400 27px/1.2 var(--font-headline)}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary>span{display:grid;place-items:center;width:34px;height:34px;flex:none;color:var(--service-teal);transform:rotate(90deg);transition:transform .25s var(--service-ease)}
.service-faq details[open] summary>span{transform:rotate(-90deg)}
.service-faq__answer p{margin:0;padding:0 42px 25px 0;font:17px/1.65 var(--font-ui);max-width:70ch}
.service-faq details::details-content{height:0;overflow:clip;opacity:0;transition:height .28s var(--service-ease),opacity .2s ease,content-visibility .28s allow-discrete}
.service-faq details[open]::details-content{height:auto;opacity:1}
.service-related{padding-block:50px 100px;border-top:1px solid #b7a17b66}
.service-related>h2{margin-bottom:35px}
.migration-home{position:relative;z-index:2;padding-block:70px 90px;background:#f6ecd9 url('/assets/paper-from-reference.avif') repeat}
.migration-home .section-inner{width:min(calc(100% - 56px),1440px)}
.migration-intro{display:block;width:100%;padding-block:24px 45px}
.migration-intro h1,.migration-intro h2{margin:0 0 22px;font:400 clamp(38px,3.6vw,62px)/1.04 var(--font-headline);letter-spacing:-.015em}
.migration-intro__copy{position:relative;z-index:1;max-width:1000px;margin-inline:auto;text-align:center}
.migration-intro__copy>p{max-width:66ch;margin-inline:auto}
.migration-intro .service-panorama{margin:32px auto 0}
.migration-intro figure img{display:block;width:100%;height:auto}
.migration-catalog{padding-block:15px 65px}
.migration-catalog>h2{margin-bottom:35px}
.migration-routes{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.migration-route{position:relative;display:flex;flex-direction:column;gap:0;padding:0;color:var(--service-ink);background:transparent;text-decoration:none;transition:transform .25s var(--service-ease)}
.migration-route:nth-child(even){transform:none}
.migration-route__art{position:relative;min-width:0;width:100%;overflow:hidden;aspect-ratio:3/2}
.migration-route__art>picture{display:block;width:100%;height:100%}
.migration-route__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.migration-route h3{font:400 clamp(26px,2.3vw,38px)/1.08 var(--font-headline);margin:0 0 10px;color:#293348}
.migration-route__copy{width:100%;padding:18px 12px 20px}
.migration-route p{font:17px/1.45 var(--font-ui);margin:0 0 7px;color:#414550}
.migration-route .service-text-link{font-size:14px;gap:8px}
.migration-route .service-text-link svg{width:23px}
@media(hover:hover){
 .migration-route:hover{transform:translateY(-3px)}
 .migration-route:hover .service-text-link::after{transform:scaleX(1) skewX(-13deg) rotate(-1deg)}
 .migration-route:hover .service-text-link svg{transform:translateX(5px)}
}
.migration-route:focus-visible{outline:3px solid var(--service-teal);outline-offset:6px}
.migration-route:focus-visible .service-text-link::after{transform:scaleX(1)}
.migration-routes--related{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.migration-routes--related .migration-route{grid-template-columns:1fr;gap:5px}
.migration-routes--related .migration-route__copy{padding:0 8px 8px}
.migration-routes--related h3{font-size:30px}
.service-page .contact{margin-top:0;padding-top:0}
.service-page .contact__content{padding-top:90px}
.service-page .contact h2{font-size:clamp(37px,3.3vw,60px);font-weight:700;line-height:1}
.service-page .contact__content>p{font-size:20px}
.service-page .contact__form input,.service-page .contact__form textarea{caret-color:var(--service-rust)}
.service-page .contact__form input::placeholder,.service-page .contact__form textarea::placeholder{color:#58616a}
.service-page .contact__form .pill-button{color:#101525}
@media(min-width:1101px){
 .service-page .contact__art{top:-115px;mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 76%,transparent 100%)}
 .service-page .contact__art-overlap{display:none}
 .service-page .contact__content{padding-top:150px}
}
.skip-service{position:absolute;z-index:110;top:10px;left:12px;padding:12px 16px;color:#fff;background:#286763;transform:translateY(-150%)}
.skip-service:focus{transform:none}
.service-page ::selection,.migration-home ::selection{background:#edb6a5;color:#252943}
.service-page{scrollbar-color:#887a62 #f6ecd9}
@media(max-width:1100px){
 .service-page .site-header,.service-page .site-header.is-scroll-hidden{position:relative;transform:none}
 .service-page .site-header:not(.is-scrolled) .brand{width:210px}
 .service-page .site-header__inner{min-height:70px}
 .service-hero{padding-top:20px}
 .service-hero h1{font-size:clamp(43px,5.8vw,60px)}
 .service-hero__copy>p{font-size:17px}
 .service-actions{gap:18px}
 .service-actions>.pill-button{font-size:21px;padding-inline:18px}
 .service-section-intro,.service-feature,.service-price,.service-proof{gap:36px}
 .service-process ol{gap:18px}
 .service-process li{padding-inline:18px}
 .service-faq{gap:36px}
 .migration-intro{padding-top:20px}
 .migration-route{padding:0}
 .migration-route__art{max-width:100%}
 .migration-route__copy{padding:0 10px 10px}
 .migration-routes--related{grid-template-columns:1fr 1fr}
 .service-page .contact__content{padding-top:16px}
}
@media(max-width:760px){
 .service-page .section-inner,.migration-home .section-inner{width:calc(100% - 36px)}
 .service-page .site-header__inner,.service-page .site-header:not(.is-scrolled) .site-header__inner{width:100%;padding-inline:14px}
 .service-page .site-header:not(.is-scrolled) .brand{width:190px}
 .service-breadcrumbs{font-size:12px;padding-block:15px;gap:7px}
 .service-hero{padding-block:20px 50px}
 .service-hero h1{font-size:clamp(44px,9.5vw,64px);margin-bottom:20px}
 .service-hero__copy>p{font-size:17px;max-width:54ch;line-height:1.55}
 .service-actions{margin-top:22px;gap:13px 20px}
 .service-actions>.pill-button{font-size:23px;padding:12px 21px}
 .service-actions>.service-text-link{font-size:15px}
 .service-panorama{width:100%;margin:28px auto 0}
 .service-panorama__frame{aspect-ratio:4/3}
 .service-panorama__frame>picture>img{height:100%;object-fit:cover;object-position:center}
 .service-hero figcaption{font-size:23px;margin-top:-4px}
 .service-page h2,.service-proof h2{font-size:clamp(35px,8vw,46px)}
 .service-section-intro,.service-feature,.service-price,.service-proof{grid-template-columns:1fr;gap:16px}
 .service-section-intro{margin-bottom:24px}
 .service-scope{padding-block:50px}
 .service-scope__list{grid-template-columns:1fr;gap:0}
 .service-scope__list article{padding:23px 0 7px 41px}
 .service-scope__list article::before{top:25px;width:26px;height:26px}
 .service-scope__list h3{font-size:28px}
 .service-feature,.service-proof{padding-block:55px}
 .service-price{padding-block:15px 40px}
 .service-process{padding-block:50px}
 .service-process h2{text-align:left}
 .service-process ol{grid-template-columns:1fr;gap:35px;margin-top:43px}
 .service-process li{padding:32px 22px 5px}
 .service-proof figure{margin:12px 2px 0;transform:none}
 .service-proof figcaption{font-size:21px}
 .service-faq{grid-template-columns:1fr;gap:3px;padding-block:20px 50px}
 .service-faq summary{font-size:25px;gap:14px;padding-block:20px}
 .service-faq__answer p{padding-right:0;font-size:16px}
 .service-related{padding-block:40px 55px}
 .migration-home{padding-block:45px 60px}
 .migration-intro{padding-block:10px 32px}
 .migration-intro h1,.migration-intro h2{font-size:clamp(38px,8.7vw,54px)}
 .migration-intro__copy>p{font-size:18px;max-width:50ch}
 .migration-intro .service-panorama{margin:28px auto 0}
 .migration-intro .service-panorama__frame>picture>img{height:100%;object-fit:cover}
 .migration-routes,.migration-routes--related{grid-template-columns:1fr;gap:24px}
 .migration-route,.migration-routes--related .migration-route{padding:0;gap:0}
 .migration-route__copy,.migration-routes--related .migration-route__copy{padding:8px 3px}
 .migration-route h3,.migration-routes--related h3{font-size:29px}
 .migration-route p{font-size:15px;line-height:1.45}
 .migration-route .service-text-link{font-size:12px;gap:5px}
 .migration-route .service-text-link svg{width:20px}
 .migration-catalog{padding-bottom:30px}
 .service-page .contact h2{font-size:39px}
 .service-page .contact__content>p{font-size:18px}
}
@media(max-width:370px){
 .service-page .section-inner,.migration-home .section-inner{width:calc(100% - 28px)}
 .service-hero h1{font-size:42px}
 .service-actions>.pill-button{width:100%;font-size:21px;padding-inline:12px}
 .migration-route,.migration-routes--related .migration-route{padding:0}
 .migration-route__art{max-width:none}
 .migration-route__copy,.migration-routes--related .migration-route__copy{padding:5px 10px 10px}
 .migration-route h3{font-size:31px}
 .migration-route .service-text-link{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .service-text-link::after,.service-text-link svg,.migration-route,.service-faq summary>span,.service-faq details::details-content{transition:none}
 .service-page .pill-button{transition:none}
}