@font-face {
  font-family: "Motum Satoshi";
  src: url("/assets/satoshi-variable.woff2") format("woff2");
  font-weight: 300 900;
  font-display: swap;
}
:root {
  --forest: #10291e;
  --title-mint: #8efebb;
  --paper: #f8f9f2;
  --butter: #f2df99;
  --lavender: #d5c5e9;
  --bg: #10251c;
  --lime: var(--butter);
  --mint: var(--title-mint);
}
body.interior {background:var(--paper);color:var(--forest)}
body h1,body h2,body h3 {font-family:"Motum Satoshi",Arial,sans-serif!important;font-weight:500!important}
body h1,body h2 {font-size:clamp(40px,6.8vw,72px)!important;line-height:1.04!important;letter-spacing:-.055em!important}
body button,body :is(.button,.hire-link,.srv-cta,.partner-button,.text-link){
  font-family:"Motum Satoshi",Arial,sans-serif!important;font-size:20px!important;font-weight:600!important;line-height:1.2;
}
body .site-head .head-actions :is(button,a),body .shut-nav,body .srv-cta,body .button.primary,body .partner-button,body .form-card .send,body .testimonial-arrow {
  background:var(--butter);color:var(--forest);border-color:transparent;box-shadow:none
}
body .site-head .head-actions button,body .shut-nav,body .partner-button.dark {background:var(--lavender);color:var(--forest)}
body .button.primary:hover,body .srv-cta:hover,body .partner-button:hover{background:#f8eabc;color:var(--forest)}
body:not(.interior) main :is(h1,h2),body .hero-accent,body .closing h2 span,body .partner-hero h1,body .partner-hero h1 em,body .rewards-head h2,body .rewards-head h2 em,body .srv-close h2 {color:var(--title-mint)}
body .srv-hero,body .team-hero {position:relative;isolation:isolate}
body :is(.srv-hero,.team-hero)::before{content:"";position:absolute;inset:0;background:var(--forest);box-shadow:0 0 0 100vmax var(--forest);clip-path:inset(0 -100vmax);z-index:-1}
body :is(.srv-hero,.team-hero) h1{color:var(--title-mint)}
body :is(.srv-hero,.team-hero)>div>p{color:#dce8dd}
body .srv-close,body .calc-results,body .partner-rewards{background:var(--forest)}
body .srv-close .folio{color:#ccdace}
body .srv-hero .plate {background:#e5e9dc;color:var(--forest)}
body .steps article,body .form-card{background:#ebeee5;color:var(--forest)}
body .partner-hero {background:#10291e}
body .partner-hero::before{opacity:.45}
body .reward-hire,body .node-two,body .testimonial-arrow {background:var(--lavender)}
body .partner-button span{background:var(--forest);color:#fff}
body .hero-visual {background:#193728}
body .expertise-card,body .stage-panel {background:#193328}
body .status-dot{box-shadow:none;background:var(--title-mint)}
.near-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:clamp(48px,6vw,90px) 0;margin:0;border-bottom:1px solid #d3dbd1}
.near-metrics>div{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-end;gap:16px;text-align:center}
.near-metrics dd{font:500 clamp(52px,5.9vw,72px)/1 "Motum Satoshi",sans-serif;letter-spacing:-.05em;margin:0;font-variant-numeric:tabular-nums}
.near-metrics dt{font:400 16px/1.5 Satoshi,sans-serif}
.near-performance{padding-top:clamp(64px,8vw,116px)}
.near-performance h2{margin:16px 0 40px}
.near-performance ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.near-performance li{--tint:#dae7c9;background:white;border-radius:100px;transition:background .5s ease}
.near-performance li:nth-child(2){--tint:#f2dfb6}.near-performance li:nth-child(3){--tint:#c1e9d1}.near-performance li:nth-child(4){--tint:#ddd1ec}.near-performance li:nth-child(5){--tint:#ead3da}
.near-performance li>div{display:grid;align-items:center;grid-template-columns:8% 31% 1fr;gap:24px;padding:26px 3%;transition:transform .5s ease}
.perf-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--tint);transition:background .5s ease}
.perf-icon img{width:22px;height:22px}
.near-performance h3{font-size:clamp(21px,2.2vw,32px)}
.near-performance li p{color:#284333}
.near-performance li:is(:hover,:focus-visible){background:var(--tint)}
.near-performance li:is(:hover,:focus-visible)>div{transform:scale(.97)}
.near-performance li:is(:hover,:focus-visible) .perf-icon{background:var(--paper)}
@media(max-width:760px){
  .near-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .near-performance li{border-radius:24px}
  .near-performance li>div{grid-template-columns:38px 1fr;gap:12px 16px;padding:20px}
  .near-performance li p{grid-column:2}
  body .site-head{padding-inline:14px;gap:6px}
  body .site-head .brand-wordmark{width:clamp(65px,18vw,108px)}
  body .head-actions :is(a,button){padding:9px}
}
@media(max-width:480px){.form-card .choices{grid-template-columns:1fr}.hero-content .hero-button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.near-performance *{transition:none!important}.near-performance li:is(:hover,:focus-visible)>div{transform:none}}
body.interior :is(.srv-hero,.team-hero) .folio{color:#d0dfd3}
body .partner-hero .folio,body .partner-rewards .folio{color:#ccdace}
body .partner-page .hero-visual::before{opacity:.55}
body .apply-graphic{background:repeating-radial-gradient(circle at 100% 100%,transparent 0 58px,#6d5d9b2b 59px 60px),#e8dff2}
:root {--butter:#D6F78C;--lime:#D6F78C}
body .site-head .head-actions a,body .button.primary,body .srv-cta,body .partner-button.lime,body .testimonial-arrow,body .form-card .send{background:#D6F78C;color:var(--forest)}
body .site-head .head-actions a:hover,body .button.primary:hover,body .srv-cta:hover,body .partner-button.lime:hover{background:#e4fba9}
body .site-head .head-actions :is(a,button),body .shut-nav{font-size:16px!important}
body #site-menu{color:#173326;background:#f8f9f2;border:1px solid #d6dfd0;box-shadow:0 25px 80px #0a1f1860;backdrop-filter:none}
body #site-menu::backdrop{background:#0b1f1ab3;backdrop-filter:blur(4px)}
body #site-menu .menu-top{border-bottom:1px solid #d9e1d7;padding-bottom:20px}
body #site-menu .menu-top>b{font-family:"Motum Satoshi",sans-serif;color:#173326}
body #site-menu .menu-grid>div{background:transparent;border:0;border-radius:0;padding:18px 25px 18px 12px}
body #site-menu .menu-grid>div+div{border-left:1px solid #d9e1d7;padding-left:26px}
body #site-menu .menu-grid small{color:#5e8069}
body #site-menu .menu-grid>div>a,body #site-menu .menu-grid summary,body #site-menu .menu-grid details>a{font-family:"Motum Satoshi",sans-serif;font-size:20px!important;font-weight:500;letter-spacing:0;color:#173326;padding:12px 0;border-bottom:1px solid #e1e6db;transition:color .2s ease}
body #site-menu .menu-grid details>a{font-size:17px!important}
body #site-menu .menu-grid>div>a:is(:hover,:focus-visible),body #site-menu .menu-grid summary:is(:hover,:focus-visible),body #site-menu .menu-grid details>a:is(:hover,:focus-visible){color:#593574}
body #site-menu .menu-grid a span{opacity:1;color:#6e4984;transition:color .2s ease}
body #site-menu .menu-grid a:is(:hover,:focus-visible) span{color:#593574}
body #site-menu .menu-feature{background:#e8e4f0;border:0;border-radius:20px;color:#173326}
body #site-menu .menu-feature strong{font-family:"Motum Satoshi",sans-serif;font-size:clamp(26px,3vw,40px)!important;font-weight:500}
body #site-menu .menu-feature b{font-size:25px}
body #site-menu .menu-feature{
  background:linear-gradient(125deg,#e5def2 0%,#eedff0 34%,#d8eedf 70%,#d6f78c 100%);
  background-size:190% 190%;
  background-position:0% 50%;
  transition:background-position .5s ease,box-shadow .5s ease,transform .5s ease;
}
body #site-menu .menu-feature strong{
  color:#173326;
  background:linear-gradient(110deg,#173326 0%,#315c53 28%,#70458e 52%,#a5508b 72%,#1b654d 100%);
  background-size:190% 100%;
  background-position:0% 50%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  transition:background-position .5s ease;
}
body #site-menu .menu-feature b{transition:color .35s ease,transform .35s ease}
body #site-menu .menu-feature small{transition:color .35s ease}
body #site-menu .menu-feature:is(:hover,:focus-visible){background-position:100% 50%;box-shadow:0 18px 36px #4f3b6b26;transform:translateY(-3px)}
body #site-menu .menu-feature:is(:hover,:focus-visible) strong{background-position:100% 50%}
body #site-menu .menu-feature:is(:hover,:focus-visible) small{color:#724895}
body #site-menu .menu-feature:is(:hover,:focus-visible) b{color:#694595;transform:translate(4px,-4px)}
@media(prefers-reduced-motion:reduce){body #site-menu .menu-feature,body #site-menu .menu-feature strong,body #site-menu .menu-feature b{transition:none}body #site-menu .menu-feature:is(:hover,:focus-visible),body #site-menu .menu-feature:is(:hover,:focus-visible) b{transform:none}}
body #site-menu .shut-nav{background:#d6f78c;color:#173326}
body:not(.interior){background:#f8f9f2;color:#173326}
body:not(.interior) .client-strip{background:#f8f9f2;color:#173326}
body:not(.interior) .client-strip>p{background:#f8f9f2;color:#385343}
body:not(.interior) .logo-set>img,body:not(.interior) .microsoft-mark img{filter:grayscale(1);opacity:.75}
body:not(.interior) .client-logos .client-name,body:not(.interior) .microsoft-mark,body:not(.interior) .pubmatic-mark{color:#173326}
body:not(.interior) :is(.approach,.testimonial,.expertise,.services,.stories,.process){position:relative;isolation:isolate}
body:not(.interior) :is(.approach,.expertise,.stories){background:#f8f9f2}
body:not(.interior) :is(.services,.testimonial){background:#ebe6f1}
body:not(.interior) .process{background:#e8eee7}
body:not(.interior) :is(.services,.testimonial,.process)::before{content:"";position:absolute;inset:0;z-index:-1;background:inherit;box-shadow:0 0 0 100vmax currentColor;clip-path:inset(0 -100vmax);color:transparent}
body:not(.interior) main :is(.approach,.testimonial,.expertise,.services,.stories,.process) h2{color:#173326}
body:not(.interior) main :is(.approach,.testimonial,.expertise,.services,.stories,.process) .muted{color:#677b6e}
body:not(.interior) :is(.approach,.testimonial,.expertise,.services,.stories,.process) p{color:#496152}
body:not(.interior) :is(.approach,.expertise,.services,.stories,.process) .eyebrow{color:#6d527d}
body:not(.interior) .principle{border-color:#cbd8cc}
body:not(.interior) .principle h3,body:not(.interior) .process-grid h3{color:#173326}
body:not(.interior) .network-card,body:not(.interior) .expertise-card,body:not(.interior) .stage-panel{background:radial-gradient(ellipse at 80% 60%,#294d35,#122a1d 75%);color:#f6f9f2}
body:not(.interior) :is(.network-card,.expertise-card,.stage-panel) p{color:#c5d5c8}
body:not(.interior) .testimonial{border-block:1px solid #d8cee0}
body:not(.interior) .testimonial blockquote,body:not(.interior) .testimonial .client-name{color:#173326}
body:not(.interior) .quote-author strong,body:not(.interior) .quote-author span{color:#173326}
body:not(.interior) .stage-tabs button{color:#516c59;border-color:#c9d3c6}
body:not(.interior) .stage-tabs button[aria-selected=true]{color:#173326}
body:not(.interior) .process-grid article{border-color:#b8cdbc}
body:not(.interior) .story-card{background:#fff;color:#173326;border-color:#dce6d9}
body:not(.interior) .story-body p{color:#486050}
body:not(.interior) .closing,body:not(.interior) .footer{background:#10251c;color:#f6f9f2}
body:not(.interior) .closing h2{color:#f6f9f2}
body:not(.interior) .closing h2 span{color:#8efebb}
body:not(.interior) .footer{max-width:none;padding-inline:max(24px,calc((100vw - 1184px)/2))}
body:not(.interior) .footer p{color:#cadbcd}
@media(max-width:760px){body #site-menu .menu-grid>div,body #site-menu .menu-grid>div+div{border-left:0;padding:8px 14px}body #site-menu .menu-grid>div+div{border-top:1px solid #d9e1d7}body #site-menu .menu-grid>div>a,body #site-menu .menu-grid summary{padding:7px 0}body #site-menu .menu-feature{padding:18px}}
body:not(.interior) :is(.services,.testimonial)::before{box-shadow:0 0 0 100vmax #ebe6f1}
body:not(.interior) .process::before{box-shadow:0 0 0 100vmax #e8eee7}
@media(max-width:760px){body #site-menu .menu-grid .menu-feature{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:start}body #site-menu .menu-feature small{grid-column:1/-1;max-width:none}body #site-menu .menu-feature strong{font-size:23px!important;line-height:1.1}body #site-menu .menu-feature br{display:block}body #site-menu .menu-feature b{grid-column:2;grid-row:2;align-self:center}}
@media(max-width:760px){body #site-menu .menu-grid>div>a,body #site-menu .menu-grid summary{font-size:18px!important}body #site-menu .menu-grid details>a{font-size:16px!important}}

/* Give every client mark strong contrast against the light logo rail. */
body:not(.interior) .logo-set>img,body:not(.interior) .microsoft-mark img{filter:brightness(0) saturate(100%);opacity:.88}
body:not(.interior) .logo-set .client-name{color:#173326;opacity:1}
body:not(.interior) .microsoft-mark,body:not(.interior) .pubmatic-mark{color:#173326}
body:not(.interior) .pubmatic-mark i{background:#173326}
body:not(.interior) .pubmatic-mark>span::first-letter{color:#173326}

/* A human portrait anchors the advantage card while the tech details keep moving. */
body:not(.interior) .network-card{min-height:560px;background:#10291e;border-color:#98c9a85c;isolation:isolate}
.talent-scene{position:absolute;inset:0;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 35% 29%,#357253 0%,#1b4935 42%,#0c2a1e 82%)}
.talent-portrait{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;max-width:none;filter:saturate(.96) contrast(1.03)}
.talent-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#091f1840 0%,#09271b00 32%,#071e155e 65%,#071b13f2 100%);pointer-events:none}
.network-card .network-top{position:relative;z-index:2;color:#e3f2e5}
.network-card .network-top .tiny-label{color:#e3f2e5;letter-spacing:.18em}
.network-card .network-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px 36px 36px}
.network-card .network-copy h3{font-size:clamp(29px,2.7vw,38px);line-height:1.08;max-width:470px;color:#f8fff6;margin:0 0 14px}
body:not(.interior) .network-card .network-copy p{font-size:16px;line-height:1.55;color:#e1eee3;max-width:490px;margin:0}
.talent-icon{position:absolute;z-index:1;display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border:1px solid #c4f5d778;border-radius:13px;background:#0e3528b8;color:#d6f78c;font:600 14px/1 "Motum Satoshi",sans-serif;box-shadow:0 10px 26px #061a1660;backdrop-filter:blur(8px);animation:float 5.5s ease-in-out infinite}
.talent-icon.icon-code{top:19%;right:9%}.talent-icon.icon-ai{top:34%;right:23%;animation-delay:-1.7s}.talent-icon.icon-data{top:49%;right:7%;animation-delay:-3.1s}.talent-icon.icon-spark{top:60%;right:28%;font-size:23px;animation-delay:-4.4s}
.network-card:hover .talent-icon{border-color:#d6f78c;box-shadow:0 12px 30px #061a1673,0 0 22px #d6f78c44}
.motion-paused .talent-icon{animation-play-state:paused}
@media(max-width:760px){body:not(.interior) .network-card{min-height:500px}.network-card .network-copy{padding:28px 26px 27px}.network-card .network-copy h3{font-size:29px}.talent-portrait{object-position:center 45%}.talent-icon{min-width:38px;height:38px;border-radius:11px;font-size:12px}.talent-icon.icon-spark{top:53%;right:27%;font-size:19px}}
@media(prefers-reduced-motion:reduce){.talent-icon{animation:none}}

/* Keep the mobile header compact on every page. The mark is cropped from the
   original supplied brand artwork so it stays crisp and matches the wordmark. */
@media(max-width:760px){
  body .site-head .brand-wordmark{
    display:block;
    width:44px!important;
    height:31px;
    aspect-ratio:auto;
    background:url('/assets/motum-wordmark-source.png') center top / 126px auto no-repeat;
    overflow:hidden;
  }
  body .site-head .brand-wordmark img{display:none}
  body:not(.interior) .site-head .brand-wordmark{filter:brightness(0) invert(1)}
  body .site-head .head-actions>a{display:none}
  body .site-head .head-actions .open-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    padding:0!important;
    border-radius:14px;
    font-size:0!important;
    line-height:1;
  }
  body .site-head .head-actions .open-nav span{
    position:relative;
    display:block;
    width:20px;
    height:18px;
    margin:0;
    font-size:0;
    line-height:0;
    background:linear-gradient(currentColor,currentColor) center / 18px 2px no-repeat;
  }
  body .site-head .head-actions .open-nav span::before,
  body .site-head .head-actions .open-nav span::after{
    content:"";
    position:absolute;
    left:1px;
    width:18px;
    height:2px;
    background:currentColor;
  }
  body .site-head .head-actions .open-nav span::before{top:2px}
  body .site-head .head-actions .open-nav span::after{bottom:2px}
  body:not(.interior) .services,
  body:not(.interior) .stories,
  body:not(.interior) .process{padding-top:48px}
  body:not(.interior) .closing{margin-bottom:38px}
}

/* Section labels should have breathing room from the background change. */
@media(min-width:761px){
  body:not(.interior) :is(.services,.stories,.process){padding-top:96px}
  body:not(.interior) .closing{margin-bottom:64px}
}

/* Three distinct disciplines, using Motum's mint, lilac, and warm orange. */
body:not(.interior) .expertise-card{
  --card-ink:#183628;
  --card-muted:#3a5b46;
  --card-line:#527d5a45;
  --card-accent:#2b7351;
  color:var(--card-ink);
  background:linear-gradient(155deg,#e8f8df 0%,#c9edc3 62%,#a8d9b3 100%);
  border:1px solid #9acfa5;
  box-shadow:0 12px 30px #1b342013;
  translate:0 0;
  transition:translate .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .4s ease;
}
body:not(.interior) .expertise-card:nth-child(2){
  --card-ink:#30254b;
  --card-muted:#574a71;
  --card-line:#6e5c9a4d;
  --card-accent:#7958ad;
  background:linear-gradient(155deg,#f0e9fa 0%,#d9c7ef 64%,#bca8dc 100%);
  border-color:#cbb7e2;
}
body:not(.interior) .expertise-card:nth-child(3){
  --card-ink:#463026;
  --card-muted:#765244;
  --card-line:#8e604548;
  --card-accent:#a65d35;
  background:linear-gradient(155deg,#fff0dc 0%,#f2d4b7 62%,#e8b68f 100%);
  border-color:#e9c5a6;
}
body:not(.interior) .expertise-card h3,
body:not(.interior) .expertise-card .card-head,
body:not(.interior) .expertise-card summary,
body:not(.interior) .expertise-card .text-link{color:var(--card-ink)}
body:not(.interior) .expertise-card>p,
body:not(.interior) .expertise-card details>p{color:var(--card-muted)}
body:not(.interior) .expertise-card details{border-color:var(--card-line)}
body:not(.interior) .expertise-card .tags span{border-color:var(--card-line);color:var(--card-ink);background:#ffffff44}
body:not(.interior) .expertise-card .card-head>span:last-child{color:var(--card-accent);transition:transform .4s cubic-bezier(.22,1,.36,1)}
body:not(.interior) .expertise-card .discipline-art{transition:transform .55s cubic-bezier(.22,1,.36,1)}
body:not(.interior) .code-art i{border-color:#438f696e;background:linear-gradient(120deg,#bcebc9,#6dbb91a1)}
body:not(.interior) .code-art span{color:#266a49}
body:not(.interior) .intelligence-art span{border-color:#76569b9c}
body:not(.interior) .intelligence-art b{color:#6d4c99}
body:not(.interior) .data-art span{border-color:#8d603ead;background:linear-gradient(30deg,#b2784d,#e8bb88);box-shadow:0 12px 0 #bb8b64,0 13px 0 #8a593d55}
@media(hover:hover){
  body:not(.interior) .expertise-card:is(:hover,:focus-within){translate:0 -10px;box-shadow:0 26px 46px #1b34202a;border-color:var(--card-accent)}
  body:not(.interior) .expertise-card:is(:hover,:focus-within) .discipline-art{transform:translateY(-7px) rotate(-5deg) scale(1.07)}
  body:not(.interior) .expertise-card:is(:hover,:focus-within) .card-head>span:last-child{transform:translate(4px,-4px)}
  body:not(.interior) .expertise-card .text-link:hover{color:var(--card-accent)}
}

/* A shortlist visual makes the final invitation feel more tangible. */
body:not(.interior) .closing{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  align-items:center;
  gap:24px;
  min-height:590px;
  padding:64px clamp(42px,6vw,104px);
  text-align:left;
  background:radial-gradient(circle at 83% 37%,#294638 0%,transparent 42%),linear-gradient(130deg,#10291e,#0d2019 70%);
  border-color:#75ae8d59;
}
body:not(.interior) .closing-glow{background:radial-gradient(ellipse at 74% 80%,#a88ac232,transparent 58%),repeating-linear-gradient(90deg,transparent 0 59px,#b6e3c609 60px 61px)}
body:not(.interior) .closing-copy{position:relative;z-index:2;max-width:620px}
body:not(.interior) .closing .eyebrow{justify-content:flex-start;color:#b9dbc4}
body:not(.interior) .closing h2{margin:35px 0 25px;line-height:1.02!important}
body:not(.interior) .closing-mission{margin:0 0 34px;max-width:520px;color:#c9dfcf}
body:not(.interior) .closing .free-note{text-align:left;margin-top:13px}
.shortlist-scene{position:relative;min-height:460px;isolation:isolate;perspective:1000px}
.shortlist-orbit{position:absolute;inset:2% 0 0 0;border:1px solid #d7f5dc3a;border-radius:50%;transform:rotate(-20deg) scale(.88);box-shadow:0 0 0 34px #b8e5c107,0 0 0 80px #b8e5c106}
.shortlist-sheet{position:absolute;display:flex;flex-direction:column;width:min(68%,310px);height:350px;padding:25px;border-radius:22px;box-shadow:0 25px 45px #04160f66;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.shortlist-sheet>span,.shortlist-sheet-top>span{font:600 11px/1.2 "Motum Satoshi",sans-serif;letter-spacing:.12em}
.shortlist-sheet>b{font:500 31px/1.05 "Motum Satoshi",sans-serif;letter-spacing:-.055em;margin-top:auto}
.shortlist-back{left:3%;top:17%;background:#cbb9e5;color:#3c2d58;transform:rotate(-14deg)}
.shortlist-middle{left:29%;top:15%;background:#d6f78c;color:#23412d;transform:rotate(12deg)}
.shortlist-front{left:17%;top:10%;background:#f5f8f0;color:#173326;transform:rotate(-2deg);border:1px solid #e1efdd}
.shortlist-sheet-top{display:flex;align-items:center;justify-content:space-between}
.shortlist-sheet-top i{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#d5c5e9;font:500 22px/1 "Motum Satoshi",sans-serif;font-style:normal}
.shortlist-glyph{display:grid;place-items:center;align-self:center;margin:auto;width:132px;height:132px;border:1px solid #4a7b5b66;border-radius:50%;color:#2b7351;font-size:84px;font-weight:300;line-height:1;background:radial-gradient(circle,#d9f5da,#f5f8f0 68%);box-shadow:0 0 0 18px #aad9b827}
.shortlist-front>b{margin:0;font-size:36px}
.shortlist-front>small{margin-top:14px;font:500 14px/1.2 "Motum Satoshi",sans-serif;color:#52745d}
@media(hover:hover){
  .closing:hover .shortlist-back{transform:translate(-16px,-10px) rotate(-20deg)}
  .closing:hover .shortlist-middle{transform:translate(18px,-12px) rotate(17deg)}
  .closing:hover .shortlist-front{transform:translateY(-12px) rotate(0deg)}
}

/* Re-entry is gentle, while each card arrives a beat after the previous one. */
body.js-motion .reveal{transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1),translate .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .4s ease}
body.js-motion .expertise-card:nth-child(2),body.js-motion .process-grid article:nth-child(2){transition-delay:90ms}
body.js-motion .expertise-card:nth-child(3),body.js-motion .process-grid article:nth-child(3){transition-delay:180ms}
.page-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;pointer-events:none;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#8efebb 0%,#d6f78c 42%,#c7afe8 100%);transition:transform .13s linear}

@media(max-width:900px){
  body:not(.interior) .closing{grid-template-columns:1fr;gap:14px;text-align:center;padding:64px 32px 46px}
  body:not(.interior) .closing-copy{max-width:650px;margin:auto}
  body:not(.interior) .closing .eyebrow{justify-content:center}
  body:not(.interior) .closing-mission{margin-inline:auto}
  body:not(.interior) .closing .free-note{text-align:center}
  .shortlist-scene{width:min(100%,440px);margin:auto}
}
@media(max-width:760px){
  body:not(.interior) .closing{min-height:0;padding:60px 22px 38px;margin-bottom:40px}
  body:not(.interior) .closing h2{margin:24px 0 20px}
  body:not(.interior) .closing-mission{margin-bottom:26px}
  .shortlist-scene{height:310px;min-height:0;margin-top:20px}
  .shortlist-sheet{width:205px;height:255px;padding:17px;border-radius:17px}
  .shortlist-sheet>b{font-size:21px}
  .shortlist-back{left:4%;top:13%}
  .shortlist-middle{left:auto;right:4%;top:13%}
  .shortlist-front{left:50%;top:9%;transform:translateX(-50%) rotate(-2deg)}
  .shortlist-front>b{font-size:25px}
  .shortlist-front>small{font-size:11px;margin-top:8px}
  .shortlist-glyph{width:88px;height:88px;font-size:54px;box-shadow:0 0 0 11px #aad9b827}
  .shortlist-sheet-top>span{font-size:8px}
  .shortlist-sheet-top i{width:25px;height:25px;font-size:17px}
  .closing:hover .shortlist-front{transform:translateX(-50%) rotate(-2deg)}
}
@media(prefers-reduced-motion:reduce){
  body.js-motion .reveal,.expertise-card,.expertise-card .discipline-art,.expertise-card .card-head>span:last-child,.shortlist-sheet{transition:none!important}
  .closing:hover .shortlist-sheet{transform:none}
}

/* The partnership section needs its own visual identity inside the lilac band. */
body:not(.interior) main .services .muted,
body:not(.interior) main .process .muted{color:#2d7955}
body:not(.interior) .stage-panel{
  position:relative;
  overflow:hidden;
  color:#fffaf6;
  background:radial-gradient(circle at 78% 24%,#77618e 0%,transparent 38%),linear-gradient(145deg,#523d66 0%,#3b2d51 62%,#263b36 100%);
  border:1px solid #bca8d7;
  box-shadow:0 18px 42px #34254a24;
  translate:0 0;
  transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1),translate .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease;
}
body:not(.interior) .stage-panel h3{color:#fffaf6}
body:not(.interior) .stage-panel>p{color:#e7dbed}
body:not(.interior) .stage-panel .panel-overline,
body:not(.interior) .stage-panel .panel-foot{color:#efe2f2}
body:not(.interior) .stage-panel .panel-foot{border-color:#dfc8eb54}
body:not(.interior) .stage-panel .stage-ring{border-color:#e8cffa8c;transition:transform .7s cubic-bezier(.22,1,.36,1),border-color .7s ease}
body:not(.interior) .stage-panel .stage-center{color:#d6f78c;transition:transform .7s cubic-bezier(.22,1,.36,1)}
body:not(.interior) .stage-panel .circle-button{background:#d6f78c;color:#24352a;border:0;transition:transform .35s ease,background .35s ease}
body:not(.interior) .stage-tabs button[aria-selected=true]>span,
body:not(.interior) .stage-tabs button[aria-selected=true]>b{color:#694487}
@media(hover:hover){
  body:not(.interior) .stage-panel:is(:hover,:focus-within){translate:0 -8px;box-shadow:0 30px 55px #34254a38;border-color:#d8c6ea}
  body:not(.interior) .stage-panel:is(:hover,:focus-within) .stage-ring:first-child{transform:translate(-50%,-50%) scale(1.13) rotate(18deg)}
  body:not(.interior) .stage-panel:is(:hover,:focus-within) .stage-ring:nth-child(2){transform:translate(-50%,-50%) rotate(-15deg) scale(1.07)}
  body:not(.interior) .stage-panel:is(:hover,:focus-within) .stage-center{transform:scale(1.08)}
  body:not(.interior) .stage-panel .circle-button:hover{transform:translate(3px,-3px);background:#e8fbb8}
}
@media(max-width:760px){
  .talent-icon.icon-spark{display:none}
}
@media(prefers-reduced-motion:reduce){
  body:not(.interior) .stage-panel,
  body:not(.interior) .stage-panel .stage-ring,
  body:not(.interior) .stage-panel .stage-center,
  body:not(.interior) .stage-panel .circle-button{transition:none!important}
  body:not(.interior) .stage-panel:is(:hover,:focus-within){translate:0}
}

/* Three technical specialties retain their distinct palettes and motion. */
body:not(.interior) .expertise-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body:not(.interior) .expertise-card{display:flex;flex-direction:column;min-height:440px;padding:32px}
body:not(.interior) .expertise-card h3{font-size:clamp(32px,3.5vw,45px);margin-bottom:14px}
body:not(.interior) .expertise-card>p{font:400 16px/1.55 "Motum Satoshi",sans-serif;max-width:390px;min-height:0}
body:not(.interior) .expertise-card .tags{margin-top:auto;padding-top:25px}
body:not(.interior) .expertise-card .tags span{font:500 11px/1.2 "Motum Satoshi",sans-serif;padding:7px 11px}
body:not(.interior) .expertise-card details>p{font:400 15px/1.55 "Motum Satoshi",sans-serif}
body:not(.interior) .expertise-card summary{font-size:14px}
body:not(.interior) .expertise-card .text-link{font-size:15px!important}
@media(min-width:761px) and (max-width:1100px){
  body:not(.interior) .expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not(.interior) .expertise-card:last-child{grid-column:1/-1}
}

/* A separate capability layer explains the work behind each introduction. */
body:not(.interior) .infrastructure{position:relative;isolation:isolate;padding-top:112px;padding-bottom:126px;background:#edf1e9}
body:not(.interior) .infrastructure::before{content:"";position:absolute;inset:0;z-index:-1;background:#edf1e9;box-shadow:0 0 0 100vmax #edf1e9;clip-path:inset(0 -100vmax)}
.infrastructure-intro{display:grid;grid-template-columns:1.2fr .8fr;column-gap:70px;align-items:end;margin-bottom:55px}
.infrastructure-intro .eyebrow{grid-column:1/-1;margin:0 0 30px;color:#6d527d}
body:not(.interior) main .infrastructure h2{margin:0;color:#173326}
body:not(.interior) main .infrastructure h2 span{color:#2d7955}
.infrastructure-intro>p:not(.eyebrow){grid-column:2;grid-row:2;max-width:410px;margin:0 0 10px;color:#496152;font:400 17px/1.65 "Motum Satoshi",sans-serif}
.infrastructure-path{grid-column:2;display:flex;align-items:center;gap:11px;margin-top:24px;color:#6f5382;font:600 11px/1.2 "Motum Satoshi",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.infrastructure-path i{width:22px;height:1px;background:#ac9cb5}
.infrastructure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.infra-card{--infra-bg:#e1f4e4;--infra-ink:#1c6243;position:relative;overflow:hidden;min-height:234px;margin:0;padding:0;border:1px solid #d5e2d6;border-radius:23px;background:#fffefa;color:#173326;box-shadow:0 8px 24px #1733260c;transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,translate .45s cubic-bezier(.22,1,.36,1)}
.infra-card:nth-child(2){--infra-bg:#e8e1f5;--infra-ink:#694b91}
.infra-card:nth-child(3){--infra-bg:#e3eff8;--infra-ink:#326a91}
.infra-card:nth-child(4){--infra-bg:#f4e7da;--infra-ink:#9b623e}
.infra-card:nth-child(5){--infra-bg:#e5efdc;--infra-ink:#557d3d}
.infra-card:nth-child(6){--infra-bg:#f3e4eb;--infra-ink:#985877}
.infra-card summary{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-content:stretch;gap:14px;min-height:232px;padding:27px;list-style:none}
.infra-card summary::-webkit-details-marker{display:none}
.infra-number{grid-column:1;grid-row:1;color:var(--infra-ink);font:600 12px/1.2 "Motum Satoshi",sans-serif;letter-spacing:.08em}
.infra-title{grid-column:1;grid-row:2;align-self:center;color:#173326;font:500 clamp(27px,2.3vw,36px)/1.04 "Motum Satoshi",sans-serif;letter-spacing:-.05em}
.infra-teaser{grid-column:1/-1;grid-row:3;color:#54705a;font:400 14px/1.45 "Motum Satoshi",sans-serif}
.infra-expand{grid-column:2;grid-row:1;display:grid;place-items:center;width:30px;height:30px;border:1px solid #b4c9b9;border-radius:50%;color:var(--infra-ink);font:400 23px/1 "Motum Satoshi",sans-serif;transition:transform .35s ease,background .35s ease,border-color .35s ease}
.infra-card[open] .infra-expand{transform:rotate(45deg);background:#fffefa;border-color:var(--infra-ink)}
.infra-card[open] summary>span:not(.infra-expand){transform:none}
.infra-card>p{margin:0 27px 29px;padding-top:18px;border-top:1px solid #1733262b;color:#284533;font:400 15px/1.6 "Motum Satoshi",sans-serif}
.infra-card:is(:hover,:focus-within,[open]){background:var(--infra-bg);border-color:var(--infra-ink);box-shadow:0 24px 42px #17332622;translate:0 -6px}
.infra-card:is(:hover,:focus-within,[open]) .infra-expand{transform:rotate(90deg);background:#fffefa;border-color:var(--infra-ink)}
.infra-card[open]:is(:hover,:focus-within) .infra-expand{transform:rotate(45deg)}
body.js-motion .infra-card:nth-child(2),body.js-motion .infra-card:nth-child(5){transition-delay:80ms}
body.js-motion .infra-card:nth-child(3),body.js-motion .infra-card:nth-child(6){transition-delay:160ms}
@media(max-width:900px){.infrastructure-intro{grid-template-columns:1fr;gap:18px}.infrastructure-intro .eyebrow,.infrastructure-intro>p:not(.eyebrow),.infrastructure-path{grid-column:1;grid-row:auto}.infrastructure-intro>p:not(.eyebrow){max-width:650px}.infrastructure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  body:not(.interior) .expertise-grid,.infrastructure-grid{grid-template-columns:1fr}
  body:not(.interior) .expertise-card{min-height:0}
  body:not(.interior) .expertise-card .discipline-art{position:relative;top:auto;right:auto;width:100%;height:140px;margin:12px 0 22px;opacity:1;transform:none}
  body:not(.interior) .expertise-card h3{max-width:none;margin-top:0}
  .infrastructure-intro{margin-bottom:36px}
  body:not(.interior) .infrastructure{padding-top:72px;padding-bottom:80px}
  .infra-card{min-height:0}
  .infra-card summary{min-height:190px}
  .infrastructure-path{flex-wrap:wrap;gap:8px}
}
@media(prefers-reduced-motion:reduce){.infra-card,.infra-expand{transition:none!important}.infra-card:is(:hover,:focus-within,[open]){translate:0}}

/* A client story leads the selected-work rail. */
.stories-intro{max-width:590px;margin:-12px 0 36px;color:#496152;font:400 16px/1.6 "Motum Satoshi",sans-serif}
.stories-motion{align-self:center;padding:10px 16px;border:1px solid #b9cbb8;border-radius:50px;background:transparent;color:#345744;font:600 13px/1 "Motum Satoshi",sans-serif!important;cursor:pointer;transition:background .3s ease}
.stories-motion:hover,.stories-motion:focus-visible{background:#e3d9ee}
/* Featured stories use the same centered-name treatment as the other client cards. */
.story-quantum .story-visual,.story-open-late .story-visual{height:245px}
.quantum-simple-art{background:radial-gradient(circle at 55% 42%,#365f4d,#173b2d 68%,#0d2a20);color:#f7fbf4}
.late-simple-art{background:linear-gradient(135deg,#e5d9ec,#d4bfe0 58%,#edcfdc);color:#302944}
.story-visual.quantum-simple-art > .client-title,.story-visual.late-simple-art > .client-title{position:relative;z-index:1;display:block;max-width:88%;color:inherit;font:600 clamp(36px,3.6vw,50px)/1 "Motum Satoshi",sans-serif;letter-spacing:-.065em;text-align:center;transition:transform .35s ease}
.story-visual.late-simple-art > .client-title{font-size:clamp(38px,3.8vw,52px)}
.story-visual.late-simple-art > .client-title small{display:block;margin-top:7px;font:500 .48em/1 "Motum Satoshi",sans-serif;letter-spacing:.13em;text-transform:uppercase}
.story-visual.quantum-simple-art > .story-type,.story-visual.late-simple-art > .story-type{left:24px;bottom:20px;color:inherit;opacity:.75}
.story-quantum .story-body h3,.story-open-late .story-body h3{font-size:clamp(29px,2.4vw,37px)}
.story-quantum .story-body p,.story-open-late .story-body p{font-size:15px}
@media(hover:hover){.story-quantum:hover .client-title,.story-open-late:hover .client-title{transform:translateY(-5px)}}
@media(max-width:760px){.stories-intro{margin:0 0 28px}.stories-motion{display:none}.story-quantum .story-visual,.story-open-late .story-visual{height:210px}.story-visual.quantum-simple-art > .client-title,.story-visual.late-simple-art > .client-title{font-size:39px}}
@media(prefers-reduced-motion:reduce){.story-visual.quantum-simple-art > .client-title,.story-visual.late-simple-art > .client-title{transition:none}}

/* Client stories use each company's published mark and a distinct visual field. */
body:not(.interior) .story-card{border:1px solid #d5ded4;box-shadow:0 14px 35px rgba(20,48,35,.055);transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s ease,border-color .35s ease}
.story-card .story-brand{height:260px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}
.story-brand::before,.story-brand::after{content:"";position:absolute;z-index:0;pointer-events:none;border-radius:50%;transition:transform .7s cubic-bezier(.2,.75,.25,1),opacity .6s ease}
.story-brand::before{width:260px;height:260px;right:-75px;top:-130px;border:1px solid currentColor;opacity:.25}
.story-brand::after{width:340px;height:340px;left:-155px;bottom:-260px;border:1px solid currentColor;opacity:.18}
.story-brand .story-logo{position:relative;z-index:2;display:block;width:min(72%,305px);max-height:110px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.1));transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .5s ease}
.story-brand .story-visual-index,.story-brand .story-type{position:absolute;z-index:2;font:600 10px/1.25 "Motum Satoshi",sans-serif;letter-spacing:.13em}
.story-visual.story-brand > span.story-visual-index{font:600 10px/1.25 "Motum Satoshi",sans-serif;letter-spacing:.13em}
.story-brand .story-visual-index{top:24px;left:25px}
.story-brand .story-type{bottom:23px;left:25px;opacity:.8}
.story-quantum .story-brand{background:radial-gradient(circle at 76% 15%,#d7befb 0,transparent 47%),linear-gradient(135deg,#f0e9ff,#dfdcf7);color:#463078}
.story-open-late .story-brand{background:radial-gradient(circle at 85% 12%,#543276,transparent 45%),linear-gradient(125deg,#1b0d35,#301048);color:#e5cafa}
.story-fairground .story-brand{background:radial-gradient(circle at 80% 10%,#0d6c71,transparent 43%),linear-gradient(135deg,#072c36,#0a202c);color:#a7eee7}
.story-atom .story-brand{background:radial-gradient(circle at 88% 15%,#ffc688,transparent 47%),linear-gradient(135deg,#fff5e7,#ffead5);color:#ad5c25}
.story-one-health .story-brand{background:radial-gradient(circle at 85% 10%,#a3d7fa,transparent 48%),linear-gradient(135deg,#edf8ff,#dbeefc);color:#286ea5}
.story-quantum .story-logo{max-height:63px;width:min(72%,320px)}
.story-open-late .story-logo{max-height:100px;width:min(78%,330px)}
.story-fairground .story-logo{max-height:90px;width:min(70%,295px)}
.story-atom .story-logo{max-height:155px;width:min(72%,295px)}
.story-one-health .story-logo{max-height:95px;width:min(75%,300px)}
.story-quantum .story-body{border-top:4px solid #8e63ce}
.story-open-late .story-body{border-top:4px solid #02bca0}
.story-fairground .story-body{border-top:4px solid #16b8a6}
.story-atom .story-body{border-top:4px solid #e89543}
.story-one-health .story-body{border-top:4px solid #4a9ccc}
@media(hover:hover){
  body:not(.interior) .story-card:hover{transform:translateY(-9px);box-shadow:0 28px 55px rgba(20,48,35,.16);border-color:#b5cbb8}
  .story-card:hover .story-brand::before{transform:translate(-38px,45px) scale(1.18)}
  .story-card:hover .story-brand::after{transform:translate(50px,-35px) scale(1.16)}
  .story-card:hover .story-logo{transform:translateY(-6px) scale(1.045);filter:drop-shadow(0 18px 25px rgba(0,0,0,.14))}
}
.story-card:focus-visible{outline:3px solid #9263c1;outline-offset:4px}
@media(max-width:760px){.stories .section-heading{display:block}.stories .carousel-controls{justify-content:flex-start;margin-top:22px}.stories-intro{margin:18px 0 28px}.story-card .story-brand{height:220px}.story-visual.story-brand > span.story-visual-index,.story-brand .story-type{font-size:9px}.story-brand .story-visual-index{top:20px;left:21px}.story-brand .story-type{bottom:20px;left:21px}}
@media(prefers-reduced-motion:reduce){body:not(.interior) .story-card,.story-brand::before,.story-brand::after,.story-brand .story-logo{transition:none!important}body:not(.interior) .story-card:hover,.story-card:hover .story-logo{transform:none}}

/* Keep the referral path available at the end of the site navigation. */
body #site-menu{overflow-y:auto}
body #site-menu .menu-grid>.menu-partner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:4px;padding:15px 18px;border:1px solid #d9e1d7;border-radius:14px;background:#f1f3eb;color:#173326;font:600 16px/1.25 "Motum Satoshi",sans-serif;letter-spacing:0;transition:background .25s ease,color .25s ease,border-color .25s ease}
body #site-menu .menu-grid>.menu-partner span{float:none;font-size:19px;line-height:1;color:#6e4984;opacity:1}
body #site-menu .menu-grid>.menu-partner:is(:hover,:focus-visible){background:#e7dbef;border-color:#c5add9;color:#593574}
.srv-footer>.footer-partner-link{display:inline-flex;margin:0 28px 0 0;color:#346349;font:600 14px/1.5 "Motum Satoshi",sans-serif;text-decoration:none}
.srv-footer>.footer-partner-link:is(:hover,:focus-visible){color:#593574;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){body #site-menu .menu-grid>.menu-partner{margin-top:0;padding:13px 15px;font-size:15px}.srv-footer>.footer-partner-link{margin:0 0 14px 0}}

/* Dedicated destinations for the homepage's featured work and disciplines. */
body:not(.interior) .section-discover{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:30px;padding:20px 0;border-top:1px solid #b9cabc;color:#244b33;font:600 16px/1.3 "Motum Satoshi",sans-serif;transition:color .25s ease}
body:not(.interior) .section-discover span{font-size:24px;transition:transform .25s ease}
body:not(.interior) .section-discover:is(:hover,:focus-visible){color:#573875}
body:not(.interior) .section-discover:is(:hover,:focus-visible) span{transform:translate(5px,-5px)}
@media(prefers-reduced-motion:reduce){body:not(.interior) .section-discover,body:not(.interior) .section-discover span{transition:none!important}}

/* Draw the asterisk as a vector so mobile browsers cannot substitute an emoji. */
.motum-asterisk{display:block;width:1em;height:1em;flex:none;overflow:visible}
.intelligence-art .motum-asterisk{position:relative;z-index:1;width:30px;height:30px;color:#6d4c99}
@media(max-width:760px){body:not(.interior) #motion-toggle{display:none!important}}