/* Four needs within the selected Open atelier family. No motion dependency. */
.nf-site .offer-overview{color:#18191d;font-family:Manrope,sans-serif}
.nf-site .offer-overview h3{font-family:Syne,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.14;margin:0;text-wrap:balance}
.nf-site .offer-overview h3 a{color:inherit;text-decoration:none;display:flex;justify-content:space-between;gap:28px;align-items:start}
.nf-site .offer-overview h3 a:hover{color:#0046ed}
.nf-site .offer-overview h3 a>span{flex:none;color:#0046ed;margin-top:6px}
.nf-site .offer-overview h3 svg{width:27px;height:27px}
.nf-site .offer-primary{display:grid;grid-template-columns:1.08fr 1fr;gap:90px;background:#f6f5f0;padding:44px;margin-top:40px}
.nf-site .offer-primary h3{font-size:clamp(34px,3.4vw,49px);max-width:560px}
.nf-site .offer-kicker{font:500 13px/1.65 Manrope,sans-serif;color:#45454d;margin:0 0 18px;max-width:46ch}
.nf-site .offer-overview p{font-size:15px;line-height:1.8;margin:0;color:#45454d}
.nf-site .offer-primary .offer-kicker{font-size:13px;margin-bottom:18px}
.nf-site .offer-primary .offer-included{font-size:13px;font-weight:650;color:#0046ed;margin-top:20px}
.nf-site .offer-primary-copy .ed-text-link{margin-top:18px}
.nf-site .offer-support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding-top:48px}
.nf-site .offer-secondary{min-width:0}
.nf-site .offer-secondary h3{font-size:clamp(26px,2.4vw,34px);margin-bottom:22px}
.nf-site .offer-secondary h3 svg{width:21px;height:21px}
.nf-site .offer-secondary .offer-scope{font-size:13px;color:#0046ed;margin-top:20px}
.nf-site .offer-overview :is(article)[id],.nf-site .offer-seo[id]{scroll-margin-top:120px}
.nf-site .offer-seo{background:#f6f5f0;color:#18191d;padding-block:85px;font-family:Manrope,sans-serif}
.nf-site .offer-seo-intro{display:grid;grid-template-columns:1.08fr 1fr;gap:90px}
.nf-site .offer-seo h2{font:500 clamp(36px,4vw,57px)/1.1 Syne,sans-serif;letter-spacing:-.045em;max-width:590px;margin:0;color:#0046ed;text-wrap:balance}
.nf-site .offer-seo p{font-size:15px;line-height:1.8;color:#45454d;margin:0}
.nf-site .offer-seo .offer-kicker{font-size:13px;margin-bottom:24px;max-width:49ch}
.nf-site .offer-seo .offer-seo-followup{margin-top:22px;font-size:14px}
.nf-site .offer-seo .ed-text-link{margin-top:22px}
.nf-site .offer-seo-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:48px 0 0}
.nf-site .offer-seo-items>div{border-top:1px solid #d1d0ca;padding-top:24px}
.nf-site .offer-seo-items dt{font:500 27px/1.2 Syne,sans-serif;letter-spacing:-.04em;margin-bottom:16px}
.nf-site .offer-seo-items dd{font-size:15px;line-height:1.8;color:#45454d;margin:0}
.nf-site .offer-seo-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:36px}
.nf-site .offer-seo-notes p{font-size:13px}
.nf-site .offer-seo-notes p+p{margin-top:16px}
.nf-site .offer-delivery{background:#dedcf0;padding-block:65px}
.nf-site .offer-delivery .ed-deliverables>div{border-color:#bcb9ce}
.nf-site .offer-after{display:grid;grid-template-columns:1fr 1fr;gap:20px 90px;margin-top:34px;background:#e8e7dd;padding:36px}
.nf-site .offer-after h3{margin:0}
.nf-site .offer-after .ed-text-link{grid-column:2;width:fit-content}
.nf-site .offer-website-types{padding-block:65px 15px}
.nf-site .offer-website-types>p{margin-top:24px;max-width:780px}
.nf-site .offer-website-types>div{display:flex;flex-wrap:wrap;gap:15px 50px;margin-top:20px}
.nf-site .offer-services-opening{padding-block:58px 45px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:end}
.nf-site .offer-services-opening h1{grid-column:auto;font:500 clamp(46px,4.8vw,70px)/1.06 Syne,sans-serif;letter-spacing:-.055em;margin:0;text-wrap:balance}
.nf-site .offer-services-opening h1 span{color:#064cff}
.nf-site .offer-services-opening p{font:400 15px/1.8 Manrope,sans-serif;color:#45454d;max-width:620px;margin:0}
.nf-site .offer-services-list{background:#dedcf0;padding-block:1px 65px}
.nf-site .offer-services-list .offer-primary{margin-top:40px}
.nf-site .offer-services-list h2{font:500 30px/1.2 Syne,sans-serif;letter-spacing:-.04em;margin:40px 0 0}
.nf-site .offer-advice{font:400 14px/1.8 Manrope,sans-serif;margin:35px 0 0}
.nf-site .offer-advice a{color:#0046ed;text-underline-offset:5px}
.nf-site .offer-detail .ed-opening h1{max-width:1120px}
.nf-site .offer-detail .ed-faq{padding-top:30px}
.nf-site .at-offers .at-offers-heading{align-items:end}
.nf-site .nf-footer-group a{overflow-wrap:break-word}
@media(max-width:1100px){
 .nf-site .offer-primary,.nf-site .offer-seo-intro,.nf-site .offer-services-opening{gap:45px}
 .nf-site .offer-support{gap:32px}
 .nf-site .offer-primary{padding:32px}
}
@media(max-width:800px){
 .nf-site .offer-primary,.nf-site .offer-seo-intro,.nf-site .offer-services-opening{grid-template-columns:1fr;gap:26px}
 .nf-site .offer-support{grid-template-columns:1fr;gap:34px;padding-top:36px}
 .nf-site .offer-secondary{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
 .nf-site .offer-secondary h3{font-size:29px;margin:0}
 .nf-site .offer-secondary .offer-scope{grid-column:2;margin-top:12px}
 .nf-site .offer-primary h3{max-width:none}
 .nf-site .offer-seo-items{grid-template-columns:1fr;gap:24px}
 .nf-site .offer-seo-notes,.nf-site .offer-after{grid-template-columns:1fr;gap:20px}
 .nf-site .offer-after .ed-text-link{grid-column:auto}
 .nf-site .offer-services-opening{padding-block:40px}
}
@media(max-width:540px){
 .nf-site .offer-primary{padding:26px 22px;margin-top:28px}
 .nf-site .offer-primary h3{font-size:34px}
 .nf-site .offer-primary h3 a{gap:16px}
 .nf-site .offer-primary h3 svg{width:22px;height:22px}
 .nf-site .offer-secondary{display:block}
 .nf-site .offer-secondary h3{font-size:30px;margin-bottom:15px;max-width:none}
 .nf-site .offer-seo{padding-block:58px}
 .nf-site .offer-seo h2{font-size:39px}
 .nf-site .offer-seo p,.nf-site .offer-overview p{font-size:14px}
 .nf-site .offer-seo-items{margin-top:34px}
 .nf-site .offer-delivery{padding-block:48px}
 .nf-site .offer-after{padding:24px}
 .nf-site .offer-services-opening h1{font-size:45px}
 .nf-site .offer-services-list{padding-bottom:48px}
}

.nf-site .offer-seo .offer-seo-lead{font-size:15px;max-width:48ch;margin-top:24px}
