/* A single ink/cobalt identity across the portfolio and its case studies. */
:root{color-scheme:dark;background:#10131b}
.n-home,.n-case{--paper:#10131b;--ink:#f1f3fb;--muted:#aab3c8;--blue:#91aaff;--line:#2b3347;--deep:#151c2e;--warm:#151a26;--white:#fff;color:var(--ink);background:var(--paper)}
.n-home ::selection,.n-case ::selection{background:#4565dc;color:#fff}
.n-home .brand-symbol,.n-case .brand-symbol{color:#fff}
.n-home .skip{background:#4565dc;color:#fff}
.project-picture{display:block;width:100%;min-width:0;align-self:center}
.project-marquee.is-ready:not(.is-marquee-visible) .marquee-track{animation-play-state:paused}
.n-home .primary,.n-case .primary{background:#4565dc;color:#fff}
.n-home .primary:hover,.n-case .primary:hover{background:#4969df}
.n-home .quiet,.n-case .quiet{color:var(--ink)}
.n-home .quiet:hover,.n-case .quiet:hover{background:#202b43}
.n-home .eyebrow{color:#9eafd0}
.n-home .eyebrow::selection{background:#4565dc}
.n-home .business-section{background:var(--paper);border-top:1px solid var(--line);position:relative;isolation:isolate;padding-block:100px 110px}
.n-home .business-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#718ad509 1px,transparent 1px);background-size:calc(100% / 12) 100%;mask-image:linear-gradient(#000,transparent 600px)}
.n-home .business-top{gap:90px}
.n-home .business-intro h2{font-size:clamp(2.6rem,4.7vw,4.5rem)}
.n-home .business-scenarios{counter-reset:scenario}
.n-home .business-scenarios>article{counter-increment:scenario;position:relative;padding-left:46px;border-color:var(--line)}
.n-home .business-scenarios>article::before{content:"0" counter(scenario);position:absolute;top:27px;left:0;font-size:.625rem;letter-spacing:.08em;color:#91aaff}
.n-home .business-scenarios h3{font-size:1.35rem;color:var(--ink)}
.n-home .business-scenarios article p{color:var(--muted)}
.n-home .business-scope{margin-top:70px;padding-top:35px}
.n-home .business-included{gap:34px;counter-reset:included}
.n-home .business-included>div{counter-increment:included;position:relative;padding-top:38px;min-width:0}
.n-home .business-included>div::before{content:"0" counter(included);position:absolute;left:0;top:0;font-size:.625rem;color:var(--blue);letter-spacing:.15em}
.n-home .business-included dt{font-size:1.125rem;line-height:1.4}
.n-home .business-included dd{color:var(--muted)}
.n-home .business-support{position:relative;overflow:hidden;background:#172139;color:var(--ink);border:1px solid #35466c;border-radius:4px;padding:38px 42px;margin-top:48px}
.n-home .business-support::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#91aaff,#4565dc)}
.n-home .business-support .eyebrow{color:#a9bce8}
.n-home .business-support h3{font-size:clamp(1.6rem,2.5vw,2.25rem)}
.n-home .business-support>div>p:not(.eyebrow){color:#d4dcf0}
.n-home .business-support>div>.business-support-terms{color:#aab8d6}

/* The previews are different brands inside the same dark presentation frame. */
.n-home .d-section{padding-top:85px}
.n-home .d-intro{margin-bottom:35px}
.n-home .d-stage{touch-action:pan-y pinch-zoom}
.n-home .d-stage.is-swiping{user-select:none;-webkit-user-select:none}
.n-home .d-swipe-hint{display:none}
@media(max-width:760px),(pointer:coarse){
  .n-home .has-demo-swipes .d-swipe-hint{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:-4px 0 14px;color:#aab3c8;font-size:.6875rem;line-height:1.5;transition:opacity .25s;pointer-events:none}
  .n-home .d-swipe-hint svg{flex:none;color:#91aaff}
  .n-home .d-swipe-hint.is-learned{opacity:0;visibility:hidden}
}
.n-home .d-browser{border:1px solid #425276;border-radius:14px;background:#141a29;box-shadow:0 22px 70px -35px #000c;transition:border-color .4s,box-shadow .4s}
.n-home .d-browser-bar{height:47px;border-color:#34415e;background:#192133;color:#c0cbe4}
.n-home .d-browser-dots i{background:#50648e}
.n-home .d-browser-dots i:first-child{background:#91aaff}
.n-home .d-browser-title{letter-spacing:.06em}
.n-home .d-tab{position:relative;color:#bdc8e0;border-color:#34415e;min-height:46px}
.n-home .d-tab[aria-pressed=true]{color:#eff3ff;background:#253962;border-color:#6381d5}
.n-home .d-tab:not([aria-pressed=true]):hover{background:#1a243b;border-color:#6381d5}
.n-home .d-next{border-color:#425276;color:#c9d7fb}
.n-home .d-next:hover{background:#4565dc;color:#fff}
.n-home .d-next svg{transition:transform .3s}
.n-home .d-next:hover svg{transform:translateX(3px)}
.n-home .d-after{padding-top:7px}
.n-home .d-summary{color:#e1e7f6}
.n-home .d-disclaimer{color:#9eaac3}
.n-home .d-browser[data-demo=beauty]{border-color:#837193}
.n-home .d-browser[data-demo=repair]{border-color:#5b7de0}
.n-home .d-browser[data-demo=cafe]{border-color:#77614c}
.n-home .d-panel{color-scheme:light}
.n-home .d-repair{color-scheme:dark}

.n-home .project-marquee{background:#151c2e;border-color:#2d3957;padding-block:28px 34px}
.n-home .marquee-group a{color:#c6d2ee;transition:color .2s}
.n-home .marquee-group a:hover{color:#fff}
.n-home .marquee-group li::after{color:#6888f8}
.n-home .work-section{padding-block:100px 110px}
.n-home .work-copy h3,.n-home .work-more-heading h3{color:var(--ink)}
.n-home .work-copy .project-brand{color:#9bafe0}
.n-home .work-summary,.n-home .work-more-summary{color:var(--muted)}
.n-home .work-category{color:#a4b0cb}
.n-home .work-visual{border:1px solid #34405a;border-radius:6px}
.n-home .work-visual-travel{background:#142039}
.n-home .work-visual-vp{background:#2848bd}
.n-home .work-more-item{position:relative;transition:background .3s}
.n-home .work-more-item:hover{background:#151c2c}
.n-home .work-more-item>.work-link{color:#b6c8ff}
.n-home .work-more-number{color:#8198cf}
.n-home .work-gallery .work-art{border-radius:6px}
.n-home .work-row.is-active .work-category>span{color:#b5c5ff}

.n-home .stack-section{padding-block:90px 100px;position:relative;overflow:hidden}
.n-home .stack-grid{gap:0;isolation:isolate}
.n-home .stack-group{position:relative;min-width:0;padding:28px 26px 24px;border-top:1px solid #344262;border-bottom:1px solid #344262;background:#141b2b;transition:background .3s;counter-increment:stack}
.n-home .stack-group+.stack-group{border-left:1px solid #344262}
.n-home .stack-grid{counter-reset:stack}
.n-home .stack-group::before{content:"0" counter(stack);position:absolute;right:24px;top:28px;font-size:.625rem;letter-spacing:.08em;color:#839bd4}
.n-home .stack-group::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;transform:scaleX(0);transform-origin:left;background:#7d9cff;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.n-home .stack-group.is-revealed::after{transform:scaleX(1)}
.n-home .stack-label{padding-right:24px;min-height:35px;font-size:.75rem;line-height:1.5;color:#aab9d8;margin-bottom:26px;max-width:180px}
.n-home .stack-group li{color:#e4eafa;font-weight:500;font-size:clamp(1.25rem,1.8vw,1.7rem)}
.n-home .stack-group:nth-child(2) li:first-child,.n-home .stack-group:nth-child(3) li:nth-child(2){color:#a5bcff;font-size:2rem}
.n-home .stack-group:nth-child(4) li{font-size:clamp(1rem,1.4vw,1.25rem)}
.n-home .stack-group:hover{background:#1a2540}

.n-home .services-section{background:#151c2e;border-top:1px solid #2c3958;border-bottom:1px solid #2c3958;padding-block:100px}
.n-home .services-layout{gap:80px;align-items:start}
.n-home .service-list article{position:relative;border-color:#34415e;padding-block:28px;isolation:isolate}
.n-home .service-list article::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#7595fb;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.n-home .service-list article:hover::after{transform:scaleX(1)}
.n-home .service-list article>span{color:#93aaf0}
.n-home .service-list h3{font-size:1.5rem;line-height:1.25;color:#eff3ff}
.n-home .service-list p{color:#b1bdd7}
.n-home .services-intro>p:not(.eyebrow){color:#b1bdd7}
.n-home .process-section{padding-block:100px 90px}
.n-home .ownership-note{border-color:#2d3957;padding-top:35px;margin-top:50px}
.n-home .note-symbol{color:#91aaff}
.n-home .ownership-note strong{color:#e2e9fc}
.n-home .ownership-note p{color:#aab6d0}
.n-home .faq-section{padding-block:90px 100px;gap:80px;border-color:var(--line)}
.n-home .faq-list summary{font-size:1.125rem;transition:color .25s}
.n-home .faq-list details{padding-inline:20px;transition:background .3s,border-color .3s}
.n-home .faq-list details[open]{background:#172139;border-bottom-color:#4f69a4}
.n-home .faq-list details[open] summary{color:#c0d0ff}
.n-home .faq-mark{border-color:#526589;color:#bdcefa;width:30px;height:30px}
.n-home .faq-mark::before,.n-home .faq-mark::after{inset:14px 8px auto}
.n-home .faq-list details[open] .faq-mark{background:#314c92;border-color:#6a8af3;color:#fff}
.n-home .faq-answer{color:#b6c2db;padding-bottom:28px}
.n-home .n-contact{border-top:1px solid #334362;background:#141b2c;position:relative}
.n-home .n-contact::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#6d88ca0b 1px,transparent 1px);background-size:calc(100% / 12) 100%}
.n-home>.footer{background:var(--paper);border-color:#2b344b;color:#d6def1}
.n-home>.footer p,.n-home>.footer>span{color:#9fabca}
.n-home .text-link{border-color:#6178ae;color:#b5c9ff}

@media(hover:hover) and (pointer:fine){.n-home .business-scenarios>article{transition:transform .3s}.n-home .business-scenarios>article:hover{transform:translateX(6px)}.n-home .business-included dt{transition:color .3s}.n-home .business-included>div:hover dt{color:#a8bfff}}
@media(prefers-reduced-motion:no-preference){
  .n-home .work-gallery .work-art.is-active .work-orbit{animation:theme-orbit 18s ease-in-out infinite;animation-play-state:paused}
  .n-home .work-showcase.is-in-view .work-art.is-active .work-orbit{animation-play-state:running}
  .n-home .work-gallery .work-art.is-active .work-broadcast-line{animation:theme-broadcast 5s ease-in-out infinite;animation-play-state:paused}
  .n-home .work-showcase.is-in-view .work-art.is-active .work-broadcast-line{animation-play-state:running}
  .n-home .work-broadcast-line-two{animation-delay:-1.6s!important}.n-home .work-broadcast-line-three{animation-delay:-3.2s!important}
  .n-home.motion-hidden .work-gallery *{animation-play-state:paused!important}
  .n-home .work-inline-art .work-orbit{animation:theme-orbit 18s ease-in-out infinite;animation-play-state:paused}
  .n-home .work-inline-art .work-broadcast-line{animation:theme-broadcast 5s ease-in-out infinite;animation-play-state:paused}
  .n-home .work-inline-art.is-art-visible .work-orbit,.n-home .work-inline-art.is-art-visible .work-broadcast-line{animation-play-state:running}
  .n-home.motion-hidden .work-inline-art *{animation-play-state:paused!important}
}
@keyframes theme-orbit{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}
@keyframes theme-broadcast{0%,100%{opacity:.4;transform:rotate(-24deg) scale(.96)}50%{opacity:1;transform:rotate(-24deg) scale(1.025)}}
@media(min-width:1001px){.n-home .services-intro{position:sticky;top:60px}.n-home .faq-intro{position:sticky;top:60px;align-self:start}}
@media(max-width:1100px){.n-home .business-top,.n-home .services-layout,.n-home .faq-section{gap:45px}.n-home .stack-group{padding-inline:20px}.n-home .stack-group::before{right:18px}}
@media(max-width:1000px){.n-home .stack-group:nth-child(3){border-left:0}.n-home .stack-group:nth-child(n+3){border-top:0}.n-home .stack-group{padding:25px}.n-home .stack-group::before{right:25px}.n-home .stack-label{min-height:0;margin-bottom:22px;max-width:none}}
@media(max-width:760px){
  .n-home .business-section{padding-block:60px 65px}.n-home .business-top{gap:40px}.n-home .business-intro h2{font-size:clamp(2.4rem,10vw,3.7rem)}.n-home .business-scenarios>article{padding-left:35px}.n-home .business-scenarios>article::before{top:25px}
  .n-home .business-scope{margin-top:45px;padding-top:28px}.n-home .business-included{gap:30px}.n-home .business-included>div{padding-top:26px}.n-home .business-support{padding:27px 25px;margin-top:36px;gap:22px}.n-home .business-support h3{font-size:1.75rem}
  .n-home .d-section{padding-top:54px}.n-home .d-browser-bar{height:40px;padding-inline:13px;gap:10px}.n-home .d-tab{min-height:42px}.n-home .d-browser{border-radius:10px}
  .n-home .work-section{padding-block:65px 70px}.n-home .project-marquee{padding-block:25px 28px}.n-home .stack-section{padding-block:65px 75px}
  .n-home .stack-group{padding:24px 20px}.n-home .stack-group::before{right:20px;top:26px}.n-home .stack-group li{font-size:1.3rem}.n-home .stack-group:nth-child(4) li{font-size:1.05rem}
  .n-home .services-section{padding-block:64px}.n-home .services-layout{gap:38px}.n-home .service-list h3{font-size:1.35rem}.n-home .service-list article{gap:20px;padding-block:25px}
  .n-home .process-section{padding-block:65px}.n-home .ownership-note{gap:22px;margin-top:36px}.n-home .faq-section{padding-block:65px;gap:35px}.n-home .faq-list details{padding-inline:14px}.n-home .faq-list summary{font-size:1rem;gap:16px}.n-home .faq-answer{padding-right:0;font-size:.9rem}
}
@media(max-width:390px){.n-home .stack-group+.stack-group{border-left:0;border-top:0}.n-home .stack-group ul{gap:14px 22px}.n-home .stack-group:nth-child(2) li:first-child,.n-home .stack-group:nth-child(3) li:nth-child(2){font-size:1.7rem}.n-home .stack-label{margin-bottom:17px}.n-home .d-tabs{max-width:205px}.n-home .d-tab{font-size:.65rem;padding-inline:10px}.n-home .faq-list details{padding-inline:10px}.n-home .faq-mark{width:26px;height:26px}.n-home .faq-mark::before,.n-home .faq-mark::after{inset:12px 7px auto}}
@media(max-width:760px){
  .n-home .d-controls{align-items:center;gap:9px}
  .n-home .d-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;min-width:0;max-width:none;gap:5px}
  .n-home .d-tab{min-height:44px;padding:6px 4px;border-radius:7px;font-size:.7rem;line-height:1.3;white-space:normal}
  .n-home .d-next{width:44px;height:44px}
  .n-home .d-stage{overflow-anchor:none}
}
@media(prefers-reduced-motion:reduce){.n-home .business-scenarios>article:hover{transform:none}.n-home .stack-group::after{transform:scaleX(1)}.n-home .work-orbit,.n-home .work-broadcast-line{animation:none!important}}