body .nl-hero{background-color:#1d1a24;color:#fff}

body .nl-flow{background-color:#1d1a24;color:#fff}

body .nl-flow{background-image:linear-gradient(90deg,rgba(184,193,255,0.12) 1px,transparent 1px),linear-gradient(rgba(184,193,255,0.12) 1px,transparent 1px);background-size:34px 34px}

body .nl-services{background-color:#fff}

body .nl-works{background-color:#fff}

body .nl-faq{background-color:#fff}

body .nl-company{background-color:#fff}

body .nl-values{background-color:#f0f1ff}

body .nl-recruit{background-color:#f0f1ff}

body .nl-blog{background-color:#f0f1ff}

body .nl-contact{background-color:#272a9e;color:#fff}

*{box-sizing:border-box}

body{margin:0}

.nl-button-outline{border-top-color:rgb(255,255,255);border-right-color:rgb(255,255,255);border-bottom-color:rgb(255,255,255);border-left-color:rgb(255,255,255)}

*{box-sizing:border-box}

body{margin:0}

.nl-button-outline{border-top-color:rgb(255,255,255);border-right-color:rgb(255,255,255);border-bottom-color:rgb(255,255,255);border-left-color:rgb(255,255,255)}

@media (min-width:1024px){.nl-works-wordmark{z-index:2;text-shadow:0 1px 7px rgba(255,255,255,0.28)}}

.nl-heading{line-height:1.3}

.nl-intro{line-height:1.8}

.nl-hero-lead{line-height:1.85}

body .nl-work-gallery-sub{margin-left:auto}

.nl-page{--nl-media-shadow: 0 10px 24px rgba(15, 18, 40, 0.16)}

.nl-hero{background-image:none;background-position:0% 0%;background-origin:padding-box;background-clip:border-box}

.nl-values{background-image:none;background-position:0% 0%;background-origin:padding-box;background-clip:border-box}

.nl-flow{background-image:none;background-position:0% 0%;background-origin:padding-box;background-clip:border-box}

.nl-recruit{background-image:none;background-position:0% 0%;background-origin:padding-box;background-clip:border-box}

.nl-blog{background-image:none;background-position:0% 0%;background-origin:padding-box;background-clip:border-box}

.nl-contact{background-image:none;background-position:0% 0%;background-origin:padding-box;background-clip:border-box}

.nl-works-site-label:after{width:30px;height:1px;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(39,42,158)}

.nl-page{overflow:hidden}

.nl-actions{gap:12px}

.nl-hero-wordmark{z-index:1}

.nl-service-grid{gap:0px;border-top-width:1px;border-top-style:solid;border-top-color:rgb(217,220,255)}

.nl-values-grid{gap:32px}

.nl-value-list{border-top-width:1px;border-top-style:solid;border-top-color:rgb(201,206,255)}

.nl-work-gallery{gap:14px}

.nl-flow:before{position:absolute;inset:0px;background-image:linear-gradient(90deg,rgba(184,193,255,0.12) 1px,transparent 1px),linear-gradient(rgba(184,193,255,0.12) 1px,transparent 1px);background-size:34px 34px;content:""}

.nl-flow-grid{gap:26px}

.nl-flow-list{border-top-width:1px;border-top-style:solid;border-top-color:rgb(93,88,102)}

.nl-faq-list{border-top-width:1px;border-top-style:solid;border-top-color:rgb(217,220,255)}

.nl-recruit-grid{gap:30px}

.nl-company-grid{gap:30px}

.nl-contact-grid{gap:30px}

.nl-company-table{border-top-width:1px;border-top-style:solid;border-top-color:rgb(217,220,255)}

.nl-blog-grid{gap:18px}

.nl-works-wordmark{z-index:0;font-size:clamp(72px,22vw,120px);line-height:0.8;white-space:nowrap}

.nl-works-site-label{gap:9px}

.nl-works-site-label:after{content:""}

.nl-work-gallery>a{display:block;color:inherit;text-decoration-line:none}

.nl-work-gallery{gap:0px}

.nl-recruit-vertical{z-index:2}

.nl-hero-copy{min-width:0px}

.nl-hero-media{min-width:0px}

@media (min-width:1024px){.nl-works-wordmark{z-index:0;font-size:clamp(96px,10vw,138px);text-shadow:none}}

@media (min-width:1024px){.nl-work-gallery-sub-first{transform:translate(-34px,20px)}}

@media (min-width:1024px){.nl-work-gallery-sub-last{transform:translate(-62px,18px)}}

body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.nl-page p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.nl-page h2{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.nl-page h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.nl-page img{width:100%}

.nl-contact h2{font-weight:700}

.nl-service-grid h3{font-size:18px;font-weight:700}

.nl-flow-list h3{font-size:18px;font-weight:700}

.nl-faq-list h3{font-size:18px;font-weight:700}

.nl-value-list h3{font-size:18px;font-weight:700}

.nl-hero-copy .nl-eyebrow{color:rgb(211,216,255)}

.nl-hero h1{font-weight:700;line-height:1.16;letter-spacing:-0.04em}

.nl-hero-media img{height:100%}

.nl-service-grid img{width:38px;height:38px;margin-bottom:14px}

.nl-recruit-copy{line-height:1.75}

.nl-service-grid p{margin-top:8px;color:rgb(101,97,110);font-size:14px;line-height:1.75}

.nl-value-list p{margin-top:8px;color:rgb(101,97,110);font-size:14px;line-height:1.75}

.nl-flow-list p{margin-top:8px;color:rgb(101,97,110);font-size:14px;line-height:1.75}

.nl-faq-list p{margin-top:8px;color:rgb(101,97,110);font-size:14px;line-height:1.75}

.nl-flow .nl-eyebrow{color:rgb(211,216,255)}

.nl-flow .nl-intro{color:rgb(211,216,255)}

.nl-flow .nl-heading{color:rgb(255,255,255)}

.nl-flow-list>div>p:first-child{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;color:rgb(184,193,255);font-weight:700}

.nl-flow-list h3{margin-top:5px}

.nl-flow-list p{color:rgb(211,216,255)}

.nl-faq-list h3:before{margin-right:8px;color:rgb(39,42,158)}

.nl-company-table p{font-size:14px}

.nl-blog-grid p{color:rgb(101,97,110);font-size:12px}

.nl-blog-grid h3{font-size:18px}

.nl-contact .nl-eyebrow{color:rgb(211,216,255)}

.nl-contact h2{line-height:1.3}

.nl-contact p:not(.nl-eyebrow){margin-top:18px;line-height:1.8}

.nl-contact a{margin-top:24px}

.nl-page .df-button{border-radius:0}

.nl-blog-grid .webgene-blog{display:grid;gap:18px}

.nl-cms-blog-card{display:block;overflow:hidden;background-color:rgb(255,255,255);color:rgb(37,35,43);text-decoration-line:none;box-shadow:var(--nl-media-shadow);transition-property:transform,box-shadow;transition-duration:.2s;transition-timing-function:ease}

.nl-cms-blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,18,40,.22)}

.nl-cms-blog-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,18,40,.22)}

.nl-cms-blog-card__image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}

.nl-cms-blog-card__body{padding:14px 14px 18px}

.nl-cms-blog-card__meta{margin:0;color:rgb(101,97,110);font-size:12px;line-height:1.7}

.nl-cms-blog-card__title{margin:8px 0 0;font-size:18px;font-weight:700;line-height:1.45}

@media (min-width:640px){.nl-blog-grid .webgene-blog{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:900px){.nl-blog-grid .webgene-blog{grid-template-columns:repeat(3,minmax(0,1fr))}}

.nl-company-table [role=rowheader]{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(240,241,255);font-weight:700}

.nl-blog-grid>div{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(255,255,255)}

.nl-blog-grid>a{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(255,255,255)}

.nl-contact .df-button-primary{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(255,255,255);color:rgb(39,42,158)}

.nl-page img{display:block;object-fit:cover}

.nl-hero{display:grid}

.nl-hero-media{aspect-ratio:3/2}

.nl-hero-wordmark{-webkit-text-stroke:1px rgba(255,255,255,.7)}

.nl-service-grid{display:grid}

.nl-service-grid>div{padding:22px 0;border-bottom:1px solid #d9dcff}

.nl-values-grid{display:grid}

.nl-values-media img{aspect-ratio:4/3}

.nl-value-list>div{display:grid;grid-template-columns:42px 1fr;gap:0 12px;padding:16px 0;border-bottom:1px solid #c9ceff}

.nl-value-list>div>p:first-child{grid-row-start:auto;grid-row-end:span 2;margin:0;color:#272a9e;font-size:18px;font-weight:700}

.nl-work-gallery{display:grid}

.nl-work-gallery img{aspect-ratio:4/3}

.nl-work-gallery-main img{aspect-ratio:16/10}

.nl-flow .df-container{position:relative}

.nl-flow-grid{display:grid}

.nl-flow-list{display:grid}

.nl-flow-list>div{padding:18px 0;border-bottom:1px solid #5d5866}

.nl-flow-media img{aspect-ratio:4/3}

.nl-faq-list>div{padding:18px 0;border-bottom:1px solid #d9dcff}

.nl-faq-list h3:before{content:"Q."}

.nl-recruit-grid{display:grid}

.nl-company-grid{display:grid}

.nl-contact-grid{display:grid}

.nl-recruit-media img{aspect-ratio:4/3}

.nl-company-media img{aspect-ratio:4/3;filter:grayscale(.2)}

.nl-company-table>div{display:grid;grid-template-columns:105px 1fr;border-bottom:1px solid #d9dcff}

.nl-company-table p{padding:14px}

.nl-blog-grid{display:grid}

.nl-blog-grid img{aspect-ratio:4/3}

.nl-blog-grid p{padding:14px 14px 0}

.nl-blog-grid h3{padding:8px 14px 18px}

.nl-values-media img{box-shadow:var(--nl-media-shadow)}

.nl-work-gallery-main img{box-shadow:var(--nl-media-shadow)}

.nl-work-gallery-sub-first img{box-shadow:var(--nl-media-shadow)}

.nl-work-gallery-sub-last img{box-shadow:var(--nl-media-shadow)}

.nl-flow-media img{box-shadow:var(--nl-media-shadow)}

.nl-recruit-media img{box-shadow:var(--nl-media-shadow)}

.nl-company-media img{box-shadow:var(--nl-media-shadow)}

.nl-blog-grid>div{box-shadow:var(--nl-media-shadow);color:rgb(37,35,43);text-decoration-line:none}

.nl-blog-grid>a{box-shadow:var(--nl-media-shadow);color:rgb(37,35,43);text-decoration-line:none}

@media (min-width:640px){.nl-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}

@media (min-width:640px){.nl-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}

@media (min-width:640px){.nl-flow-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}

@media (min-width:640px){.nl-work-gallery{grid-template-columns:2fr 1fr}}

@media (min-width:640px){.nl-work-gallery-main{grid-row-start:auto;grid-row-end:span 2}}

@media (min-width:640px){.nl-work-gallery-main img{height:100%}}

@media (min-width:900px){.nl-hero{grid-template-columns:2fr 3fr;min-height:580px}}

@media (min-width:900px){body .nl-hero-copy{padding-left:48px;padding-right:48px}}

@media (min-width:900px){.nl-hero-media{aspect-ratio:auto}}

@media (min-width:900px){.nl-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}}

@media (min-width:900px){.nl-values-grid{grid-template-columns:1fr 1.35fr;align-items:start}}

@media (min-width:900px){body .nl-values-media{position:sticky;top:24px}}

@media (min-width:900px){.nl-flow-grid{grid-template-columns:1.4fr .6fr}}

@media (min-width:900px){.nl-flow-list{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media (min-width:900px){.nl-flow-media img{height:100%}}

@media (min-width:900px){.nl-recruit-grid{grid-template-columns:1fr 1fr;align-items:center}}

@media (min-width:900px){.nl-company-grid{grid-template-columns:1fr 1fr;align-items:center}}

@media (min-width:900px){.nl-contact-grid{grid-template-columns:1fr 1fr;align-items:center}}

@media (min-width:900px){.nl-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.nl-blog-grid>.webgene-component{grid-column-start:1;grid-column-end:-1;min-width:0}

.nl-blog-grid>.webgene-blog{grid-column-start:1;grid-column-end:-1;min-width:0}

.nl-blog-grid .webgene-blog{width:100%;min-width:0}

.nl-blog-grid .webgene-pagination{grid-column-start:1;grid-column-end:-1}

.nl-blog-grid .nl-cms-blog-card__meta{padding:0}

.nl-page .df-section{padding:48px 0}

.nl-page .nl-services{scroll-margin-top:96px}

.nl-page .nl-values{scroll-margin-top:96px}

.nl-page .nl-works{scroll-margin-top:96px}

.nl-page .nl-flow{scroll-margin-top:96px}

.nl-page .nl-faq{scroll-margin-top:96px}

.nl-page .nl-recruit{scroll-margin-top:96px}

.nl-page .nl-company{scroll-margin-top:96px}

.nl-works .df-container{isolation:isolate;position:relative}

.nl-works-wordmark{pointer-events:none}

.nl-works .nl-eyebrow{position:relative;z-index:1}

.nl-works .nl-heading{position:relative;z-index:1}

.nl-works .nl-intro{position:relative;z-index:1}

.nl-works-site-label{z-index:1}

.nl-works .nl-work-gallery{position:relative;z-index:1}

.nl-work-gallery{grid-template-columns:minmax(0,1fr)}

.nl-work-gallery-sub-first img{transform:rotate(-1deg)}

.nl-work-gallery-sub-last img{transform:rotate(1deg)}

.nl-recruit-vertical{writing-mode:vertical-rl}

.nl-hero h1{text-wrap:balance}

.nl-hero h1{font-size:clamp(36px,3.2vw,50px)}

@media (min-width:900px){.nl-hero h1{white-space:nowrap}}

.nl-hero-lead{text-wrap:pretty}

@media (min-width:900px){.nl-contact-grid{grid-template-columns:minmax(0,640px);justify-content:start}}

@media (min-width:1024px){.nl-page .df-section{padding:64px 0}}

@media (min-width:1024px){.nl-hero{grid-template-columns:2.2fr 3fr}}

@media (min-width:1024px){.nl-work-gallery{grid-template-columns:minmax(0,1.35fr) minmax(210px,.8fr);grid-template-rows:1fr 1fr}}

@media (min-width:1024px){.nl-work-gallery-main{grid-row-start:1;grid-row-end:span 2}}

@media (min-width:1024px){.nl-work-gallery-sub-first{align-self:end}}

@media (min-width:1024px){.nl-work-gallery-sub-last{align-self:start}}

@media (min-width:900px){.nl-page .nl-hero>.nl-hero-copy{margin-left:clamp(0px,calc((100vw - 1160px)/2),160px)}}

.nl-company-values{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid rgb(217,220,255)}

.nl-company-value{min-width:0;padding:14px 0;border-bottom:1px solid rgb(217,220,255)}

.nl-company-value-label{margin:0}

.nl-company-value h3{margin:5px 0 0;font-size:24px;line-height:1.35}

.nl-company-value>p:not(.nl-company-value-label){margin:7px 0 0;color:rgb(101,97,110);font-size:13px;line-height:1.75}

.nl-company-value .nl-company-value-emphasis{color:rgb(39,42,158);font-size:12px;font-weight:700}

.nl-action-list{display:grid;gap:5px 24px;margin:8px 0 0;line-height:1.65}

.nl-action-list>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 8px;min-width:0}

.nl-action-list p{margin:0}

.nl-action-list .nl-action-number{color:rgb(39,42,158);font-weight:700}

@media (min-width:900px){.nl-company-values{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}

@media (min-width:900px){.nl-company-philosophy{grid-column-start:1;grid-column-end:-1}}

@media (min-width:900px){.nl-company-value:nth-child(2){grid-column-start:1;grid-column-end:auto;grid-row-start:2;grid-row-end:auto}}

@media (min-width:900px){.nl-company-value:nth-child(3){grid-column-start:1;grid-column-end:auto;grid-row-start:3;grid-row-end:auto}}

@media (min-width:900px){.nl-company-action{grid-column-start:2;grid-column-end:auto;grid-row-start:2;grid-row-end:span 2}}

@media (min-width:900px){.nl-company-action .nl-action-list{grid-template-columns:1fr}}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

.nl-works-wordmark{font-size:clamp(42px,6.4vw,88px)}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

.nl-contact .nl-contact-grid{justify-content:center;text-align:center}

.nl-contact .nl-contact-grid>div{margin-right:auto;margin-left:auto}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}