/*
 * Fictora Labs production design tokens
 * Change brand colour, type, spacing, rules, or motion here and rebuild.
 */
@font-face{font-family:NewBlack;src:url('/assets/brand/fonts/NewBlackTypeface-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:NewBlack;src:url('/assets/brand/fonts/NewBlackTypeface-Medium.ttf') format('truetype');font-display:swap;font-weight:600}
@font-face{font-family:Acumin;src:url('/assets/brand/fonts/Acumin Variable Concept.ttf') format('truetype');font-display:swap;font-weight:300 800}
:root{
  --brand-deep:#051d43;
  --brand-navy:#002c4d;
  --brand-ink:#012145;
  --brand-blue:#3376b0;
  --brand-cyan:#52b4d4;
  --brand-acid:#e7ff00;
  --brand-mint:#d8ecd1;
  --brand-soft:#eef8ea;
  --brand-gradient:url('/assets/brand/fictora-gradient.svg');
  --brand-gradient-deep:#051d43;
  --font-display:NewBlack,Arial,sans-serif;
  --font-body:Acumin,Arial,sans-serif;
  --page-gutter:clamp(22px,5vw,76px);
  --content-max:1240px;
  --header-height:112px;
  --rule-dark:rgba(1,33,69,.18);
  --rule-light:rgba(216,236,209,.22);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --deep:var(--brand-deep);
  --navy:var(--brand-navy);
  --ink:var(--brand-ink);
  --blue:var(--brand-blue);
  --mid:var(--brand-blue);
  --sky:var(--brand-cyan);
  --cyan:var(--brand-cyan);
  --yellow:var(--brand-acid);
  --acid:var(--brand-acid);
  --mint:var(--brand-mint);
  --canvas:var(--brand-mint);
  --soft:var(--brand-soft);
  --surface:var(--brand-soft);
  --surface-quiet:#e7f4e1;
  --text:var(--brand-navy);
  --muted:rgba(0,44,77,.72);
  --line:var(--rule-dark);
  --line-strong:rgba(0,44,77,.24);
  --dark-line:var(--rule-dark);
  --light-line:var(--rule-light);
  --accent:var(--brand-blue);
  --accent-soft:rgba(82,180,212,.16);
  --accent-ink:var(--brand-ink);
  --gradient:var(--brand-gradient);
  --ease:var(--ease-out);
  --max:var(--content-max);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--brand-deep);scroll-padding-top:var(--header-height)}
body{margin:0;font-family:var(--font-body);font-kerning:normal}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* General content, blog, category, legal, portfolio, and contact pages */

@font-face {
  font-family: "New Black";
  src: url("/assets/brand/fonts/NewBlackTypeface-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "New Black";
  src: url("/assets/brand/fonts/NewBlackTypeface-Medium.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Acumin Variable";
  src: url("/assets/brand/fonts/Acumin Variable Concept.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --canvas: #d8ecd1;
  --surface: #f3faef;
  --surface-quiet: #e7f4e1;
  --navy: #002c4d;
  --deep: #051d43;
  --ink: #012145;
  --brand-blue: #3376b0;
  --cyan: #52b4d4;
  --acid: #e7ff00;
  --text: #002c4d;
  --muted: rgba(0, 44, 77, .72);
  --line: rgba(0, 44, 77, .14);
  --line-strong: rgba(0, 44, 77, .24);
  --accent: #3376b0;
  --accent-soft: rgba(82, 180, 212, .16);
  --accent-ink: #012145;
  --shadow: rgba(0, 44, 77, .12);
  --max: 1240px;
  --measure: 72ch;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  background: var(--canvas);
}

body {
  margin: 0;
  font-family: "Acumin Variable", "Helvetica Neue", Arial, ui-sans-serif, system-ui, sans-serif;
  background: var(--canvas);
  color: var(--text);
  line-height: 1.62;
  font-variant-numeric: tabular-nums;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 10%, rgba(82, 180, 212, .22), transparent 32%),
    radial-gradient(circle at 8% 86%, rgba(231, 255, 0, .18), transparent 24%);
}

a { color: inherit; text-decoration: none; }

img { display: block; max-width: 100%; height: auto; }

.skip-link {
  position: absolute;
  left: 16px;
  top: -48px;
  z-index: 20;
  padding: 10px 14px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  background: var(--surface);
  color: var(--navy);
}

.skip-link:focus { top: 16px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  padding: 14px clamp(18px, 4vw, 46px);
  border-bottom: 1px solid var(--line);
  background: rgba(216, 236, 209, .92);
  backdrop-filter: blur(14px);
}

.brand {
  display: inline-flex;
  align-items: center;
  min-width: 142px;
}

.brand-logo {
  width: 154px;
  max-width: 42vw;
  height: 44px;
  object-fit: contain;
  object-position: left center;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--accent);
  border-radius: 6px;
  color: var(--surface);
  background: var(--accent);
  font-size: 14px;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
  color: rgba(0, 44, 77, .76);
  font-size: 13px;
  font-weight: 650;
}

.main-nav a:hover, .site-footer a:hover, .text-link:hover { color: var(--brand-blue); }

a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 2px solid var(--brand-blue);
  outline-offset: 3px;
}

.header-cta, .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 15px;
  border-radius: 6px;
  font-weight: 720;
  line-height: 1.1;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.header-cta, .button.primary {
  background: var(--navy);
  color: var(--canvas);
}

.button.secondary {
  border: 1px solid var(--line-strong);
  color: var(--navy);
  background: transparent;
}

.header-cta:hover, .button.primary:hover { background: var(--ink); }
.button.secondary:hover { border-color: var(--brand-blue); background: rgba(51, 118, 176, .08); }
.header-cta:active, .button:active { transform: scale(.98); }

.hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(360px, .82fr);
  gap: clamp(34px, 6vw, 86px);
  align-items: center;
  max-width: var(--max);
  min-height: 72vh;
  margin: 0 auto;
  padding: clamp(64px, 9vw, 116px) clamp(18px, 4vw, 32px) clamp(44px, 7vw, 92px);
}

.eyebrow, .breadcrumbs {
  margin: 0 0 12px;
  color: var(--brand-blue);
  font-size: 14px;
  font-weight: 780;
  text-transform: uppercase;
  letter-spacing: 0;
}

.breadcrumbs {
  color: var(--muted);
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
}

h1, h2, h3, h4 {
  font-family: "New Black", "Acumin Variable", Arial, sans-serif;
  margin: 0 0 18px;
  line-height: 1.05;
  letter-spacing: 0;
  text-wrap: balance;
  font-weight: 600;
}

h1 {
  max-width: 13.4ch;
  color: var(--navy);
  font-size: clamp(46px, 7vw, 96px);
}

.lede {
  max-width: 690px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(18px, 2vw, 21px);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.hero-media {
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: var(--surface);
  aspect-ratio: 16 / 11;
}

.hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.88) contrast(.96);
}

.zena-console,
.enterprise-panel {
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  box-shadow: 0 20px 56px var(--shadow);
}

.zena-console {
  position: relative;
  overflow: hidden;
  padding: 18px;
  background: linear-gradient(135deg, #002c4d 0%, #051d43 56%, #012145 100%);
  color: var(--canvas);
}

.zena-console::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("/assets/brand/pattern.svg");
  background-size: 820px auto;
  background-position: right -230px top -190px;
  opacity: .08;
}

.zena-console > * {
  position: relative;
}

.console-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(216, 236, 209, .18);
  color: rgba(216, 236, 209, .76);
  font-size: 13px;
  font-weight: 680;
}

.console-top span:first-child {
  font-family: "New Black", "Acumin Variable", Arial, sans-serif;
  color: var(--acid);
  font-size: 24px;
  font-weight: 600;
}

.conversation-card {
  margin: 18px 0;
  padding: 20px;
  border: 1px solid rgba(216, 236, 209, .2);
  border-radius: 8px;
  background: rgba(216, 236, 209, .08);
}

.conversation-card small,
.console-grid small,
.listing-card span,
.model-steps span {
  display: block;
  color: rgba(216, 236, 209, .72);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
}

.conversation-card strong {
  font-family: "New Black", "Acumin Variable", Arial, sans-serif;
  display: block;
  margin: 8px 0 8px;
  font-size: 22px;
  line-height: 1.14;
}

.conversation-card p {
  margin: 0;
  color: rgba(216, 236, 209, .78);
}

.console-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.console-grid div {
  min-height: 96px;
  padding: 16px;
  border: 1px solid rgba(216, 236, 209, .18);
  border-radius: 8px;
  background: rgba(216, 236, 209, .06);
}

.console-grid span {
  font-family: "New Black", "Acumin Variable", Arial, sans-serif;
  display: block;
  margin-bottom: 8px;
  color: var(--acid);
  font-size: 26px;
  font-weight: 780;
  line-height: 1;
}

.enterprise-panel {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 4vw, 38px);
  background: var(--surface);
}

.panel-kicker {
  margin-bottom: 60px;
  color: var(--brand-blue);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.enterprise-panel h2 {
  color: var(--navy);
  font-size: clamp(38px, 5vw, 68px);
}

.enterprise-panel p {
  max-width: 34ch;
  color: var(--muted);
}

.panel-list {
  display: grid;
  gap: 10px;
  margin-top: 28px;
}

.panel-list span {
  padding: 12px 0;
  border-top: 1px solid var(--line);
  font-weight: 700;
}

.page-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 52px;
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 32px) 96px;
}

.content-body { min-width: 0; }

.content-body h1, .content-body h2 {
  max-width: 16ch;
  margin-top: 52px;
  font-size: clamp(30px, 4vw, 50px);
}

.content-body h3 {
  margin-top: 34px;
  font-size: clamp(24px, 3vw, 34px);
}

.content-body p, .content-body li, .content-body blockquote {
  color: var(--muted);
  font-size: 17px;
}

.content-body p {
  max-width: var(--measure);
  margin: 0 0 18px;
}

.content-body ul, .content-body ol {
  margin: 0 0 24px;
  padding-left: 22px;
}

.content-body figure {
  margin: 34px 0;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--surface);
}

.content-body figure img {
  width: 100%;
  max-height: 560px;
  object-fit: cover;
}

blockquote {
  margin: 30px 0;
  padding: 20px 24px;
  border: 1px solid var(--line);
  background: var(--surface-quiet);
  color: var(--navy);
}

.faq-item {
  border-bottom: 1px solid var(--line);
}

.faq-item summary {
  cursor: pointer;
  padding: 18px 0;
  font-weight: 760;
}

.faq-item p { padding: 0 0 18px; }

.page-aside {
  position: sticky;
  top: 88px;
  align-self: start;
}

.aside-block {
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.aside-block + .aside-block { margin-top: 16px; }

.aside-block h2 {
  margin: 0 0 16px;
  font-size: 18px;
}

dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

dt {
  color: var(--brand-blue);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

dd {
  margin: 0 0 8px;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.aside-block ul {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
}

.trust-bar,
.product-section,
.operating-model,
.services-overview,
.insight-strip {
  max-width: var(--max);
  margin: 0 auto;
  padding: clamp(42px, 6vw, 82px) clamp(18px, 4vw, 32px);
}

.trust-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding-top: 12px;
}

.trust-bar div {
  padding: 24px;
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
}

.trust-bar div + div { border-left: 1px solid var(--line-strong); }

.trust-bar strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
}

.trust-bar span {
  color: var(--muted);
}

.product-section {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, .75fr);
  gap: clamp(30px, 6vw, 80px);
  align-items: center;
}

.section-copy h2,
.section-heading h2 {
  color: var(--navy);
  max-width: 15ch;
  font-size: clamp(36px, 5vw, 64px);
}

.section-copy p,
.section-heading p {
  max-width: 66ch;
  color: var(--muted);
  font-size: 18px;
}

.text-link {
  display: inline-flex;
  margin-top: 14px;
  color: var(--brand-blue);
  font-weight: 760;
}

.operating-model,
.services-overview,
.insight-strip {
  border-top: 1px solid var(--line-strong);
}

.model-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 28px;
  background: var(--line);
  border: 1px solid var(--line);
}

.model-steps div {
  min-height: 260px;
  padding: 28px;
  background: var(--surface);
}

.model-steps h3 {
  margin-top: 44px;
  font-size: 26px;
}

.model-steps span {
  color: var(--brand-blue);
}

.model-steps p {
  color: var(--muted);
}

.listing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 36px 0;
  background: var(--line);
  border: 1px solid var(--line);
}

.listing-card {
  display: block;
  min-height: 238px;
  padding: 26px;
  background: var(--surface);
  transition: background-color .18s ease, transform .18s ease;
}

.listing-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.listing-card:hover {
  background: var(--surface-quiet);
  transform: translateY(-2px);
}

.listing-card span {
  color: var(--brand-blue);
}

.listing-card h3 {
  margin: 32px 0 12px;
  font-size: 24px;
  line-height: 1.16;
}

.listing-card p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
}

.site-footer {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  gap: 28px;
  padding: 42px clamp(18px, 4vw, 48px);
  border-top: 1px solid rgba(216, 236, 209, .2);
  background: linear-gradient(135deg, #002c4d 0%, #051d43 58%, #012145 100%);
  color: rgba(216, 236, 209, .72);
}

.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/assets/brand/pattern.svg");
  background-size: 900px auto;
  background-position: right -260px bottom -240px;
  opacity: .07;
  pointer-events: none;
}

.site-footer > * {
  position: relative;
}

.site-footer strong {
  font-family: "New Black", "Acumin Variable", Arial, sans-serif;
  color: var(--canvas);
}

.site-footer p {
  max-width: 440px;
  margin: 8px 0 0;
}

.site-footer div:last-child {
  display: grid;
  gap: 8px;
  text-align: right;
  color: var(--canvas);
}

@media (max-width: 920px) {
  .site-header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .main-nav {
    order: 3;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .hero, .page-shell, .product-section {
    grid-template-columns: 1fr;
  }

  h1 { max-width: 100%; }

  .hero-media {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .page-aside {
    position: static;
  }

  .listing-grid {
    grid-template-columns: 1fr;
  }

  .trust-bar,
  .model-steps {
    grid-template-columns: 1fr;
  }

  .trust-bar div + div {
    border-left: 0;
    border-top: 0;
  }

  .site-footer {
    display: grid;
  }

  .site-footer div:last-child {
    text-align: left;
  }
}

@media (max-width: 560px) {
  .header-cta { display: none; }

  .hero {
    min-height: auto;
    padding-top: 44px;
  }

  h1 {
    font-size: 41px;
  }

  .console-grid {
    grid-template-columns: 1fr;
  }
}

/* Blog index page */

body.blog-index-page{
  overflow-x: clip;
  color: var(--brand-navy);
  background: var(--brand-mint);
}

body.blog-index-page::before{ display: none; }

body.blog-index-page .insights-kicker{
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--brand-acid);
  font-size: 14px;
  font-weight: 680;
  line-height: 1.25;
  letter-spacing: .13em;
}

body.blog-index-page .insights-kicker img{ width: 28px; height: 28px; }

body.blog-index-page .insights-hero{
  position: relative;
  min-height: calc(100svh - var(--header-height));
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(400px, .97fr);
  grid-template-rows: 1fr auto;
  color: var(--brand-mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  border-bottom: 1px solid var(--rule-light);
  overflow: hidden;
}

body.blog-index-page .insights-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(216, 236, 209, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 236, 209, .06) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .92));
}

body.blog-index-page .insights-hero__copy{
  position: relative;
  z-index: 2;
  align-self: center;
  padding: clamp(70px, 8vw, 118px) clamp(28px, 5vw, 76px) clamp(54px, 7vw, 94px);
}

body.blog-index-page .insights-breadcrumbs{
  margin: 34px 0 14px;
  color: rgba(216, 236, 209, .62);
  font-size: 14px !important;
  line-height: 1.4 !important;
}

body.blog-index-page .insights-breadcrumbs a{ color: var(--brand-mint); }

body.blog-index-page .insights-hero h1{
  max-width: 10.4ch;
  margin: 0;
  color: var(--brand-mint);
  font: 400 clamp(52px, 5.8vw, 80px) / .9 var(--font-display);
  letter-spacing: -.045em;
  text-wrap: balance;
}

body.blog-index-page .insights-hero h1 em,body.blog-index-page .insight-directory__header h2 em,body.blog-index-page .insights-close h2 em{
  color: var(--brand-acid);
  font-style: normal;
}

body.blog-index-page .insights-hero__copy > p:last-of-type{
  max-width: 65ch;
  margin: 28px 0 0;
  color: rgba(216, 236, 209, .78);
}

body.blog-index-page .insights-hero__action{
  width: min(100%, 330px);
  min-height: 58px;
  margin-top: 38px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--brand-ink);
  background: var(--brand-acid);
  border: 1px solid var(--brand-acid);
  font-size: 14px;
  font-weight: 720;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.blog-index-page .insights-hero__action span{ font-size: 20px; }

body.blog-index-page .insights-hero__signals{
  position: relative;
  z-index: 2;
  min-height: 630px;
  padding: clamp(42px, 5vw, 72px);
  align-self: stretch;
  display: grid;
  grid-template-rows: auto 1fr;
  border-left: 1px solid var(--rule-light);
  overflow: hidden;
}

body.blog-index-page .insights-hero__signals > header{
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: rgba(216, 236, 209, .62);
  font-size: 12px;
  letter-spacing: .12em;
}

body.blog-index-page .insights-hero__signals > header span{ color: var(--brand-acid); }
body.blog-index-page .insights-hero__signals ol{ position: relative; z-index: 2; align-self: end; margin: 0; padding: 0; list-style: none; }

body.blog-index-page .insights-hero__signals li{
  min-height: 92px;
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 18px;
  border-top: 1px solid rgba(216, 236, 209, .19);
}

body.blog-index-page .insights-hero__signals li > span{ color: var(--brand-acid); font-size: 12px; letter-spacing: .1em; }
body.blog-index-page .insights-hero__signals li > div{ display: grid; gap: 6px; }
body.blog-index-page .insights-hero__signals li strong{ font: 400 clamp(22px, 2.2vw, 31px) / 1 var(--font-display); letter-spacing: -.02em; }
body.blog-index-page .insights-hero__signals li strong a{ color: inherit; text-decoration: none; }
body.blog-index-page .insights-hero__signals li strong a:hover,body.blog-index-page .insights-hero__signals li strong a:focus-visible{ color: var(--brand-acid); text-decoration: underline; text-underline-offset: .2em; }
body.blog-index-page .insights-hero__signals li small{ color: rgba(216, 236, 209, .5); font-size: 10px; letter-spacing: .1em; }
body.blog-index-page .insights-hero__signals li i{ width: 8px; height: 8px; background: var(--brand-acid); border-radius: 50%; box-shadow: 0 0 18px rgba(231, 255, 0, .64); }

body.blog-index-page .signal-core{
  position: absolute;
  left: 50%;
  top: 46%;
  width: min(38vw, 470px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  opacity: .18;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

body.blog-index-page .signal-core span{ position: absolute; inset: 0; border: 1px solid var(--brand-acid); border-radius: 50%; }
body.blog-index-page .signal-core span:nth-child(2){ inset: 14%; border-color: var(--brand-mint); }
body.blog-index-page .signal-core img{ width: 92px; }

body.blog-index-page .insights-hero__base{
  position: relative;
  z-index: 3;
  grid-column: 1 / -1;
  min-height: 78px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: rgba(1, 33, 69, .28);
  border-top: 1px solid var(--rule-light);
}

body.blog-index-page .insights-hero__base span{
  padding: 0 clamp(22px, 4vw, 54px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(216, 236, 209, .68);
  border-right: 1px solid var(--rule-light);
  font-size: 12px;
  letter-spacing: .11em;
  text-align: center;
}

body.blog-index-page .insights-hero__base span:last-child{ border-right: 0; }

body.blog-index-page .insight-directory{ color: var(--brand-navy); background: var(--brand-mint); }

body.blog-index-page .insight-directory__header{
  min-height: 480px;
  padding: clamp(74px, 8vw, 118px) var(--page-gutter);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(290px, .48fr);
  gap: clamp(42px, 7vw, 104px);
  align-items: end;
  border-bottom: 1px solid var(--rule-dark);
}

body.blog-index-page .insight-directory__header .insights-kicker{ margin-bottom: 28px; color: var(--brand-blue); }

body.blog-index-page .insight-directory__header h2,body.blog-index-page .insights-close h2{
  max-width: 13ch;
  margin: 0;
  color: var(--brand-navy);
  font: 400 clamp(46px, 5.2vw, 70px) / .91 var(--font-display);
  letter-spacing: -.043em;
}

body.blog-index-page .insight-directory__header h2 em{ color: var(--brand-blue); }
body.blog-index-page .insight-directory__header > p{ max-width: 65ch; margin: 0; color: rgba(0, 44, 77, .72); }

body.blog-index-page .insight-directory__controls{
  position: relative;
  z-index: 7;
  min-height: 78px;
  padding: 0 var(--page-gutter);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 26px;
  color: var(--brand-mint);
  background: var(--brand-navy);
  border-bottom: 1px solid rgba(216, 236, 209, .2);
}

body.blog-index-page .insight-directory__controls nav{ align-self: stretch; display: flex; overflow-x: auto; scrollbar-width: none; }
body.blog-index-page .insight-directory__controls nav::-webkit-scrollbar{ display: none; }

body.blog-index-page .insight-directory__controls button{
  min-width: max-content;
  min-height: 100%;
  padding: 0 20px;
  color: rgba(216, 236, 209, .66);
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(216, 236, 209, .16);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: .08em;
  cursor: pointer;
}

body.blog-index-page .insight-directory__controls button:first-child{ border-left: 1px solid rgba(216, 236, 209, .16); }
body.blog-index-page .insight-directory__controls button span{ margin-left: 8px; color: rgba(216, 236, 209, .42); font-size: 11px; }
body.blog-index-page .insight-directory__controls button[aria-pressed="true"]{ color: var(--brand-ink); background: var(--brand-acid); }
body.blog-index-page .insight-directory__controls button[aria-pressed="true"] span{ color: rgba(1, 33, 69, .58); }

body.blog-index-page .insight-filter-label{
  margin: 0;
  color: rgba(216, 236, 209, .55);
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: .08em;
  white-space: nowrap;
}

body.blog-index-page .insight-list{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--rule-dark);
  border-left: 1px solid var(--rule-dark);
}

body.blog-index-page .insight-entry{
  min-width: 0;
  border-right: 1px solid var(--rule-dark);
  border-bottom: 1px solid var(--rule-dark);
}

body.blog-index-page .insight-entry[hidden]{ display: none; }

body.blog-index-page .insight-entry > a{
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  color: var(--brand-navy);
  transition: background-color 480ms var(--ease-out);
}

body.blog-index-page .insight-entry > a:hover,body.blog-index-page .insight-entry > a:focus-visible{ background: var(--brand-soft); }

body.blog-index-page .insight-entry figure{
  position: relative;
  margin: 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 44, 77, .2);
  background: var(--brand-soft);
}

body.blog-index-page .insight-entry figure::after{
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(51, 118, 176, .38);
  opacity: 0;
  transform: scale(.96);
  transition: opacity 360ms var(--ease-out), transform 560ms var(--ease-out);
  pointer-events: none;
}

body.blog-index-page .insight-entry > a:hover figure::after,body.blog-index-page .insight-entry > a:focus-visible figure::after{ opacity: 1; transform: scale(1); }

body.blog-index-page .insight-entry figure img{
  width: 100%;
  aspect-ratio: 16 / 10;
  display: block;
  object-fit: cover;
  transition: transform 760ms var(--ease-out), filter 520ms var(--ease-out);
}

body.blog-index-page .insight-entry > a:hover figure img,body.blog-index-page .insight-entry > a:focus-visible figure img{ transform: scale(1.025); filter: saturate(1.08); }

body.blog-index-page .insight-entry__copy{
  flex: 1;
  min-width: 0;
  padding: clamp(25px, 3vw, 42px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body.blog-index-page .insight-entry__meta{
  width: 100%;
  margin-bottom: 22px;
  display: grid;
  grid-template-columns: 28px auto 1fr;
  align-items: center;
  gap: 12px;
  color: rgba(0, 44, 77, .52);
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: .1em;
}

body.blog-index-page .insight-entry__meta > span,body.blog-index-page .insight-entry__meta b{ color: var(--brand-blue); font-weight: 680; }
body.blog-index-page .insight-entry__meta time{ justify-self: end; }

body.blog-index-page .insight-entry h3{
  max-width: 20ch;
  margin: 0;
  color: var(--brand-navy);
  font: 400 clamp(27px, 2.35vw, 36px) / 1.02 var(--font-display);
  letter-spacing: -.033em;
  text-wrap: balance;
}

body.blog-index-page .insight-entry__copy > p{ max-width: 65ch; margin: 20px 0 0; color: rgba(0, 44, 77, .72); }

body.blog-index-page .insight-entry__read{
  margin-top: auto;
  padding-top: 27px;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: var(--brand-blue);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .09em;
}

body.blog-index-page .insight-entry__read i{ font-size: 18px; font-style: normal; }

body.blog-index-page .insights-close{
  min-height: 560px;
  padding: clamp(74px, 8vw, 116px) var(--page-gutter);
  display: grid;
  grid-template-columns: minmax(190px, .34fr) minmax(0, 1fr) minmax(220px, .42fr);
  gap: clamp(34px, 5vw, 76px);
  align-items: end;
  color: var(--brand-navy);
  background: var(--brand-acid);
}

body.blog-index-page .insights-close > .insights-kicker{ align-self: start; color: var(--brand-ink); }
body.blog-index-page .insights-close h2{ max-width: 14ch; }
body.blog-index-page .insights-close h2 em{ color: var(--brand-blue); }
body.blog-index-page .insights-close p{ max-width: 63ch; margin: 28px 0 0; }
body.blog-index-page .insights-close__actions{ display: grid; gap: 8px; }

body.blog-index-page .insights-close__actions a{
  min-height: 58px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: var(--brand-mint);
  background: var(--brand-navy);
  border: 1px solid var(--brand-navy);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
}

body.blog-index-page .insights-close__actions a:first-child{ color: var(--brand-navy); background: transparent; }
body.blog-index-page .insights-close__actions a span{ font-size: 19px; }

@media (max-width: 1080px){
  body.blog-index-page .insights-hero{ grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr); }
  body.blog-index-page .insights-hero__signals{ padding-inline: 36px; }
  body.blog-index-page .insight-directory__controls{ padding-right: 24px; }
  body.blog-index-page .insight-directory__controls > p{ display: none; }
  body.blog-index-page .insights-close{ grid-template-columns: minmax(0, 1fr) minmax(230px, .44fr); }
  body.blog-index-page .insights-close > .insights-kicker{ grid-column: 1 / -1; }
}

@media (max-width: 860px){
  body.blog-index-page .insights-hero{ min-height: auto; grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
  body.blog-index-page .insights-hero__signals{ min-height: 570px; border-top: 1px solid var(--rule-light); border-left: 0; }
  body.blog-index-page .insights-hero__base{ grid-column: 1; }

  body.blog-index-page .insight-directory__header{ min-height: 440px; grid-template-columns: 1fr; }
  body.blog-index-page .insight-directory__controls{ padding: 0; display: block; }
  body.blog-index-page .insight-directory__controls nav{ min-height: 70px; }

  body.blog-index-page .insight-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.blog-index-page .insight-entry{ grid-column: span 1; }
}

@media (max-width: 660px){
  body.blog-index-page .insights-hero__copy{ padding: 58px 20px 50px; }
  body.blog-index-page .insights-breadcrumbs{ margin-top: 28px; }
  body.blog-index-page .insights-hero h1{ font-size: clamp(44px, 13vw, 58px); }
  body.blog-index-page .insights-hero__action{ width: 100%; }
  body.blog-index-page .insights-hero__signals{ min-height: 520px; padding: 34px 20px; }
  body.blog-index-page .insights-hero__signals li{ min-height: 90px; }
  body.blog-index-page .insights-hero__signals li strong{ font-size: 24px; }
  body.blog-index-page .signal-core{ width: 100vw; }
  body.blog-index-page .insights-hero__base{ grid-template-columns: 1fr; }
  body.blog-index-page .insights-hero__base span{ min-height: 58px; border-right: 0; border-bottom: 1px solid var(--rule-light); }
  body.blog-index-page .insights-hero__base span:last-child{ border-bottom: 0; }

  body.blog-index-page .insight-directory__header{ min-height: auto; padding: 66px 20px; }
  body.blog-index-page .insight-directory__header h2,body.blog-index-page .insights-close h2{ font-size: clamp(40px, 11.5vw, 52px); }
  body.blog-index-page .insight-directory__controls button{ padding-inline: 16px; }

  body.blog-index-page .insight-list{ grid-template-columns: 1fr; }
  body.blog-index-page .insight-entry{ grid-column: span 1; }
  body.blog-index-page .insight-entry__copy{ padding: 28px 20px 38px; }
  body.blog-index-page .insight-entry h3{ font-size: clamp(32px, 9vw, 42px); }
  body.blog-index-page .insight-entry__meta{ grid-template-columns: 27px 1fr auto; gap: 10px; font-size: 10px; }
  body.blog-index-page .insight-entry__copy > p{ margin-top: 20px; }

  body.blog-index-page .insights-close{ min-height: auto; padding: 66px 20px; grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: no-preference){
  body.blog-index-page .signal-core span:first-child{ animation: insight-orbit 28s linear infinite; }
  body.blog-index-page .signal-core span:nth-child(2){ animation: insight-orbit 34s linear infinite reverse; }
}

@keyframes insight-orbit{ to { transform: rotate(360deg); } }

/* Shared blog article system */

body.blog-post-page{
  overflow-x: clip;
  color: var(--brand-navy);
  background: var(--brand-soft);
}

body.blog-post-page::before{ display: none; }

body.blog-post-page .article-hero{
  position: relative;
  min-height: 720px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, .88fr);
  color: var(--brand-mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  border-bottom: 1px solid var(--rule-light);
  overflow: hidden;
}

body.blog-post-page .article-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(216, 236, 209, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 236, 209, .055) 1px, transparent 1px);
  background-size: 58px 58px;
}

body.blog-post-page .article-hero__copy,body.blog-post-page .article-hero__media{ position: relative; z-index: 1; }

body.blog-post-page .article-hero__copy{
  padding: clamp(68px, 7vw, 106px) clamp(28px, 5vw, 76px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.blog-post-page .article-breadcrumbs{
  margin: 0 0 46px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  color: rgba(216, 236, 209, .54);
  font-size: 14px;
  line-height: 1.45;
}

body.blog-post-page .article-breadcrumbs a{ color: rgba(216, 236, 209, .82); }
body.blog-post-page .article-breadcrumbs a:hover{ color: var(--brand-acid); }

body.blog-post-page .article-kicker{
  margin: 0 0 22px;
  color: rgba(216, 236, 209, .6);
  font-size: 14px !important;
  font-weight: 720;
  line-height: 1.45 !important;
  letter-spacing: .11em;
}

body.blog-post-page .article-kicker span{ color: var(--brand-acid); }

body.blog-post-page .article-hero h1{
  max-width: 16ch;
  margin: 0;
  color: var(--brand-mint);
  font: 400 clamp(42px, 4.5vw, 66px) / .96 var(--font-display);
  letter-spacing: -.04em;
  text-wrap: balance;
}

body.blog-post-page .article-deck{
  max-width: 64ch;
  margin: 28px 0 0;
  color: rgba(216, 236, 209, .75);
}

body.blog-post-page .article-meta{
  margin: 42px 0 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(216, 236, 209, .2);
}

body.blog-post-page .article-meta div{
  padding: 18px 18px 0 0;
  display: grid;
  gap: 6px;
  border-right: 1px solid rgba(216, 236, 209, .2);
}

body.blog-post-page .article-meta div + div{ padding-left: 18px; }
body.blog-post-page .article-meta div:last-child{ border-right: 0; }

body.blog-post-page .article-meta dt{
  color: rgba(216, 236, 209, .48);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.blog-post-page .article-meta dd{
  margin: 0;
  color: var(--brand-mint);
  font-size: 14px;
  font-weight: 650;
}

body.blog-post-page .article-hero__media{
  margin: 0;
  padding: clamp(32px, 5vw, 74px);
  display: flex;
  align-items: center;
  border-left: 1px solid var(--rule-light);
}

body.blog-post-page .article-hero__media img{
  width: 100%;
  border: 1px solid rgba(216, 236, 209, .26);
  box-shadow: 0 30px 80px rgba(1, 19, 52, .38);
}

body.blog-post-page .article-reading-grid{
  width: min(100%, 1760px);
  margin: 0 auto;
  padding: clamp(78px, 7vw, 112px) clamp(20px, 2vw, 38px);
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr) 300px;
  gap: 0;
  align-items: start;
}

body.blog-post-page .article-rail{ padding-right: clamp(24px, 2vw, 34px); }

body.blog-post-page .article-rail__inner{
  position: sticky;
  top: calc(var(--header-height) + 26px);
}

body.blog-post-page .article-rail__inner > p,body.blog-post-page .article-share > span{
  margin: 0 0 18px;
  color: var(--brand-blue);
  font-size: 14px !important;
  font-weight: 730;
  line-height: 1.4 !important;
  letter-spacing: .12em;
}

body.blog-post-page .article-rail__stamp{
  margin-bottom: 28px;
  padding: 18px 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px 14px;
  border-top: 1px solid var(--rule-dark);
  border-bottom: 1px solid var(--rule-dark);
}

body.blog-post-page .article-rail__stamp span,body.blog-post-page .article-rail__stamp small{
  color: rgba(0, 44, 77, .62);
  font-size: 13px;
  font-weight: 680;
  line-height: 1.4;
  letter-spacing: .06em;
}

body.blog-post-page .article-rail__stamp strong{
  grid-row: span 2;
  color: var(--brand-blue);
  font: 400 27px/1 var(--font-display);
}

body.blog-post-page .article-rail__stamp small{ color: rgba(0, 44, 77, .42); }

body.blog-post-page .article-rail nav{
  max-height: calc(100vh - var(--header-height) - 330px);
  min-height: 220px;
  overflow-y: auto;
  border-top: 1px solid var(--rule-dark);
  scrollbar-width: thin;
  scrollbar-color: var(--brand-blue) rgba(0, 44, 77, .1);
}

body.blog-post-page .article-rail nav::-webkit-scrollbar{ width: 5px; }
body.blog-post-page .article-rail nav::-webkit-scrollbar-track{ background: rgba(0, 44, 77, .1); }
body.blog-post-page .article-rail nav::-webkit-scrollbar-thumb{ background: var(--brand-blue); }

body.blog-post-page .article-rail nav a,body.blog-post-page .article-rail nav span{
  padding: 14px 0;
  display: block;
  color: rgba(0, 44, 77, .78);
  border-bottom: 1px solid var(--rule-dark);
  font-size: 16px;
  line-height: 1.42;
  transition: color 220ms var(--ease-out), padding-left 220ms var(--ease-out);
}

body.blog-post-page .article-rail nav a[data-level="3"]{ padding-left: 16px; font-size: 16px; }
body.blog-post-page .article-rail nav a:hover,body.blog-post-page .article-rail nav a.is-active{ padding-left: 8px; color: var(--brand-blue); }
body.blog-post-page .article-rail nav a[data-level="3"]:hover,body.blog-post-page .article-rail nav a[data-level="3"].is-active{ padding-left: 20px; }

body.blog-post-page .article-share{
  margin-top: 32px;
  padding-top: 25px;
  display: grid;
  gap: 8px;
  border-top: 1px solid var(--rule-dark);
}

body.blog-post-page .article-share > span{ margin-bottom: 3px; }
body.blog-post-page .article-share button,body.blog-post-page .article-share a{
  padding: 0;
  color: rgba(0, 44, 77, .64);
  background: transparent;
  border: 0;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}

body.blog-post-page .article-share button:hover,body.blog-post-page .article-share a:hover{ color: var(--brand-blue); }

body.blog-post-page .article-main{
  min-width: 0;
  padding: 0 clamp(28px, 2.6vw, 46px);
  border-left: 1px solid var(--rule-dark);
  border-right: 1px solid var(--rule-dark);
}

body.blog-post-page .article-copy{
  width: 100%;
  color: rgba(0, 44, 77, .9);
  font-size: 24px;
  line-height: 1.62;
}

body.blog-post-page .article-copy > :first-child{ margin-top: 0; }
body.blog-post-page .article-copy p{
  max-width: 70ch;
  margin: 0 0 30px;
  font-size: 24px !important;
  line-height: 1.62 !important;
}

body.blog-post-page .article-copy h2{
  max-width: 22ch;
  margin: 80px 0 28px;
  color: var(--brand-navy);
  font: 400 clamp(40px, 3.6vw, 54px) / 1.03 var(--font-display);
  letter-spacing: -.031em;
  text-wrap: balance;
  scroll-margin-top: calc(var(--header-height) + 34px);
}

body.blog-post-page .article-copy h3{
  max-width: 28ch;
  margin: 54px 0 21px;
  color: var(--brand-navy);
  font: 400 clamp(32px, 2.7vw, 40px) / 1.08 var(--font-display);
  letter-spacing: -.025em;
  text-wrap: balance;
  scroll-margin-top: calc(var(--header-height) + 34px);
}

body.blog-post-page .article-copy h4,body.blog-post-page .article-copy h5,body.blog-post-page .article-copy h6{
  margin: 38px 0 16px;
  color: var(--brand-navy);
  font-size: 24px;
  line-height: 1.25;
}

body.blog-post-page .article-copy ul,body.blog-post-page .article-copy ol{ margin: 0 0 28px; padding-left: 28px; }
body.blog-post-page .article-copy li{ margin: 0 0 13px; padding-left: 5px; font-size: 24px; line-height: 1.58; }
body.blog-post-page .article-copy li::marker{ color: var(--brand-blue); }

body.blog-post-page .article-copy a{
  color: var(--brand-blue);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

body.blog-post-page .article-copy strong{ color: var(--brand-navy); }

body.blog-post-page .article-copy figure{
  margin: 42px 0;
  overflow: hidden;
  border: 1px solid var(--rule-dark);
  background: var(--brand-mint);
}

body.blog-post-page .article-copy figure img{ width: 100%; display: block; }

body.blog-post-page .article-copy blockquote{
  margin: 42px 0;
  padding: 30px 34px;
  color: var(--brand-mint);
  background: var(--brand-navy);
  border: 0;
  border-left: 4px solid var(--brand-acid);
}

body.blog-post-page .article-copy blockquote p{ color: inherit; }

body.blog-post-page .article-copy table{
  width: 100%;
  margin: 36px 0;
  border-collapse: collapse;
  font-size: 16px;
}

body.blog-post-page .article-copy .article-table-scroll{
  width: 100%;
  margin: 36px 0;
  overflow-x: auto;
  border: 1px solid var(--rule-dark);
  scrollbar-width: thin;
}

body.blog-post-page .article-copy .article-table-scroll table{
  min-width: 680px;
  margin: 0;
  display: table;
}

body.blog-post-page .article-copy .article-table-scroll th:first-child,
body.blog-post-page .article-copy .article-table-scroll td:first-child{ border-left: 0; }
body.blog-post-page .article-copy .article-table-scroll th:last-child,
body.blog-post-page .article-copy .article-table-scroll td:last-child{ border-right: 0; }
body.blog-post-page .article-copy .article-table-scroll thead tr:first-child th{ border-top: 0; }
body.blog-post-page .article-copy .article-table-scroll tbody tr:last-child td{ border-bottom: 0; }
body.blog-post-page .article-copy .article-table-hint{ display: none; }

body.blog-post-page .article-copy th,body.blog-post-page .article-copy td{ padding: 14px; border: 1px solid var(--rule-dark); text-align: left; }
body.blog-post-page .article-copy th{ color: var(--brand-mint); background: var(--brand-navy); }
body.blog-post-page .article-copy code{ padding: 2px 5px; color: var(--brand-ink); background: var(--brand-mint); font-size: .88em; }

body.blog-post-page .article-byline{
  margin-top: 74px;
  padding: 34px;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 30px;
  color: var(--brand-mint);
  background: var(--brand-navy);
  border: 1px solid var(--brand-navy);
}

body.blog-post-page .article-byline > img{
  width: 180px;
  height: 220px;
  display: block;
  object-fit: cover;
  object-position: 50% 28%;
  border: 1px solid rgba(216, 236, 209, .22);
}

body.blog-post-page .article-byline > div{ align-self: center; }

body.blog-post-page .article-byline span{
  display: block;
  color: var(--brand-acid);
  font-size: 14px;
  font-weight: 730;
  line-height: 1.4;
  letter-spacing: .1em;
}

body.blog-post-page .article-byline strong{ margin-top: 12px; display: block; color: var(--brand-mint); font: 400 clamp(30px, 2.6vw, 40px)/1 var(--font-display); }
body.blog-post-page .article-byline strong a{ color: inherit; text-decoration: none; }
body.blog-post-page .article-byline p{ margin: 17px 0 0; color: rgba(216, 236, 209, .76); font-size: 18px !important; line-height: 1.55 !important; }
body.blog-post-page .article-byline nav{ margin-top: 22px; display: flex; flex-wrap: wrap; gap: 18px; }
body.blog-post-page .article-byline nav a{ color: var(--brand-mint); font-size: 14px; font-weight: 680; letter-spacing: .04em; }
body.blog-post-page .article-byline nav a i{ color: var(--brand-acid); font-style: normal; }

body.blog-post-page .article-context{
  min-width: 0;
  padding-left: clamp(24px, 2vw, 34px);
  display: grid;
  gap: 20px;
}

body.blog-post-page .context-panel{
  padding: 24px;
  border: 1px solid var(--rule-dark);
  background: var(--brand-mint);
}

body.blog-post-page .context-panel > p{
  margin: 0 0 17px;
  color: var(--brand-blue);
  font-size: 14px !important;
  font-weight: 730;
  line-height: 1.4 !important;
  letter-spacing: .1em;
}

body.blog-post-page .context-panel h2{
  margin: 0;
  color: var(--brand-navy);
  font: 400 28px/1.04 var(--font-display);
  letter-spacing: -.025em;
}

body.blog-post-page .context-panel > span{
  margin-top: 14px;
  display: block;
  color: rgba(0, 44, 77, .72);
  font-size: 17px;
  line-height: 1.5;
}

body.blog-post-page .context-panel > a:not(.context-related__item),body.blog-post-page .context-newsletter button{
  min-height: 50px;
  margin-top: 20px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--brand-mint);
  background: var(--brand-navy);
  border: 1px solid var(--brand-navy);
  font-size: 14px;
  font-weight: 720;
  letter-spacing: .05em;
  text-transform: uppercase;
}

body.blog-post-page .context-panel a b,body.blog-post-page .context-newsletter button b{ color: var(--brand-acid); font-size: 18px; }

body.blog-post-page .context-related__item{
  position: relative;
  padding: 17px 24px 17px 0;
  display: grid;
  gap: 8px;
  color: var(--brand-navy);
  border-top: 1px solid var(--rule-dark);
}

body.blog-post-page .context-related__item span{ color: var(--brand-blue); font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
body.blog-post-page .context-related__item strong{ font-size: 17px; line-height: 1.28; }
body.blog-post-page .context-related__item i{ position: absolute; top: 18px; right: 0; color: var(--brand-blue); font-style: normal; }
body.blog-post-page .context-related .context-panel__link{ min-height: auto !important; margin-top: 0 !important; padding: 15px 0 0 !important; color: var(--brand-blue) !important; background: transparent !important; border: 0 !important; font-size: 13px !important; }
body.blog-post-page .context-related .context-panel__link span{ color: var(--brand-blue); }

body.blog-post-page .context-newsletter{ color: var(--brand-mint); background: var(--brand-navy); border-color: rgba(216, 236, 209, .22); }
body.blog-post-page .context-newsletter > p{ color: var(--brand-acid); }
body.blog-post-page .context-newsletter h2{ color: var(--brand-mint); }
body.blog-post-page .context-newsletter > span{ color: rgba(216, 236, 209, .7); }
body.blog-post-page .context-newsletter form{ margin-top: 20px; display: grid; gap: 9px; }
body.blog-post-page .context-newsletter label{ color: rgba(216, 236, 209, .66); font-size: 14px; }
body.blog-post-page .context-newsletter input{ width: 100%; min-height: 50px; padding: 0 13px; color: var(--brand-navy); background: var(--brand-soft); border: 1px solid rgba(216, 236, 209, .38); font-size: 16px; }
body.blog-post-page .context-newsletter button{ width: 100%; margin-top: 0; color: var(--brand-navy); background: var(--brand-acid); border-color: var(--brand-acid); cursor: pointer; }
body.blog-post-page .context-newsletter button b{ color: var(--brand-navy); }
body.blog-post-page .context-newsletter small{ color: rgba(216, 236, 209, .54); font-size: 12px; line-height: 1.4; }

body.blog-post-page .context-zena{ color: var(--brand-mint); background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat; border-color: rgba(216, 236, 209, .22); }
body.blog-post-page .context-zena img{ width: calc(100% + 48px); max-width: none; margin: -24px -24px 22px; display: block; aspect-ratio: 16 / 10; object-fit: cover; border-bottom: 1px solid rgba(216, 236, 209, .22); }
body.blog-post-page .context-zena > p{ color: var(--brand-acid); }
body.blog-post-page .context-zena h2{ color: var(--brand-mint); }
body.blog-post-page .context-zena > span{ color: rgba(216, 236, 209, .73); }

body.blog-post-page .context-service{ background: var(--brand-acid); border-color: rgba(0, 44, 77, .24); }
body.blog-post-page .context-service > p{ color: var(--brand-ink); }

body.blog-post-page .related-notes{
  padding: clamp(72px, 8vw, 116px) var(--page-gutter);
  color: var(--brand-mint);
  background: var(--brand-navy);
  border-top: 1px solid var(--rule-light);
}

body.blog-post-page .related-notes > header{
  margin-bottom: 48px;
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr) auto;
  gap: 34px;
  align-items: end;
}

body.blog-post-page .related-notes > header p{ margin: 0; color: var(--brand-acid); font-size: 14px !important; line-height: 1.4 !important; letter-spacing: .1em; }
body.blog-post-page .related-notes h2{ margin: 0; color: var(--brand-mint); font: 400 clamp(38px, 4.4vw, 58px)/.96 var(--font-display); letter-spacing: -.035em; }
body.blog-post-page .related-notes > header > a{ color: var(--brand-mint); font-size: 14px; font-weight: 680; letter-spacing: .06em; }
body.blog-post-page .related-notes > header > a span{ color: var(--brand-acid); }

body.blog-post-page .related-notes__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--rule-light);
  border-left: 1px solid var(--rule-light);
}

body.blog-post-page .related-note{ min-width: 0; border-right: 1px solid var(--rule-light); border-bottom: 1px solid var(--rule-light); }
body.blog-post-page .related-note a{ height: 100%; display: flex; flex-direction: column; color: var(--brand-mint); }
body.blog-post-page .related-note img{ width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-bottom: 1px solid var(--rule-light); transition: filter 360ms var(--ease-out); }
body.blog-post-page .related-note a:hover img{ filter: saturate(1.15) brightness(1.04); }
body.blog-post-page .related-note div{ flex: 1; padding: 25px; display: flex; flex-direction: column; align-items: flex-start; }
body.blog-post-page .related-note span{ color: var(--brand-acid); font-size: 12px; font-weight: 700; letter-spacing: .1em; }
body.blog-post-page .related-note h3{ margin: 17px 0 30px; color: var(--brand-mint); font: 400 clamp(24px, 2.3vw, 32px)/1.04 var(--font-display); letter-spacing: -.025em; }
body.blog-post-page .related-note b{ margin-top: auto; color: rgba(216, 236, 209, .67); font-size: 13px; letter-spacing: .07em; }
body.blog-post-page .related-note b i{ color: var(--brand-acid); font-style: normal; }

body.blog-post-page .article-close{
  min-height: 430px;
  padding: clamp(64px, 7vw, 98px) var(--page-gutter);
  display: grid;
  grid-template-columns: minmax(160px, .3fr) minmax(0, 1fr) minmax(220px, .3fr);
  gap: clamp(38px, 6vw, 86px);
  align-items: center;
  color: var(--brand-navy);
  background: var(--brand-acid);
}

body.blog-post-page .article-close > p{ align-self: start; margin: 0; font-size: 14px !important; line-height: 1.4 !important; font-weight: 720; letter-spacing: .1em; }
body.blog-post-page .article-close h2{ max-width: 15ch; margin: 0; color: var(--brand-navy); font: 400 clamp(38px, 4.7vw, 60px)/.96 var(--font-display); letter-spacing: -.035em; }
body.blog-post-page .article-close div p{ max-width: 55ch; margin: 24px 0 0; }
body.blog-post-page .article-close > a{ min-height: 58px; padding: 0 19px; display: flex; align-items: center; justify-content: space-between; color: var(--brand-mint); background: var(--brand-navy); border: 1px solid var(--brand-navy); font-size: 14px; font-weight: 720; letter-spacing: .08em; text-transform: uppercase; }
body.blog-post-page .article-close > a span{ color: var(--brand-acid); font-size: 19px; }

@media (max-width: 1080px){
  body.blog-post-page .article-hero{ grid-template-columns: minmax(0, 1fr) minmax(380px, .78fr); }
  body.blog-post-page .article-close{ grid-template-columns: minmax(0, 1fr) minmax(220px, .35fr); }
  body.blog-post-page .article-close > p{ grid-column: 1 / -1; }
}

@media (max-width: 1320px) and (min-width: 1101px){
  body.blog-post-page .article-reading-grid{ grid-template-columns: 290px minmax(0, 1fr); }
  body.blog-post-page .article-main{ border-right: 0; }
  body.blog-post-page .article-context{ grid-column: 2; padding: 46px 0 0 clamp(28px, 2.6vw, 46px); grid-template-columns: repeat(2, minmax(0, 1fr)); border-left: 1px solid var(--rule-dark); }
}

@media (max-width: 1100px){
  body.blog-post-page .article-hero{ min-height: auto; grid-template-columns: 1fr; }
  body.blog-post-page .article-hero__media{ border-top: 1px solid var(--rule-light); border-left: 0; }
  body.blog-post-page .article-reading-grid{ grid-template-columns: 1fr; }
  body.blog-post-page .article-rail{ padding-right: 0; border-bottom: 1px solid var(--rule-dark); }
  body.blog-post-page .article-rail__inner{ position: static; }
  body.blog-post-page .article-rail nav{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
  body.blog-post-page .article-share{ margin: 24px 0 30px; grid-template-columns: auto auto 1fr; align-items: center; }
  body.blog-post-page .article-share > span{ margin: 0; }
  body.blog-post-page .article-main{ padding: 0; border: 0; }
  body.blog-post-page .article-context{ padding: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 0; }
  body.blog-post-page .related-notes > header{ grid-template-columns: 1fr auto; }
  body.blog-post-page .related-notes > header p{ grid-column: 1 / -1; }
  body.blog-post-page .related-notes__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.blog-post-page .related-note:first-child{ grid-column: 1 / -1; }
}

@media (max-width: 660px){
  body.blog-post-page .article-hero__copy{ padding: 54px 20px 48px; }
  body.blog-post-page .article-breadcrumbs{ margin-bottom: 34px; }
  body.blog-post-page .article-hero h1{ font-size: clamp(36px, 10.5vw, 48px); }
  body.blog-post-page .article-deck{ margin-top: 22px; }
  body.blog-post-page .article-meta{ margin-top: 34px; grid-template-columns: 1fr; }
  body.blog-post-page .article-meta div{ padding: 14px 0; grid-template-columns: 98px 1fr; border-right: 0; border-bottom: 1px solid rgba(216, 236, 209, .2); }
  body.blog-post-page .article-meta div + div{ padding-left: 0; }
  body.blog-post-page .article-meta div:last-child{ border-bottom: 0; }
  body.blog-post-page .article-hero__media{ padding: 28px 20px; }
  body.blog-post-page .article-reading-grid{ padding: 64px 20px 72px; gap: 48px; }
  body.blog-post-page .article-rail nav{ max-height: 320px; min-height: 0; overflow-y: auto; grid-template-columns: 1fr; scrollbar-width: thin; }
  body.blog-post-page .article-share{ grid-template-columns: 1fr 1fr; }
  body.blog-post-page .article-share > span{ grid-column: 1 / -1; }
  body.blog-post-page .article-copy{ font-size: 20px; }
  body.blog-post-page .article-copy p{ font-size: 20px !important; line-height: 1.65 !important; }
  body.blog-post-page .article-copy li{ font-size: 20px; }
  body.blog-post-page .article-copy h2{ margin-top: 58px; font-size: clamp(32px, 9.4vw, 40px); }
  body.blog-post-page .article-copy h3{ margin-top: 42px; font-size: clamp(26px, 7.6vw, 32px); }
  body.blog-post-page .article-copy .article-table-hint{ margin: 28px 0 10px; display: block; color: rgba(0,44,77,.68); font-size: 13px !important; line-height: 1.4 !important; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
  body.blog-post-page .article-copy .article-table-hint + .article-table-scroll{ margin-top: 0; }
  body.blog-post-page .article-copy table{ display: block; overflow-x: auto; }
  body.blog-post-page .article-copy blockquote{ padding: 24px 22px; }
  body.blog-post-page .article-byline{ grid-template-columns: 1fr; }
  body.blog-post-page .article-byline > img{ width: 100%; height: auto; aspect-ratio: 4 / 3; }
  body.blog-post-page .article-context{ grid-template-columns: 1fr; }
  body.blog-post-page .related-notes{ padding: 64px 20px; }
  body.blog-post-page .related-notes > header{ grid-template-columns: 1fr; }
  body.blog-post-page .related-notes__grid{ grid-template-columns: 1fr; }
  body.blog-post-page .related-note:first-child{ grid-column: auto; }
  body.blog-post-page .article-close{ min-height: auto; padding: 64px 20px; grid-template-columns: 1fr; }
}

/* Author profile and article archive */

body.author-page{ overflow-x: clip; color: var(--brand-navy); background: var(--brand-mint); }
body.author-page::before{ display: none; }

body.author-page .author-hero{
  position: relative;
  min-height: 760px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
  color: var(--brand-mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  border-bottom: 1px solid var(--rule-light);
  overflow: hidden;
}

body.author-page .author-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(216,236,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.055) 1px,transparent 1px);
  background-size: 58px 58px;
}

body.author-page .author-hero__copy,body.author-page .author-hero figure{ position: relative; z-index: 1; }

body.author-page .author-hero__copy{
  padding: clamp(66px, 7vw, 108px) var(--page-gutter);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.author-page .author-hero__copy nav{ margin-bottom: 46px; display: flex; flex-wrap: wrap; gap: 9px; color: rgba(216,236,209,.52); font-size: 14px; }
body.author-page .author-hero__copy nav a{ color: rgba(216,236,209,.8); }
body.author-page .author-hero__copy nav b{ color: var(--brand-mint); font-weight: 600; }
body.author-page .author-hero__copy > p{ margin: 0 0 22px; color: var(--brand-acid); font-size: 14px !important; line-height: 1.4 !important; font-weight: 720; letter-spacing: .12em; }
body.author-page .author-hero h1{ margin: 0; color: var(--brand-mint); font: 400 clamp(62px, 7vw, 104px)/.88 var(--font-display); letter-spacing: -.052em; }
body.author-page .author-hero__copy > strong{ max-width: 30ch; margin-top: 30px; color: rgba(216,236,209,.78); font-size: clamp(22px,2vw,30px); line-height: 1.3; font-weight: 430; }

body.author-page .author-hero__facts{ margin-top: 50px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--rule-light); }
body.author-page .author-hero__facts span{ padding: 18px 18px 0 0; display: grid; gap: 6px; border-right: 1px solid var(--rule-light); font-size: 16px; font-weight: 650; }
body.author-page .author-hero__facts span + span{ padding-left: 18px; }
body.author-page .author-hero__facts span:last-child{ border-right: 0; }
body.author-page .author-hero__facts small{ color: rgba(216,236,209,.48); font-size: 12px; letter-spacing: .09em; }

body.author-page .author-hero figure{ margin: 0; padding: clamp(34px,5vw,74px); display: flex; flex-direction: column; justify-content: center; border-left: 1px solid var(--rule-light); }
body.author-page .author-hero figure img{ width: 100%; max-height: 580px; display: block; object-fit: cover; object-position: 50% 30%; border: 1px solid rgba(216,236,209,.27); }
body.author-page .author-hero figcaption{ min-height: 60px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; color: var(--brand-mint); border: 1px solid rgba(216,236,209,.27); border-top: 0; font-size: 13px; letter-spacing: .08em; }
body.author-page .author-hero figcaption span{ color: var(--brand-acid); }

body.author-page .author-story{
  padding: clamp(80px,9vw,132px) var(--page-gutter);
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,.8fr) minmax(240px,.45fr);
  gap: clamp(42px,6vw,92px);
  color: var(--brand-navy);
  background: var(--brand-soft);
  border-bottom: 1px solid var(--rule-dark);
}

body.author-page .author-story > div:first-child > p,body.author-page .author-notes header > div > p,body.author-page .author-close > p{ margin: 0 0 22px; color: var(--brand-blue); font-size: 14px !important; line-height: 1.4 !important; font-weight: 720; letter-spacing: .11em; }
body.author-page .author-story h2{ max-width: 14ch; margin: 0; color: var(--brand-navy); font: 400 clamp(40px,4.7vw,64px)/.96 var(--font-display); letter-spacing: -.038em; }
body.author-page .author-story > div:nth-child(2) p{ margin: 0 0 25px; color: rgba(0,44,77,.8); }
body.author-page .author-story nav{ margin-top: 34px; display: grid; gap: 8px; }
body.author-page .author-story nav a{ min-height: 54px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; color: var(--brand-mint); background: var(--brand-navy); border: 1px solid var(--brand-navy); font-size: 14px; font-weight: 700; letter-spacing: .06em; }
body.author-page .author-story nav a:first-child{ color: var(--brand-navy); background: transparent; }
body.author-page .author-story nav a span{ color: var(--brand-acid); font-size: 18px; }
body.author-page .author-story nav a:first-child span{ color: var(--brand-blue); }
body.author-page .author-story dl{ margin: 0; border-top: 1px solid var(--rule-dark); }
body.author-page .author-story dl div{ min-height: 76px; display: grid; grid-template-columns: 34px 1fr; gap: 14px; align-items: center; border-bottom: 1px solid var(--rule-dark); }
body.author-page .author-story dt{ color: var(--brand-blue); font-size: 12px; font-weight: 700; letter-spacing: .08em; }
body.author-page .author-story dd{ margin: 0; font-size: 17px; font-weight: 650; line-height: 1.35; }

body.author-page .author-notes{ color: var(--brand-navy); background: var(--brand-mint); }
body.author-page .author-notes > header{ min-height: 370px; padding: clamp(72px,8vw,112px) var(--page-gutter); display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,.42fr); gap: 60px; align-items: end; border-bottom: 1px solid var(--rule-dark); }
body.author-page .author-notes h2{ margin: 0; color: var(--brand-navy); font: 400 clamp(48px,5.5vw,74px)/.9 var(--font-display); letter-spacing: -.045em; }
body.author-page .author-notes > header > p{ max-width: 52ch; margin: 0; color: rgba(0,44,77,.72); }
body.author-page .author-notes__grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-left: 1px solid var(--rule-dark); }
body.author-page .author-note{ min-width: 0; border-right: 1px solid var(--rule-dark); border-bottom: 1px solid var(--rule-dark); }
body.author-page .author-note a{ height: 100%; display: flex; flex-direction: column; color: var(--brand-navy); }
body.author-page .author-note img{ width: 100%; display: block; aspect-ratio: 16/10; object-fit: cover; border-bottom: 1px solid var(--rule-dark); }
body.author-page .author-note > a > div{ flex: 1; padding: clamp(24px,3vw,38px); display: flex; flex-direction: column; align-items: flex-start; }
body.author-page .author-note div > p{ width: 100%; margin: 0 0 21px; display: grid; grid-template-columns: 28px auto 1fr; gap: 12px; color: var(--brand-blue); font-size: 12px !important; line-height: 1.4 !important; letter-spacing: .08em; }
body.author-page .author-note div > p time{ justify-self: end; color: rgba(0,44,77,.48); }
body.author-page .author-note h3{ margin: 0; color: var(--brand-navy); font: 400 clamp(27px,2.5vw,36px)/1.02 var(--font-display); letter-spacing: -.03em; }
body.author-page .author-note div > span{ margin: 19px 0 28px; color: rgba(0,44,77,.7); font-size: 18px; line-height: 1.5; }
body.author-page .author-note div > strong{ margin-top: auto; color: var(--brand-blue); font-size: 13px; letter-spacing: .07em; }
body.author-page .author-note div > strong i{ font-style: normal; }

body.author-page .author-close{ min-height: 460px; padding: clamp(70px,8vw,108px) var(--page-gutter); display: grid; grid-template-columns: minmax(170px,.3fr) minmax(0,1fr) minmax(220px,.3fr); gap: clamp(38px,6vw,86px); align-items: center; color: var(--brand-navy); background: var(--brand-acid); }
body.author-page .author-close > p{ align-self: start; color: var(--brand-ink); }
body.author-page .author-close h2{ max-width: 14ch; margin: 0; color: var(--brand-navy); font: 400 clamp(40px,4.9vw,64px)/.95 var(--font-display); letter-spacing: -.038em; }
body.author-page .author-close div p{ max-width: 55ch; margin: 25px 0 0; }
body.author-page .author-close > a{ min-height: 58px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; color: var(--brand-mint); background: var(--brand-navy); border: 1px solid var(--brand-navy); font-size: 14px; font-weight: 720; letter-spacing: .07em; text-transform: uppercase; }
body.author-page .author-close > a span{ color: var(--brand-acid); font-size: 19px; }

@media (max-width: 1000px){
  body.author-page .author-hero{ grid-template-columns: minmax(0,1fr) minmax(360px,.7fr); }
  body.author-page .author-story{ grid-template-columns: 1fr 1fr; }
  body.author-page .author-story dl{ grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,1fr); border-left: 1px solid var(--rule-dark); }
  body.author-page .author-story dl div{ padding: 0 18px; border-right: 1px solid var(--rule-dark); }
  body.author-page .author-notes__grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.author-page .author-close{ grid-template-columns: 1fr minmax(220px,.35fr); }
  body.author-page .author-close > p{ grid-column: 1/-1; }
}

@media (max-width: 700px){
  body.author-page .author-hero{ min-height: auto; grid-template-columns: 1fr; }
  body.author-page .author-hero__copy{ padding: 54px 20px; }
  body.author-page .author-hero__copy nav{ margin-bottom: 34px; }
  body.author-page .author-hero h1{ font-size: clamp(54px,16vw,72px); }
  body.author-page .author-hero__facts{ grid-template-columns: 1fr; }
  body.author-page .author-hero__facts span,body.author-page .author-hero__facts span+span{ padding: 14px 0; grid-template-columns: 120px 1fr; border-right: 0; border-bottom: 1px solid var(--rule-light); }
  body.author-page .author-hero figure{ padding: 28px 20px 44px; border-top: 1px solid var(--rule-light); border-left: 0; }
  body.author-page .author-story{ padding: 68px 20px; grid-template-columns: 1fr; }
  body.author-page .author-story dl{ grid-column: auto; grid-template-columns: 1fr; }
  body.author-page .author-notes > header{ min-height: auto; padding: 66px 20px; grid-template-columns: 1fr; }
  body.author-page .author-notes__grid{ grid-template-columns: 1fr; }
  body.author-page .author-close{ min-height: auto; padding: 66px 20px; grid-template-columns: 1fr; }
}

/* Portfolio page */

body.portfolio-page{
  overflow-x: clip;
  color: var(--brand-navy);
  background: var(--brand-mint);
}

body.portfolio-page::before{ display: none; }

body.portfolio-page .portfolio-hero{
  position: relative;
  min-height: calc(100svh - var(--header-height));
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  grid-template-rows: 1fr auto;
  color: var(--brand-mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  border-bottom: 1px solid var(--rule-light);
  overflow: hidden;
}

body.portfolio-page .portfolio-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(216, 236, 209, .065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 236, 209, .065) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .86));
}

body.portfolio-page .portfolio-hero__copy{
  position: relative;
  z-index: 3;
  align-self: center;
  padding: clamp(72px, 8vw, 118px) clamp(28px, 5vw, 76px) clamp(58px, 7vw, 96px);
}

body.portfolio-page .portfolio-kicker{
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--brand-acid);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: .13em;
}

body.portfolio-page .portfolio-kicker img{ width: 28px; height: 28px; }

body.portfolio-page .portfolio-breadcrumbs{
  margin: 34px 0 14px;
  color: rgba(216, 236, 209, .62);
  font-size: 14px !important;
  line-height: 1.4 !important;
}

body.portfolio-page .portfolio-breadcrumbs a{ color: var(--brand-mint); }

body.portfolio-page .portfolio-hero h1{
  max-width: 10.8ch;
  margin: 0;
  color: var(--brand-mint);
  font: 400 clamp(52px, 5.7vw, 80px) / .9 var(--font-display);
  letter-spacing: -.045em;
  text-wrap: balance;
}

body.portfolio-page .portfolio-hero h1 em,body.portfolio-page .work-index__heading h2 em,body.portfolio-page .product-studio__heading h2 em,body.portfolio-page .portfolio-close h2 em{
  color: var(--brand-acid);
  font-style: normal;
}

body.portfolio-page .portfolio-hero__copy > p:last-of-type{
  max-width: 62ch;
  margin: 30px 0 0;
  color: rgba(216, 236, 209, .78);
}

body.portfolio-page .portfolio-hero__actions{
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}

body.portfolio-page .portfolio-hero__actions a{
  min-height: 54px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  color: var(--brand-ink);
  background: var(--brand-acid);
  border: 1px solid var(--brand-acid);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .08em;
}

body.portfolio-page .portfolio-hero__actions a + a{
  color: var(--brand-mint);
  background: transparent;
  border-color: rgba(216, 236, 209, .36);
}

body.portfolio-page .portfolio-hero__actions a span{ font-size: 20px; }

body.portfolio-page .portfolio-hero__stage{
  position: relative;
  z-index: 2;
  min-height: 650px;
  display: grid;
  place-items: center;
  border-left: 1px solid var(--rule-light);
  overflow: hidden;
}

body.portfolio-page .portfolio-hero__stage::before,body.portfolio-page .portfolio-hero__stage::after{
  content: "";
  position: absolute;
  background: rgba(216, 236, 209, .14);
  pointer-events: none;
}

body.portfolio-page .portfolio-hero__stage::before{ width: 1px; height: 100%; left: 50%; top: 0; }
body.portfolio-page .portfolio-hero__stage::after{ width: 100%; height: 1px; left: 0; top: 50%; }

body.portfolio-page .portfolio-hero__screen{
  position: absolute;
  z-index: 3;
  width: min(76%, 760px);
  margin: 0;
  background: var(--brand-deep);
  border: 1px solid rgba(216, 236, 209, .28);
  box-shadow: 0 34px 80px rgba(1, 20, 54, .42);
}

body.portfolio-page .portfolio-hero__screen img{
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: top;
}

body.portfolio-page .portfolio-hero__screen--primary{ transform: translate3d(0, -1%, 0); }

body.portfolio-page .portfolio-hero__screen--left,body.portfolio-page .portfolio-hero__screen--right{
  z-index: 2;
  width: min(48%, 470px);
  opacity: .38;
  filter: saturate(.42);
}

body.portfolio-page .portfolio-hero__screen--left{ left: -15%; transform: translate3d(0, 27%, 0) rotate(-4deg); }
body.portfolio-page .portfolio-hero__screen--right{ right: -16%; transform: translate3d(0, -32%, 0) rotate(4deg); }

body.portfolio-page .portfolio-hero__screen figcaption{
  min-height: 50px;
  padding: 0 15px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 15px;
  border-top: 1px solid rgba(216, 236, 209, .2);
  font-size: 12px;
  letter-spacing: .1em;
}

body.portfolio-page .portfolio-hero__screen figcaption span,body.portfolio-page .portfolio-hero__screen figcaption small{ color: rgba(216, 236, 209, .58); }
body.portfolio-page .portfolio-hero__screen figcaption strong{ color: var(--brand-acid); font-weight: 650; }

body.portfolio-page .portfolio-hero__orbit{
  position: absolute;
  z-index: 1;
  width: min(74vw, 740px);
  aspect-ratio: 1;
  border: 1px solid rgba(231, 255, 0, .16);
  border-radius: 50%;
  pointer-events: none;
}

body.portfolio-page .portfolio-hero__orbit--two{ width: min(58vw, 570px); border-color: rgba(216, 236, 209, .1); }

body.portfolio-page .portfolio-hero__ledger{
  position: relative;
  z-index: 4;
  grid-column: 1 / -1;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--rule-light);
  background: rgba(1, 33, 69, .32);
}

body.portfolio-page .portfolio-hero__ledger > div{
  min-height: 78px;
  padding: 18px clamp(22px, 4vw, 54px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-right: 1px solid var(--rule-light);
}

body.portfolio-page .portfolio-hero__ledger > div:last-child{ border-right: 0; }
body.portfolio-page .portfolio-hero__ledger dt{ color: rgba(216, 236, 209, .55); font-size: 12px; letter-spacing: .12em; }
body.portfolio-page .portfolio-hero__ledger dd{ margin: 0; color: var(--brand-acid); font-size: 14px; font-weight: 650; letter-spacing: .06em; text-align: right; }

body.portfolio-page .work-index{
  color: var(--brand-navy);
  background: var(--brand-mint);
}

body.portfolio-page .work-index__heading{
  min-height: 500px;
  padding: clamp(74px, 8vw, 120px) var(--page-gutter);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(290px, .5fr);
  align-items: end;
  gap: clamp(40px, 7vw, 100px);
  border-bottom: 1px solid var(--rule-dark);
}

body.portfolio-page .work-index__heading .portfolio-kicker{ margin-bottom: 30px; color: var(--brand-blue); }

body.portfolio-page .work-index__heading h2,body.portfolio-page .product-studio__heading h2,body.portfolio-page .portfolio-close h2{
  max-width: 13ch;
  margin: 0;
  color: var(--brand-navy);
  font: 400 clamp(46px, 5.2vw, 70px) / .91 var(--font-display);
  letter-spacing: -.042em;
}

body.portfolio-page .work-index__heading h2 em{ color: var(--brand-blue); }

body.portfolio-page .work-index__heading > p{
  max-width: 65ch;
  margin: 0;
  color: rgba(0, 44, 77, .72);
}

body.portfolio-page .work-index__browser{
  display: grid;
  grid-template-columns: minmax(420px, .92fr) minmax(560px, 1.08fr);
  align-items: start;
}

body.portfolio-page .work-preview{
  position: sticky;
  top: var(--header-height);
  height: calc(100svh - var(--header-height));
  min-height: 650px;
  padding: clamp(28px, 4vw, 58px);
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  overflow: hidden;
}

body.portfolio-page .work-preview::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(216, 236, 209, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 236, 209, .07) 1px, transparent 1px);
  background-size: 44px 44px;
  pointer-events: none;
}

body.portfolio-page .work-preview > a{
  position: relative;
  z-index: 2;
  align-self: center;
  display: block;
  border: 1px solid rgba(216, 236, 209, .3);
  box-shadow: 0 32px 70px rgba(1, 20, 54, .38);
  overflow: hidden;
}

body.portfolio-page .work-preview > a::before{
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border: 1px solid rgba(231, 255, 0, .28);
  opacity: 0;
  transform: scale(.96);
  transition: opacity 380ms var(--ease-out), transform 520ms var(--ease-out);
  pointer-events: none;
}

body.portfolio-page .work-preview > a:hover::before,body.portfolio-page .work-preview > a:focus-visible::before{ opacity: 1; transform: scale(1); }

body.portfolio-page .work-preview img{
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: top;
  transition: opacity 180ms var(--ease-out), transform 700ms var(--ease-out);
}

body.portfolio-page .work-preview.is-changing img{ opacity: .18; transform: scale(.985); }

body.portfolio-page .work-preview__signal{
  position: absolute;
  z-index: 2;
  right: 14px;
  bottom: 14px;
  min-height: 46px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  color: var(--brand-ink);
  background: var(--brand-acid);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
}

body.portfolio-page .work-preview__meta{
  position: relative;
  z-index: 2;
  padding-top: 30px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: end;
  gap: 30px;
  color: var(--brand-mint);
}

body.portfolio-page .work-preview__meta > span{ color: var(--brand-acid); font-size: 13px; letter-spacing: .12em; }
body.portfolio-page .work-preview__meta > div{ display: flex; align-items: end; justify-content: space-between; gap: 20px; }
body.portfolio-page .work-preview__meta strong{ font: 400 clamp(36px, 4vw, 58px) / .9 var(--font-display); letter-spacing: -.035em; }
body.portfolio-page .work-preview__meta small{ max-width: 22ch; color: rgba(216, 236, 209, .55); font-size: 11px; line-height: 1.4; letter-spacing: .1em; text-align: right; }

body.portfolio-page .work-list{
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 1px solid var(--rule-dark);
}

body.portfolio-page .work-list > li{ margin: 0; border-bottom: 1px solid var(--rule-dark); }

body.portfolio-page .work-row{
  position: relative;
  min-height: 132px;
  padding: 24px clamp(22px, 3.6vw, 52px);
  display: grid;
  grid-template-columns: minmax(210px, .85fr) minmax(180px, 1fr) auto;
  align-items: center;
  gap: clamp(14px, 2vw, 30px);
  color: var(--brand-navy);
  overflow: hidden;
}

body.portfolio-page .work-row::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--brand-soft);
  opacity: 0;
  transform: scaleX(.96);
  transform-origin: right center;
  transition: opacity 360ms var(--ease-out), transform 520ms var(--ease-out);
  pointer-events: none;
}

body.portfolio-page .work-row > *{ position: relative; z-index: 1; }
body.portfolio-page .work-row:hover::before,body.portfolio-page .work-row:focus-visible::before,body.portfolio-page .work-row.is-active::before{ opacity: 1; transform: scaleX(1); }

body.portfolio-page .work-row > span{ color: var(--brand-blue); font-size: 13px; letter-spacing: .1em; }
body.portfolio-page .work-row > div{ display: grid; gap: 7px; }
body.portfolio-page .work-row strong{ font: 400 clamp(25px, 2vw, 33px) / 1 var(--font-display); letter-spacing: -.02em; }
body.portfolio-page .work-row small{ color: rgba(0, 44, 77, .52); font-size: 11px; line-height: 1.35; letter-spacing: .1em; }
body.portfolio-page .work-row > p{ margin: 0; color: rgba(0, 44, 77, .66); font-size: 14px !important; line-height: 1.45 !important; letter-spacing: .04em; }
body.portfolio-page .work-row > i{ color: var(--brand-blue); font-style: normal; font-size: 18px; }
body.portfolio-page .work-row--case-study > i{ display: inline-flex; align-items: center; gap: 10px; }
body.portfolio-page .work-row--case-study > i b{ font-family: var(--font-body); font-size: 9px; font-style: normal; font-weight: 760; letter-spacing: .1em; opacity: 0; transform: translateX(7px); transition: opacity 240ms var(--ease-out), transform 320ms var(--ease-out); }
body.portfolio-page .work-row--case-study:hover > i b,body.portfolio-page .work-row--case-study:focus-visible > i b,body.portfolio-page .work-row--case-study.is-active > i b{ opacity: 1; transform: translateX(0); }
body.portfolio-page .work-row--archived{ cursor: default; }
body.portfolio-page .work-row--archived > i{ font-size: 10px; font-weight: 700; letter-spacing: .08em; }
body.portfolio-page .work-row > img{ display: none; }

body.portfolio-page .product-studio{
  color: var(--brand-mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  border-top: 1px solid var(--rule-light);
}

body.portfolio-page .product-studio__heading{
  padding: clamp(82px, 9vw, 128px) var(--page-gutter);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(270px, .42fr);
  gap: clamp(40px, 7vw, 100px);
  align-items: end;
  border-bottom: 1px solid var(--rule-light);
}

body.portfolio-page .product-studio__heading .portfolio-kicker{ grid-column: 1 / -1; margin-bottom: 14px; }
body.portfolio-page .product-studio__heading h2{ color: var(--brand-mint); }
body.portfolio-page .product-studio__heading > p{ max-width: 65ch; margin: 0; color: rgba(216, 236, 209, .74); }

body.portfolio-page .product-studio__rail{ display: grid; grid-template-columns: repeat(3, 1fr); }

body.portfolio-page .product-studio__rail > a{
  min-height: 280px;
  padding: clamp(28px, 4vw, 54px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
  column-gap: 22px;
  border-right: 1px solid var(--rule-light);
  color: var(--brand-mint);
}

body.portfolio-page .product-studio__rail > a:last-child{ border-right: 0; }
body.portfolio-page .product-studio__rail > a > span{ color: var(--brand-acid); font-size: 13px; letter-spacing: .1em; }
body.portfolio-page .product-studio__rail > a > div{ grid-column: 1 / -1; align-self: center; }
body.portfolio-page .product-studio__rail strong{ display: block; font: 400 clamp(38px, 4vw, 58px) / .9 var(--font-display); letter-spacing: -.035em; }
body.portfolio-page .product-studio__rail p{ margin: 14px 0 0; color: rgba(216, 236, 209, .66); }
body.portfolio-page .product-studio__rail small{ align-self: end; color: var(--brand-acid); font-size: 11px; line-height: 1.3; letter-spacing: .1em; }
body.portfolio-page .product-studio__rail i{ align-self: end; color: var(--brand-acid); font-size: 20px; font-style: normal; }

body.portfolio-page .portfolio-close{
  min-height: 540px;
  padding: clamp(72px, 8vw, 116px) var(--page-gutter);
  display: grid;
  grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(34px, 5vw, 74px);
  color: var(--brand-navy);
  background: var(--brand-acid);
}

body.portfolio-page .portfolio-close__signal{ align-self: start; display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 700; letter-spacing: .1em; }
body.portfolio-page .portfolio-close__signal img{ width: 28px; }
body.portfolio-page .portfolio-close h2{ max-width: 14ch; }
body.portfolio-page .portfolio-close h2 em{ color: var(--brand-blue); }
body.portfolio-page .portfolio-close p{ max-width: 62ch; margin: 26px 0 0; }

body.portfolio-page .portfolio-close > a{
  min-width: 230px;
  min-height: 62px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  color: var(--brand-mint);
  background: var(--brand-navy);
  border: 1px solid var(--brand-navy);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .09em;
}

body.portfolio-page .portfolio-close > a span{ font-size: 22px; }

@media (max-width: 1100px){
  body.portfolio-page .portfolio-hero{ grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr); }
  body.portfolio-page .portfolio-hero__stage{ min-height: 610px; }
  body.portfolio-page .work-index__browser{ grid-template-columns: minmax(380px, .82fr) minmax(480px, 1.18fr); }
  body.portfolio-page .work-row{ grid-template-columns: minmax(190px, 1fr) auto; }
  body.portfolio-page .work-row > p{ grid-column: 1; margin-top: -8px; }
  body.portfolio-page .work-row > i{ grid-column: 2; grid-row: 1 / 3; }
  body.portfolio-page .work-row--case-study > i b{ opacity: 1; transform: none; }
  body.portfolio-page .portfolio-close{ grid-template-columns: minmax(0, 1fr) auto; }
  body.portfolio-page .portfolio-close__signal{ grid-column: 1 / -1; }
}

@media (max-width: 900px){
  body.portfolio-page .portfolio-hero{
    min-height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  body.portfolio-page .portfolio-hero__copy{ padding-bottom: 56px; }
  body.portfolio-page .portfolio-hero__stage{ min-height: 600px; border-top: 1px solid var(--rule-light); border-left: 0; }
  body.portfolio-page .portfolio-hero__screen{ width: min(78%, 680px); }
  body.portfolio-page .portfolio-hero__ledger{ grid-column: 1; }
  body.portfolio-page .portfolio-hero__ledger > div{ padding-inline: 24px; }

  body.portfolio-page .work-index__heading{ min-height: 460px; grid-template-columns: 1fr; }
  body.portfolio-page .work-index__heading > p{ max-width: 60ch; }

  body.portfolio-page .work-index__browser{ display: block; }
  body.portfolio-page .work-preview{ display: none; }
  body.portfolio-page .work-list{ border-left: 0; }
  body.portfolio-page .work-row{
    min-height: 0;
    padding: 30px 24px 36px;
    grid-template-columns: minmax(0, 1fr) auto;
  }
  body.portfolio-page .work-row > p{ grid-column: 1; }
  body.portfolio-page .work-row > img{
    grid-column: 1 / -1;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-top: 12px;
    object-fit: cover;
    object-position: top;
    border: 1px solid rgba(0, 44, 77, .2);
  }

  body.portfolio-page .product-studio__heading{ grid-template-columns: 1fr; }
  body.portfolio-page .product-studio__rail{ grid-template-columns: 1fr; }
  body.portfolio-page .product-studio__rail > a{ min-height: 230px; border-right: 0; border-bottom: 1px solid var(--rule-light); }
  body.portfolio-page .product-studio__rail > a:last-child{ border-bottom: 0; }
}

@media (max-width: 640px){
  body.portfolio-page .portfolio-hero__copy{ padding: 58px 20px 48px; }
  body.portfolio-page .portfolio-breadcrumbs{ margin-top: 28px; }
  body.portfolio-page .portfolio-hero h1{ font-size: clamp(44px, 13vw, 58px); }
  body.portfolio-page .portfolio-hero__copy > p:last-of-type{ margin-top: 24px; }
  body.portfolio-page .portfolio-hero__actions{ display: grid; grid-template-columns: 1fr; gap: 8px; }
  body.portfolio-page .portfolio-hero__actions a{ width: 100%; }

  body.portfolio-page .portfolio-hero__stage{ min-height: 410px; }
  body.portfolio-page .portfolio-hero__screen{ width: 86%; }
  body.portfolio-page .portfolio-hero__screen--left,body.portfolio-page .portfolio-hero__screen--right{ display: none; }
  body.portfolio-page .portfolio-hero__screen figcaption{ min-height: 44px; grid-template-columns: auto 1fr; }
  body.portfolio-page .portfolio-hero__screen figcaption small{ display: none; }
  body.portfolio-page .portfolio-hero__orbit--one{ width: 124vw; }
  body.portfolio-page .portfolio-hero__orbit--two{ width: 94vw; }

  body.portfolio-page .portfolio-hero__ledger{ grid-template-columns: 1fr; }
  body.portfolio-page .portfolio-hero__ledger > div{ min-height: 66px; border-right: 0; border-bottom: 1px solid var(--rule-light); }
  body.portfolio-page .portfolio-hero__ledger > div:last-child{ border-bottom: 0; }

  body.portfolio-page .work-index__heading{ min-height: auto; padding: 66px 20px; }
  body.portfolio-page .work-index__heading h2,body.portfolio-page .product-studio__heading h2,body.portfolio-page .portfolio-close h2{ font-size: clamp(40px, 11.5vw, 52px); }

  body.portfolio-page .work-row{ padding-inline: 20px; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
  body.portfolio-page .work-row strong{ font-size: 27px; }
  body.portfolio-page .work-row > p{ font-size: 13px !important; }
  body.portfolio-page .work-row > i{ font-size: 16px; }

  body.portfolio-page .product-studio__heading{ padding: 66px 20px; }
  body.portfolio-page .product-studio__rail > a{ padding: 30px 20px; }
  body.portfolio-page .product-studio__rail strong{ font-size: 42px; }

  body.portfolio-page .portfolio-close{ min-height: auto; padding: 66px 20px; grid-template-columns: 1fr; align-items: start; }
  body.portfolio-page .portfolio-close > a{ width: 100%; }
}

@media (prefers-reduced-motion: no-preference){
  body.portfolio-page .portfolio-hero__screen--primary{ animation: portfolio-float 8s var(--ease-out) infinite alternate; }
  body.portfolio-page .portfolio-hero__orbit--one{ animation: portfolio-orbit 28s linear infinite; }
  body.portfolio-page .portfolio-hero__orbit--two{ animation: portfolio-orbit 34s linear infinite reverse; }
}

@keyframes portfolio-float{
  from { transform: translate3d(0, -2%, 0); }
  to { transform: translate3d(0, 2%, 0); }
}

@keyframes portfolio-orbit{
  to { transform: rotate(360deg); }
}

/* Service-detail foundation */

@font-face{font-family:NewBlack;src:url('/assets/brand/fonts/NewBlackTypeface-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Acumin;src:url('/assets/brand/fonts/Acumin Variable Concept.ttf') format('truetype');font-display:swap}
body.service-detail-page{--deep:#051d43;--navy:#002c4d;--ink:#012145;--blue:#3376b0;--sky:#52b4d4;--yellow:#e7ff00;--mint:#d8ecd1;--soft:#eef8ea;--dark-line:rgba(1,33,69,.18);--light-line:rgba(216,236,209,.22);--gradient:url('/assets/brand/fictora-gradient.svg');--ease:cubic-bezier(.22,1,.36,1);--header-height:112px}
body.service-detail-page *{box-sizing:border-box}html:has(body.service-detail-page){scroll-behavior:smooth;scroll-padding-top:var(--header-height);background:var(--deep)}body.service-detail-page{margin:0;overflow-x:hidden;color:var(--ink);background:var(--soft);font-family:Acumin,Arial,sans-serif}body.service-detail-page a{color:inherit}body.service-detail-page .authority-skip{position:fixed;z-index:1000;left:14px;top:14px;padding:12px 16px;color:var(--ink);background:var(--yellow);font-size:10px;letter-spacing:.1em;transform:translateY(-180%)}body.service-detail-page .authority-skip:focus{transform:none}body.service-detail-page .authority-header{position:sticky;z-index:500;top:0;color:var(--mint);background:var(--deep) var(--gradient) center top/cover no-repeat;box-shadow:0 1px rgba(216,236,209,.2)}body.service-detail-page .authority-recognition{height:36px;overflow:hidden;display:flex;align-items:center;color:var(--ink);background:var(--yellow);border-bottom:1px solid rgba(1,33,69,.24)}body.service-detail-page .authority-recognition-track{width:max-content;display:flex;align-items:center;animation:authority-marquee 30s linear infinite}body.service-detail-page .authority-recognition span{padding:0 18px;white-space:nowrap;font:600 12px/1 NewBlack,sans-serif;letter-spacing:.07em}body.service-detail-page .authority-recognition img{width:14px;height:14px}body.service-detail-page .authority-nav-shell{height:76px;display:grid;grid-template-columns:220px 1fr 190px;align-items:stretch;border-bottom:1px solid var(--light-line)}body.service-detail-page .authority-logo{padding:0 22px;display:flex;align-items:center;gap:13px;border-right:1px solid var(--light-line);font:400 15px/1 NewBlack,sans-serif;letter-spacing:.06em;text-decoration:none}body.service-detail-page .authority-logo img{width:30px}body.service-detail-page .authority-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.4vw,42px)}body.service-detail-page .authority-nav a{position:relative;padding:29px 0 24px;font-size:10px;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}body.service-detail-page .authority-nav a::after{content:"";position:absolute;left:0;bottom:20px;width:100%;height:1px;background:var(--yellow);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}body.service-detail-page .authority-nav a:hover::after,body.service-detail-page .authority-nav a:focus-visible::after,body.service-detail-page .authority-nav a[aria-current]::after{transform:scaleX(1);transform-origin:left}body.service-detail-page .authority-cta{padding:0 18px;display:flex;align-items:center;justify-content:center;gap:28px;color:var(--ink);background:var(--yellow);font-size:10px;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}body.service-detail-page .authority-cta span{font-size:20px;transition:transform .3s var(--ease)}body.service-detail-page .authority-cta:hover span,body.service-detail-page .authority-cta:focus-visible span{transform:translate(3px,-3px)}body.service-detail-page .authority-mobile-menu{display:none}body.service-detail-page .authority-section{position:relative}body.service-detail-page .authority-dark{color:var(--mint);background:var(--deep) var(--gradient) center/cover no-repeat}body.service-detail-page .authority-light{color:var(--ink);background:linear-gradient(rgba(1,33,69,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(1,33,69,.05) 1px,transparent 1px),linear-gradient(145deg,var(--soft),var(--mint) 62%,rgba(82,180,212,.68) 150%);background-size:48px 48px,48px 48px,auto}body.service-detail-page .authority-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(82,180,212,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(82,180,212,.09) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 96%);pointer-events:none}body.service-detail-page .authority-section-label{display:flex;align-items:center;gap:14px;font-size:9px;font-weight:650;letter-spacing:.15em}body.service-detail-page .authority-section-label>span{color:var(--blue)}body.service-detail-page .authority-dark .authority-section-label>span{color:var(--yellow)}body.service-detail-page .authority-section-label p{margin:0}body.service-detail-page .authority-section-heading{padding:clamp(60px,7vw,106px) clamp(24px,5vw,76px);display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1fr) minmax(260px,.5fr);align-items:end;gap:clamp(28px,4vw,64px);border-bottom:1px solid currentColor}body.service-detail-page .authority-section-heading>.authority-section-label{align-self:start}body.service-detail-page .authority-section-heading h2{margin:0;font:400 clamp(48px,5.4vw,86px)/.85 NewBlack,sans-serif;letter-spacing:-.045em}body.service-detail-page .authority-section-heading>p{max-width:29rem;margin:0;color:rgba(216,236,209,.7);font-size:16px;line-height:1.55}body.service-detail-page .compact-heading{grid-template-columns:minmax(190px,.42fr) minmax(0,1fr)}body.service-detail-page .authority-hero{min-height:calc(100svh - var(--header-height));display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);overflow:hidden}body.service-detail-page .authority-hero-copy{position:relative;z-index:2;padding:clamp(54px,6vw,94px) clamp(24px,5vw,76px);display:flex;flex-direction:column;justify-content:center}body.service-detail-page .authority-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;color:rgba(216,236,209,.48);font-size:8px;letter-spacing:.1em}body.service-detail-page .authority-breadcrumbs a{text-decoration:none}body.service-detail-page .authority-eyebrow{margin:clamp(44px,7vh,76px) 0 22px;color:var(--yellow);font-size:10px;font-weight:650;letter-spacing:.14em}body.service-detail-page .authority-hero h1{max-width:9ch;margin:0;font:400 clamp(64px,7.2vw,116px)/.78 NewBlack,sans-serif;letter-spacing:-.055em}body.service-detail-page .authority-hero h1 em{color:var(--yellow);font-style:normal}body.service-detail-page .authority-lede{max-width:57rem;margin:30px 0 0;color:rgba(216,236,209,.76);font-size:clamp(17px,1.35vw,21px);line-height:1.55}body.service-detail-page .authority-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}body.service-detail-page .authority-button{min-height:50px;padding:0 17px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid rgba(216,236,209,.3);font-size:9px;letter-spacing:.11em;text-decoration:none;transition:transform .3s var(--ease),background-color .3s var(--ease)}body.service-detail-page .authority-button:hover,body.service-detail-page .authority-button:focus-visible{transform:translateY(-3px);outline:0}body.service-detail-page .authority-button-primary{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}body.service-detail-page .authority-button-primary:hover,body.service-detail-page .authority-button-primary:focus-visible{background:var(--mint)}body.service-detail-page .authority-hero-panel{position:relative;z-index:2;padding:clamp(30px,4vw,58px);display:grid;grid-template-rows:auto 1fr auto;border-left:1px solid var(--light-line);background:rgba(1,33,69,.26)}body.service-detail-page .authority-hero-panel>header{display:flex;justify-content:space-between;gap:18px;color:rgba(216,236,209,.48);font-size:7px;letter-spacing:.13em}body.service-detail-page .authority-hero-panel>header b{display:flex;align-items:center;gap:8px;color:rgba(216,236,209,.7);font-weight:500}body.service-detail-page .authority-hero-panel>header i{width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow)}body.service-detail-page .search-orbit{position:relative;width:min(24vw,310px);align-self:center;justify-self:center;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(231,255,0,.42);border-radius:50%}body.service-detail-page .search-orbit::before,body.service-detail-page .search-orbit::after,body.service-detail-page .search-orbit>span{content:"";position:absolute;border-radius:50%;border:1px solid rgba(216,236,209,.18)}body.service-detail-page .search-orbit::before{inset:14%}body.service-detail-page .search-orbit::after{inset:28%}body.service-detail-page .search-orbit>span:nth-child(1){inset:-11%;border-style:dashed;animation:authority-orbit 22s linear infinite}body.service-detail-page .search-orbit>span:nth-child(1)::after{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 11px var(--yellow)}body.service-detail-page .search-orbit>span:nth-child(2){left:50%;top:-16%;bottom:-16%;width:1px;border:0;background:rgba(216,236,209,.16);border-radius:0}body.service-detail-page .search-orbit>span:nth-child(3){top:50%;left:-16%;right:-16%;height:1px;border:0;background:rgba(216,236,209,.16);border-radius:0}body.service-detail-page .search-orbit img{width:26%;filter:drop-shadow(0 0 16px rgba(231,255,0,.65))}body.service-detail-page .authority-hero-panel dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--light-line)}body.service-detail-page .authority-hero-panel dl>div{min-height:78px;padding:15px;border-right:1px solid var(--light-line);display:grid;grid-template-columns:auto 1fr;align-content:center;gap:5px 10px}body.service-detail-page .authority-hero-panel dl>div:last-child{border-right:0}body.service-detail-page .authority-hero-panel dt{grid-row:1/3;color:var(--yellow);font-size:7px}body.service-detail-page .authority-hero-panel dd{margin:0;font:400 15px/1 NewBlack,sans-serif}body.service-detail-page .authority-hero-panel small{color:rgba(216,236,209,.45);font-size:7px}body.service-detail-page .authority-single{padding:clamp(60px,8vw,122px) clamp(24px,5vw,76px);display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);border-bottom:1px solid var(--dark-line)}body.service-detail-page .authority-single>.authority-section-label{align-self:start}body.service-detail-page .authority-single-copy h2{max-width:19ch;margin:0;font:400 clamp(46px,5vw,80px)/.9 NewBlack,sans-serif;letter-spacing:-.04em}body.service-detail-page .authority-prose-columns{max-width:76rem;margin-top:clamp(40px,5vw,70px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px)}body.service-detail-page .authority-prose-columns p{margin:0;color:rgba(1,33,69,.73);font-size:clamp(17px,1.3vw,20px);line-height:1.62}body.service-detail-page .authority-evidence{border-bottom:1px solid var(--dark-line)}body.service-detail-page .authority-three-column{display:grid;grid-template-columns:repeat(3,1fr)}body.service-detail-page .authority-metrics article{min-height:390px;padding:clamp(34px,4vw,62px);display:flex;flex-direction:column;border-right:1px solid var(--dark-line)}body.service-detail-page .authority-metrics article:last-child{border-right:0}body.service-detail-page .authority-metrics article>span{font:400 clamp(68px,7vw,110px)/.8 NewBlack,sans-serif;color:var(--blue);letter-spacing:-.05em}body.service-detail-page .authority-metrics h3{margin:auto 0 18px;font:400 clamp(22px,2vw,32px)/.92 NewBlack,sans-serif}body.service-detail-page .authority-metrics p{max-width:30rem;margin:0;color:rgba(1,33,69,.68);font-size:16px;line-height:1.55}body.service-detail-page .authority-service-system{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);border-bottom:1px solid var(--dark-line)}body.service-detail-page .authority-service-intro{min-height:100svh;padding:clamp(52px,6vw,88px) clamp(24px,5vw,76px);display:flex;flex-direction:column;position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));border-right:1px solid var(--dark-line)}body.service-detail-page .authority-service-intro h2{max-width:12ch;margin:auto 0 24px;font:400 clamp(50px,5.4vw,84px)/.84 NewBlack,sans-serif;letter-spacing:-.05em}body.service-detail-page .authority-service-intro>p{max-width:29rem;margin:0 0 34px;color:rgba(1,33,69,.7);font-size:17px;line-height:1.55}body.service-detail-page .authority-text-link{width:max-content;padding-bottom:8px;display:flex;gap:28px;border-bottom:1px solid currentColor;font-size:9px;letter-spacing:.12em;text-decoration:none}body.service-detail-page .authority-service-list{padding:clamp(24px,3vw,52px)}body.service-detail-page .authority-service-list article{min-height:185px;padding:clamp(28px,3vw,46px) 0;display:grid;grid-template-columns:62px 1fr;border-top:1px solid var(--dark-line)}body.service-detail-page .authority-service-list article:last-child{border-bottom:1px solid var(--dark-line)}body.service-detail-page .authority-service-list article>span{color:var(--blue);font-size:9px;letter-spacing:.12em}body.service-detail-page .authority-service-list h3{margin:0;font:400 clamp(25px,2.3vw,37px)/.95 NewBlack,sans-serif;letter-spacing:-.025em}body.service-detail-page .authority-service-list p{max-width:65ch;margin:20px 0 0;color:rgba(1,33,69,.7);font-size:16px;line-height:1.58}body.service-detail-page .authority-comparison{border-bottom:1px solid var(--light-line)}body.service-detail-page .comparison-columns article{min-height:590px;padding:clamp(36px,4vw,62px);display:flex;flex-direction:column;border-right:1px solid var(--light-line)}body.service-detail-page .comparison-columns article:last-child{border-right:0}body.service-detail-page .comparison-columns header{display:flex;justify-content:space-between;color:rgba(216,236,209,.48);font-size:8px;letter-spacing:.13em}body.service-detail-page .comparison-columns header span{color:var(--yellow)}body.service-detail-page .comparison-columns h3{margin:clamp(70px,10vh,120px) 0 25px;color:var(--yellow);font:400 clamp(76px,8vw,128px)/.78 NewBlack,sans-serif;letter-spacing:-.05em}body.service-detail-page .comparison-columns p{margin:0;color:rgba(216,236,209,.7);font-size:16px;line-height:1.58}body.service-detail-page .comparison-columns dl{margin:auto 0 0;border-top:1px solid var(--light-line)}body.service-detail-page .comparison-columns dl>div{min-height:58px;display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:15px;border-bottom:1px solid var(--light-line)}body.service-detail-page .comparison-columns dt{color:rgba(216,236,209,.4);font-size:7px;letter-spacing:.12em}body.service-detail-page .comparison-columns dd{margin:0;font-size:12px}body.service-detail-page .authority-split{padding:clamp(60px,8vw,120px) clamp(24px,5vw,76px);display:grid;grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);gap:clamp(48px,7vw,110px);border-bottom:1px solid var(--dark-line)}body.service-detail-page .authority-split-heading h2{max-width:10ch;margin:clamp(70px,10vh,120px) 0 0;font:400 clamp(52px,5.7vw,90px)/.84 NewBlack,sans-serif;letter-spacing:-.05em}body.service-detail-page .authority-split-content{padding-top:40px;border-top:1px solid var(--dark-line)}body.service-detail-page .authority-large-copy{margin:0;font:400 clamp(28px,2.8vw,44px)/1.06 NewBlack,sans-serif;letter-spacing:-.025em}body.service-detail-page .language-paths{margin:clamp(42px,5vw,68px) 0;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--dark-line)}body.service-detail-page .language-paths article{min-height:235px;padding:30px;border-right:1px solid var(--dark-line)}body.service-detail-page .language-paths article:last-child{border-right:0}body.service-detail-page .language-paths span{color:var(--blue);font-size:9px}body.service-detail-page .language-paths h3{margin:55px 0 15px;font:400 25px/1 NewBlack,sans-serif}body.service-detail-page .language-paths p,body.service-detail-page .authority-split-content>p:last-child{margin:0;color:rgba(1,33,69,.7);font-size:16px;line-height:1.58}body.service-detail-page .authority-difference{border-bottom:1px solid var(--dark-line)}body.service-detail-page .difference-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr}body.service-detail-page .difference-grid article{min-height:330px;padding:clamp(32px,4vw,58px);border-right:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}body.service-detail-page .difference-grid article:nth-child(3),body.service-detail-page .difference-grid article:nth-child(5){border-right:0}body.service-detail-page .difference-lead{grid-row:span 2;display:flex;flex-direction:column;background:rgba(1,33,69,.9);color:var(--mint)}body.service-detail-page .difference-lead img{width:46px}body.service-detail-page .difference-lead>span{margin:30px 0 auto;color:var(--yellow);font-size:8px;letter-spacing:.14em}body.service-detail-page .difference-grid h3{margin:65px 0 18px;font:400 clamp(24px,2.35vw,38px)/.94 NewBlack,sans-serif;letter-spacing:-.03em}body.service-detail-page .difference-lead h3{margin-top:36px;font-size:clamp(38px,4vw,64px)}body.service-detail-page .difference-grid p{max-width:39rem;margin:0;color:rgba(1,33,69,.7);font-size:15px;line-height:1.55}body.service-detail-page .difference-lead p{color:rgba(216,236,209,.7)}body.service-detail-page .difference-grid article>span:not(.difference-lead span){color:var(--blue);font-size:9px}body.service-detail-page .authority-industries{border-bottom:1px solid var(--dark-line)}body.service-detail-page .industry-columns article{min-height:440px;padding:clamp(34px,4vw,60px);display:flex;flex-direction:column;border-right:1px solid var(--dark-line)}body.service-detail-page .industry-columns article:last-child{border-right:0}body.service-detail-page .industry-columns>article>span{color:var(--blue);font-size:9px}body.service-detail-page .industry-columns h3{margin:70px 0 20px;font:400 clamp(34px,3.5vw,54px)/.9 NewBlack,sans-serif}body.service-detail-page .industry-columns p{margin:0;color:rgba(1,33,69,.7);font-size:16px;line-height:1.58}body.service-detail-page .industry-columns a{width:max-content;margin-top:auto;padding-top:30px;font-size:8px;letter-spacing:.11em;text-decoration:none}body.service-detail-page .authority-process{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);border-bottom:1px solid var(--dark-line)}body.service-detail-page .authority-process-intro{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));padding:clamp(52px,6vw,88px) clamp(24px,5vw,76px);display:flex;flex-direction:column;border-right:1px solid var(--dark-line)}body.service-detail-page .authority-process-intro h2{max-width:11ch;margin:auto 0 24px;font:400 clamp(49px,5vw,80px)/.85 NewBlack,sans-serif;letter-spacing:-.05em}body.service-detail-page .authority-process-intro>p{max-width:31rem;margin:0 0 34px;color:rgba(1,33,69,.7);font-size:17px;line-height:1.55}body.service-detail-page .authority-process-list{margin:0;padding:clamp(24px,3vw,52px);list-style:none;counter-reset:process}body.service-detail-page .authority-process-list li{min-height:235px;padding:clamp(32px,4vw,58px) 0;display:grid;grid-template-columns:62px 1fr;border-top:1px solid var(--dark-line)}body.service-detail-page .authority-process-list li:last-child{border-bottom:1px solid var(--dark-line)}body.service-detail-page .authority-process-list li>span{color:var(--blue);font-size:9px}body.service-detail-page .authority-process-list h3{margin:0;font:400 clamp(29px,2.7vw,43px)/.94 NewBlack,sans-serif}body.service-detail-page .authority-process-list p{max-width:62ch;margin:20px 0;color:rgba(1,33,69,.7);font-size:16px;line-height:1.58}body.service-detail-page .authority-process-list small{color:var(--blue);font-size:8px;letter-spacing:.12em}body.service-detail-page .authority-faq{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr);align-items:start}body.service-detail-page .authority-faq-main{padding:clamp(52px,6vw,88px) clamp(24px,5vw,76px)}body.service-detail-page .authority-faq-main>header{display:grid;grid-template-columns:190px 1fr;gap:40px;margin-bottom:60px}body.service-detail-page .authority-faq-main h2{max-width:15ch;margin:0;font:400 clamp(43px,4.7vw,74px)/.87 NewBlack,sans-serif;letter-spacing:-.045em}body.service-detail-page .authority-faq-list details{border-top:1px solid var(--dark-line)}body.service-detail-page .authority-faq-list details:last-child{border-bottom:1px solid var(--dark-line)}body.service-detail-page .authority-faq-list summary{min-height:86px;display:grid;grid-template-columns:40px 1fr 30px;align-items:center;gap:16px;list-style:none;cursor:pointer}body.service-detail-page .authority-faq-list summary::-webkit-details-marker{display:none}body.service-detail-page .authority-faq-list summary span{color:var(--blue);font-size:8px}body.service-detail-page .authority-faq-list summary strong{font:400 clamp(16px,1.3vw,21px)/1.12 NewBlack,sans-serif}body.service-detail-page .authority-faq-list summary i{position:relative;width:28px;height:28px;border:1px solid var(--dark-line);border-radius:50%}body.service-detail-page .authority-faq-list summary i::before,body.service-detail-page .authority-faq-list summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .3s var(--ease)}body.service-detail-page .authority-faq-list summary i::after{transform:translate(-50%,-50%) rotate(90deg)}body.service-detail-page .authority-faq-list details[open] summary i::after{transform:translate(-50%,-50%)}body.service-detail-page .authority-faq-list details>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}body.service-detail-page .authority-faq-list details>div>p{min-height:0;overflow:hidden}body.service-detail-page .authority-faq-list details[open]>div{grid-template-rows:1fr}body.service-detail-page .authority-faq-list p{max-width:65ch;margin:0;padding:0 45px 28px 56px;color:rgba(1,33,69,.7);font-size:15px;line-height:1.58}body.service-detail-page .authority-contact-panel{position:sticky;top:var(--header-height);min-height:calc(100svh - var(--header-height));padding:clamp(44px,5vw,72px);display:flex;flex-direction:column;color:var(--mint);background:var(--deep) var(--gradient) center/cover no-repeat}body.service-detail-page .authority-contact-panel>img{width:44px}body.service-detail-page .authority-contact-panel>span{margin:28px 0 auto;color:var(--yellow);font-size:8px;letter-spacing:.15em}body.service-detail-page .authority-contact-panel h2{margin:52px 0 24px;font:400 clamp(41px,4vw,62px)/.85 NewBlack,sans-serif;letter-spacing:-.045em}body.service-detail-page .authority-contact-panel>p{margin:0 0 32px;color:rgba(216,236,209,.7);font-size:16px;line-height:1.55}body.service-detail-page .authority-contact-panel .authority-button{width:100%}body.service-detail-page .authority-contact-panel dl{margin:38px 0 0;border-top:1px solid var(--light-line)}body.service-detail-page .authority-contact-panel dl>div{min-height:54px;display:grid;grid-template-columns:.7fr 1fr;align-items:center;border-bottom:1px solid var(--light-line)}body.service-detail-page .authority-contact-panel dt{color:rgba(216,236,209,.4);font-size:7px;letter-spacing:.12em}body.service-detail-page .authority-contact-panel dd{margin:0;font-size:11px}body.service-detail-page .authority-contact-panel dd a{text-decoration:none}body.service-detail-page .authority-footer{padding:clamp(52px,7vw,94px) clamp(24px,5vw,76px) 24px;display:grid;grid-template-columns:1.2fr 1fr 1fr .9fr;gap:clamp(28px,4vw,64px);color:var(--mint);background:var(--deep);border-top:1px solid var(--light-line)}body.service-detail-page .authority-footer-brand>a{display:flex;align-items:center;gap:14px;font:400 20px/1 NewBlack,sans-serif;letter-spacing:.05em;text-decoration:none}body.service-detail-page .authority-footer-brand img{width:38px}body.service-detail-page .authority-footer-brand p{max-width:26rem;margin:25px 0;color:rgba(216,236,209,.62);font-size:14px;line-height:1.55}body.service-detail-page .authority-footer-brand small{color:var(--yellow);font-size:7px;letter-spacing:.14em}body.service-detail-page .authority-footer nav,body.service-detail-page .authority-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px}body.service-detail-page .authority-footer nav strong,body.service-detail-page .authority-footer-contact strong{margin-bottom:9px;color:rgba(216,236,209,.42);font-size:8px;letter-spacing:.15em}body.service-detail-page .authority-footer nav a,body.service-detail-page .authority-footer-contact a,body.service-detail-page .authority-footer-contact span{color:rgba(216,236,209,.75);font-size:12px;line-height:1.4;text-decoration:none}body.service-detail-page .authority-footer nav a:hover,body.service-detail-page .authority-footer-contact a:hover{color:var(--yellow)}body.service-detail-page .authority-footer-base{grid-column:1/-1;margin-top:50px;padding-top:22px;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--light-line);color:rgba(216,236,209,.4);font-size:8px;letter-spacing:.11em}body.service-detail-page .authority-footer-base span:nth-child(2){text-align:center}body.service-detail-page .authority-footer-base a{justify-self:end;color:var(--yellow);text-decoration:none}@keyframes authority-marquee{to{transform:translateX(-50%)}}@keyframes authority-orbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){body.service-detail-page .authority-nav{gap:18px}body.service-detail-page .authority-section-heading{grid-template-columns:1fr 1fr}body.service-detail-page .authority-section-heading>.authority-section-label{grid-column:1/-1}body.service-detail-page .authority-hero{grid-template-columns:1fr 42%}body.service-detail-page .authority-hero h1{font-size:clamp(62px,8vw,92px)}body.service-detail-page .authority-service-system,body.service-detail-page .authority-process{grid-template-columns:42% 58%}body.service-detail-page .difference-grid{grid-template-columns:1fr 1fr}body.service-detail-page .difference-lead{grid-column:1/-1;grid-row:auto}body.service-detail-page .difference-grid article:nth-child(n){border-right:1px solid var(--dark-line)}body.service-detail-page .difference-grid article:nth-child(odd):not(.difference-lead){border-right:0}body.service-detail-page .authority-faq{grid-template-columns:1fr 40%}body.service-detail-page .authority-footer{grid-template-columns:1.2fr repeat(3,1fr)}}
@media(max-width:760px){body.service-detail-page{--header-height:100px}body.service-detail-page .authority-recognition{height:34px}body.service-detail-page .authority-recognition span{padding-inline:14px;font-size:10px}body.service-detail-page .authority-recognition img{width:12px}body.service-detail-page .authority-nav-shell{height:66px;grid-template-columns:1fr 128px 64px}body.service-detail-page .authority-logo{padding-inline:20px;border-right:0}body.service-detail-page .authority-logo span{font-size:14px}body.service-detail-page .authority-nav{display:none}body.service-detail-page .authority-cta{padding:0 10px;gap:6px;font-size:8px;text-align:center}body.service-detail-page .authority-cta span{font-size:16px}body.service-detail-page .authority-mobile-menu{position:relative;display:block}body.service-detail-page .authority-mobile-menu summary{height:66px;display:grid;place-items:center;border-left:1px solid var(--light-line);font-size:8px;letter-spacing:.1em;list-style:none;cursor:pointer}body.service-detail-page .authority-mobile-menu summary::-webkit-details-marker{display:none}body.service-detail-page .authority-mobile-menu nav{position:absolute;right:0;top:66px;width:min(86vw,330px);padding:18px;display:grid;color:var(--mint);background:var(--deep);border:1px solid var(--light-line)}body.service-detail-page .authority-mobile-menu nav a{min-height:46px;display:flex;align-items:center;border-bottom:1px solid var(--light-line);font-size:11px;letter-spacing:.1em;text-decoration:none}body.service-detail-page .authority-section-heading,body.service-detail-page .compact-heading{padding:48px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:36px}body.service-detail-page .authority-section-heading h2{font-size:43px;line-height:.9}body.service-detail-page .authority-hero{min-height:auto;display:block}body.service-detail-page .authority-hero-copy{min-height:690px;padding:46px 20px}body.service-detail-page .authority-eyebrow{margin-top:58px}body.service-detail-page .authority-hero h1{font-size:clamp(57px,16vw,72px)}body.service-detail-page .authority-lede{font-size:17px}body.service-detail-page .authority-actions{display:grid}body.service-detail-page .authority-button{width:100%}body.service-detail-page .authority-hero-panel{min-height:580px;padding:28px 20px;border-left:0;border-top:1px solid var(--light-line)}body.service-detail-page .search-orbit{width:240px}body.service-detail-page .authority-hero-panel dl>div{padding:9px}body.service-detail-page .authority-hero-panel dd{font-size:12px}body.service-detail-page .authority-single{padding:54px 20px;display:block}body.service-detail-page .authority-single-copy h2{margin-top:48px;font-size:42px}body.service-detail-page .authority-prose-columns{display:block;margin-top:36px}body.service-detail-page .authority-prose-columns p+ p{margin-top:24px}body.service-detail-page .authority-three-column{display:block}body.service-detail-page .authority-metrics article{min-height:315px;padding:44px 20px;border-right:0;border-bottom:1px solid var(--dark-line)}body.service-detail-page .authority-metrics article>span{font-size:76px}body.service-detail-page .authority-metrics h3{margin-top:auto}body.service-detail-page .authority-service-system,body.service-detail-page .authority-process{display:block}body.service-detail-page .authority-service-intro,body.service-detail-page .authority-process-intro{position:relative;top:auto;height:auto;min-height:620px;padding:48px 20px;border-right:0;border-bottom:1px solid var(--dark-line)}body.service-detail-page .authority-service-intro h2,body.service-detail-page .authority-process-intro h2{margin-top:auto;font-size:52px}body.service-detail-page .authority-service-list,body.service-detail-page .authority-process-list{padding:12px 20px 50px}body.service-detail-page .authority-service-list article,body.service-detail-page .authority-process-list li{min-height:0;padding:38px 0;grid-template-columns:38px 1fr}body.service-detail-page .authority-service-list h3,body.service-detail-page .authority-process-list h3{font-size:27px}body.service-detail-page .authority-comparison .authority-section-heading>p{font-size:15px}body.service-detail-page .comparison-columns article{min-height:570px;padding:42px 20px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-detail-page .comparison-columns h3{font-size:96px}body.service-detail-page .authority-split{padding:52px 20px;display:block}body.service-detail-page .authority-split-heading h2{margin-top:70px;font-size:52px}body.service-detail-page .authority-split-content{margin-top:48px}body.service-detail-page .authority-large-copy{font-size:31px}body.service-detail-page .language-paths{display:block}body.service-detail-page .language-paths article{border-right:0;border-bottom:1px solid var(--dark-line)}body.service-detail-page .language-paths article:last-child{border-bottom:0}body.service-detail-page .difference-grid{display:block}body.service-detail-page .difference-grid article{min-height:300px;padding:42px 20px;border-right:0!important}body.service-detail-page .difference-lead{min-height:560px!important}body.service-detail-page .difference-lead h3{font-size:44px}body.service-detail-page .industry-columns article{min-height:400px;padding:44px 20px;border-right:0;border-bottom:1px solid var(--dark-line)}body.service-detail-page .industry-columns h3{font-size:43px}body.service-detail-page .authority-process-list{margin:0}body.service-detail-page .authority-faq{display:block}body.service-detail-page .authority-faq-main{padding:48px 20px}body.service-detail-page .authority-faq-main>header{display:block;margin-bottom:50px}body.service-detail-page .authority-faq-main h2{margin-top:50px;font-size:42px}body.service-detail-page .authority-faq-list summary{min-height:82px;grid-template-columns:28px 1fr 28px;gap:10px}body.service-detail-page .authority-faq-list summary strong{font-size:16px}body.service-detail-page .authority-faq-list p{padding:0 0 26px 38px}body.service-detail-page .authority-contact-panel{position:relative;top:auto;min-height:690px;padding:48px 20px}body.service-detail-page .authority-contact-panel>span{margin-top:30px}body.service-detail-page .authority-contact-panel h2{margin-top:auto;font-size:48px}body.service-detail-page .authority-footer{padding:50px 20px 22px;grid-template-columns:1fr 1fr;gap:44px 24px}body.service-detail-page .authority-footer-brand{grid-column:1/-1}body.service-detail-page .authority-footer-contact{grid-column:1/-1}body.service-detail-page .authority-footer-base{grid-template-columns:1fr;gap:13px}body.service-detail-page .authority-footer-base span:nth-child(2){text-align:left}body.service-detail-page .authority-footer-base a{justify-self:start}}
@media(prefers-reduced-motion:reduce){html:has(body.service-detail-page){scroll-behavior:auto}body.service-detail-page .authority-recognition-track,body.service-detail-page .search-orbit>span:nth-child(1){animation:none}}


body.service-detail-page .authority-kicker{margin:0 0 18px;color:rgba(216,236,209,.52);font-size:9px;letter-spacing:.12em}
body.service-detail-page .authority-hero h1{max-width:11ch;font-size:clamp(58px,6.2vw,100px);line-height:.82}
body.service-detail-page .authority-lede-group{max-width:60rem;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
body.service-detail-page .authority-lede-group .authority-lede{margin:0;font-size:clamp(15px,1.15vw,18px);line-height:1.58}
body.service-detail-page .authority-hero-visual{grid-template-rows:1fr;place-items:center}
body.service-detail-page .authority-metrics article>h3{margin:0;color:var(--blue);font:400 clamp(56px,6vw,94px)/.82 NewBlack,sans-serif;letter-spacing:-.05em}
body.service-detail-page .authority-metrics article>p{margin:auto 0 18px;color:rgba(1,33,69,.78);font-size:18px;line-height:1.48}
body.service-detail-page .authority-metrics article>small{max-width:30rem;color:rgba(1,33,69,.48);font-size:11px;line-height:1.5}
body.service-detail-page .authority-service-list article div>p+p{margin-top:12px}
body.service-detail-page .authority-service-continuation .authority-service-orbit{display:grid;place-items:center}
body.service-detail-page .authority-service-orbit .search-orbit{width:min(25vw,320px)}
body.service-detail-page .authority-table-section{border-bottom:1px solid var(--light-line)}
body.service-detail-page .authority-table-wrap{padding:clamp(28px,5vw,76px);overflow-x:auto}
body.service-detail-page .authority-table-wrap table{width:100%;border-collapse:collapse;min-width:720px}
body.service-detail-page .authority-table-wrap th,body.service-detail-page .authority-table-wrap td{padding:clamp(20px,2.5vw,38px);border:1px solid var(--light-line);text-align:left;vertical-align:top}
body.service-detail-page .authority-table-wrap th{color:var(--yellow);font:400 clamp(19px,2vw,30px)/1 NewBlack,sans-serif}
body.service-detail-page .authority-table-wrap td{color:rgba(216,236,209,.78);font-size:15px;line-height:1.5}
body.service-detail-page .authority-table-wrap td:first-child{color:var(--yellow);font-size:10px;letter-spacing:.1em}
body.service-detail-page .difference-grid-source{grid-template-columns:1.15fr 1fr 1fr}
body.service-detail-page .difference-grid-source .difference-lead{grid-row:span 1}
body.service-detail-page .difference-grid-source article:last-child{grid-column:2/4}
body.service-detail-page .industry-columns{display:grid;grid-template-columns:repeat(3,1fr)}
body.service-detail-page .industry-columns article:nth-child(3n){border-right:0}
body.service-detail-page .industry-columns article:nth-child(-n+3){border-bottom:1px solid var(--dark-line)}
body.service-detail-page .authority-process-list h2{margin:0 0 16px;color:var(--blue);font:400 clamp(42px,4vw,64px)/.8 NewBlack,sans-serif}
body.service-detail-page .authority-newsletter{border-bottom:1px solid var(--light-line)}
body.service-detail-page .authority-newsletter .authority-single-copy h3{max-width:18ch;margin:0;color:var(--mint);font:400 clamp(43px,5vw,78px)/.88 NewBlack,sans-serif;letter-spacing:-.04em}
body.service-detail-page .authority-newsletter .authority-single-copy>p{max-width:46rem;margin:34px 0 0;color:rgba(216,236,209,.7);font-size:18px;line-height:1.55}
body.service-detail-page .authority-contact-panel>h3{margin:auto 0 24px;font:400 clamp(41px,4vw,62px)/.85 NewBlack,sans-serif;letter-spacing:-.045em}
@media(max-width:760px){body.service-detail-page .authority-lede-group{grid-template-columns:1fr}body.service-detail-page .authority-hero h1{font-size:clamp(50px,13vw,66px);line-height:.84}body.service-detail-page .authority-metrics article>h3{font-size:70px}body.service-detail-page .authority-service-orbit{min-height:460px!important}body.service-detail-page .authority-service-orbit .search-orbit{width:240px}body.service-detail-page .difference-grid-source article:last-child{grid-column:auto}body.service-detail-page .industry-columns{display:block}body.service-detail-page .authority-newsletter .authority-single-copy h3{font-size:42px}body.service-detail-page .authority-contact-panel>h3{font-size:48px}}


body.service-detail-page .authority-hero h1{font-size:clamp(38px,3.25vw,52px);line-height:.9;letter-spacing:-.035em}
body.service-detail-page .authority-section-heading h2{font-size:clamp(28px,2.8vw,44px);line-height:.94;letter-spacing:-.03em}
body.service-detail-page .authority-single-copy h2{font-size:clamp(28px,2.6vw,40px);line-height:.98;letter-spacing:-.025em}
body.service-detail-page .authority-service-intro h2,body.service-detail-page .authority-process-intro h2{font-size:clamp(30px,2.8vw,44px);line-height:.94;letter-spacing:-.03em}
body.service-detail-page .authority-split-heading h2{font-size:clamp(30px,3vw,46px);line-height:.94;letter-spacing:-.03em}
body.service-detail-page .authority-faq-main h2{font-size:clamp(28px,2.5vw,40px);line-height:.96;letter-spacing:-.025em}
body.service-detail-page .authority-newsletter .authority-single-copy h3{font-size:clamp(28px,2.8vw,42px);line-height:.96;letter-spacing:-.025em}
body.service-detail-page .authority-contact-panel>h3{font-size:clamp(27px,2.3vw,36px);line-height:.96;letter-spacing:-.025em}
body.service-detail-page .authority-service-list h3,body.service-detail-page .authority-process-list h3{font-size:clamp(19px,1.45vw,25px);line-height:1}
body.service-detail-page .difference-grid h3,body.service-detail-page .difference-lead h3{font-size:clamp(21px,1.8vw,30px);line-height:1}
body.service-detail-page .industry-columns h3{font-size:clamp(24px,2vw,32px);line-height:.96}
body.service-detail-page .authority-metrics article>h3{font-size:clamp(34px,3vw,48px)}
body.service-detail-page .authority-process-list h2{font-size:clamp(28px,2.4vw,38px)}
body.service-detail-page .authority-table-wrap th{font-size:clamp(16px,1.25vw,21px)}
@media(max-width:760px){body.service-detail-page .authority-hero h1{font-size:40px;line-height:.92}body.service-detail-page .authority-section-heading h2,body.service-detail-page .authority-single-copy h2,body.service-detail-page .authority-service-intro h2,body.service-detail-page .authority-process-intro h2,body.service-detail-page .authority-split-heading h2,body.service-detail-page .authority-faq-main h2,body.service-detail-page .authority-newsletter .authority-single-copy h3{font-size:30px;line-height:.98}body.service-detail-page .authority-contact-panel>h3{font-size:28px}body.service-detail-page .authority-metrics article>h3{font-size:42px}body.service-detail-page .difference-grid h3,body.service-detail-page .difference-lead h3,body.service-detail-page .industry-columns h3{font-size:25px}}


body.service-detail-page .authority-section h1{font-size:42.068px;line-height:.92}
body.service-detail-page .authority-section h2{font-size:26px;line-height:1}
@media(max-width:760px){body.service-detail-page .authority-section h1{font-size:42.068px}body.service-detail-page .authority-section h2{font-size:26px}}
body.service-detail-page .authority-four-grid{grid-template-columns:repeat(4,1fr)}
body.service-detail-page .authority-four-grid article{min-height:390px}
body.service-detail-page .authority-four-grid article:nth-child(3n){border-right:1px solid var(--dark-line)}
body.service-detail-page .authority-four-grid article:nth-child(4n){border-right:0}
@media(max-width:1000px){body.service-detail-page .authority-four-grid{grid-template-columns:repeat(2,1fr)}body.service-detail-page .authority-four-grid article:nth-child(2n){border-right:0}body.service-detail-page .authority-four-grid article:nth-child(odd){border-right:1px solid var(--dark-line)}}
@media(max-width:760px){body.service-detail-page .authority-four-grid{display:block}body.service-detail-page .authority-four-grid article{min-height:330px;border-right:0!important}}


body.service-detail-page .workflow-authority-page .authority-hero-copy{max-width:980px}
body.service-detail-page .workflow-authority-page .authority-hero h1{max-width:15ch}
body.service-detail-page .workflow-authority-page .authority-hero .authority-lede{max-width:46rem}
body.service-detail-page .workflow-authority-page .authority-metrics article{min-height:330px}
body.service-detail-page .workflow-authority-page .authority-metrics article>h3{margin:0 0 auto}
body.service-detail-page .workflow-authority-page .authority-metrics article>p{margin-top:54px}
body.service-detail-page .workflow-service-intro{justify-content:flex-start;gap:0}
body.service-detail-page .workflow-service-intro h2{max-width:15ch;margin:42px 0 34px}
body.service-detail-page .workflow-problem{margin-top:auto;padding:26px 0 0;border-top:1px solid var(--dark-line)}
body.service-detail-page .workflow-problem>strong{display:block;margin-bottom:16px;color:var(--blue);font-size:9px;letter-spacing:.15em;text-transform:uppercase}
body.service-detail-page .workflow-problem h3{max-width:18ch;margin:0 0 20px;font:400 24px/1 NewBlack,sans-serif;letter-spacing:-.02em}
body.service-detail-page .workflow-problem p{max-width:48ch;margin:0;color:rgba(1,33,69,.7);font-size:14px;line-height:1.52}
body.service-detail-page .workflow-problem p+p{margin-top:12px}
body.service-detail-page .workflow-authority-page .authority-service-list article{min-height:240px}
body.service-detail-page .workflow-authority-page .authority-service-orbit{overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(231,255,0,.22),transparent 35%)}
body.service-detail-page .workflow-authority-page .authority-service-orbit::before,body.service-detail-page .workflow-authority-page .authority-service-orbit::after{position:absolute;color:rgba(1,33,69,.45);font-size:9px;letter-spacing:.16em}
body.service-detail-page .workflow-authority-page .authority-service-orbit::before{content:"04 / 05";top:12%;left:12%}
body.service-detail-page .workflow-authority-page .authority-service-orbit::after{content:"06 / SYSTEM OUTPUT";right:12%;bottom:12%}
body.service-detail-page .workflow-authority-page .authority-comparison .authority-section-heading{grid-template-columns:minmax(190px,.42fr) minmax(0,1fr)}
body.service-detail-page .workflow-system-columns article{min-height:510px}
body.service-detail-page .workflow-system-columns h3{margin:72px 0 18px;font-size:68px}
body.service-detail-page .workflow-system-columns h4{margin:0 0 22px;color:var(--mint);font:400 22px/1 NewBlack,sans-serif;letter-spacing:-.015em}
body.service-detail-page .workflow-system-columns p{max-width:39ch}
body.service-detail-page .workflow-authority-page .difference-grid-source{grid-template-columns:1.05fr 1fr 1fr}
body.service-detail-page .workflow-authority-page .difference-grid-source article{min-height:350px}
body.service-detail-page .workflow-authority-page .difference-grid-source article:last-child{grid-column:2/4}
body.service-detail-page .workflow-authority-page .difference-grid h2{margin:40px 0 0;color:var(--blue)}
body.service-detail-page .workflow-authority-page .difference-lead h2{color:var(--yellow)}
body.service-detail-page .workflow-authority-page .difference-grid h3{margin:22px 0 18px}
body.service-detail-page .workflow-authority-page .authority-four-grid article{min-height:330px}
body.service-detail-page .workflow-authority-page .authority-four-grid h3{margin-top:54px}
body.service-detail-page .workflow-process-intro{justify-content:flex-start;overflow:hidden}
body.service-detail-page .workflow-process-intro h2{max-width:15ch;margin:42px 0 0}
body.service-detail-page .workflow-process-signal{min-height:0;margin:auto 0 0;display:grid;place-items:center}
body.service-detail-page .workflow-process-signal .search-orbit{width:min(19vw,238px)}
body.service-detail-page .workflow-authority-page .authority-process-list li{min-height:260px}
body.service-detail-page .workflow-closing-panel{min-height:440px;align-items:center}
body.service-detail-page .workflow-closing-panel .authority-single-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:42px}
body.service-detail-page .workflow-closing-panel .authority-single-copy h3{max-width:16ch}
body.service-detail-page .workflow-closing-panel .authority-single-copy p{grid-column:1;margin-top:24px}
body.service-detail-page .workflow-closing-panel .authority-single-copy .authority-button{grid-column:2;grid-row:1/3;min-width:220px}

@media(max-width:1000px){
  body.service-detail-page .workflow-problem h3{font-size:21px}
  body.service-detail-page .workflow-problem p{font-size:13px}
  body.service-detail-page .workflow-system-columns h3{font-size:58px}
  body.service-detail-page .workflow-authority-page .authority-four-grid article{min-height:300px}
}

@media(max-width:760px){
  body.service-detail-page .workflow-authority-page .authority-hero-copy{min-height:640px}
  body.service-detail-page .workflow-authority-page .authority-hero-panel{min-height:430px}
  body.service-detail-page .workflow-authority-page .authority-metrics article{min-height:260px}
  body.service-detail-page .workflow-authority-page .authority-metrics article>p{margin-top:36px}
  body.service-detail-page .workflow-service-intro{min-height:auto;padding-block:48px}
  body.service-detail-page .workflow-service-intro h2{margin:34px 0 36px}
  body.service-detail-page .workflow-problem{margin-top:0;padding-top:24px}
  body.service-detail-page .workflow-problem h3{font-size:22px}
  body.service-detail-page .workflow-problem p{font-size:15px}
  body.service-detail-page .workflow-authority-page .authority-service-list article{min-height:0}
  body.service-detail-page .workflow-authority-page .authority-service-orbit{min-height:380px!important}
  body.service-detail-page .workflow-system-columns article{min-height:420px}
  body.service-detail-page .workflow-system-columns h3{margin-top:58px;font-size:58px}
  body.service-detail-page .workflow-system-columns h4{font-size:21px}
  body.service-detail-page .workflow-authority-page .difference-grid-source article,body.service-detail-page .workflow-authority-page .authority-four-grid article{min-height:280px}
  body.service-detail-page .workflow-authority-page .difference-grid-source article:last-child{grid-column:auto}
  body.service-detail-page .workflow-process-intro{min-height:430px}
  body.service-detail-page .workflow-process-intro h2{margin-top:34px}
  body.service-detail-page .workflow-process-signal .search-orbit{width:190px}
  body.service-detail-page .workflow-authority-page .authority-process-list li{min-height:0}
  body.service-detail-page .workflow-closing-panel{min-height:460px}
  body.service-detail-page .workflow-closing-panel .authority-single-copy{display:block;margin-top:48px}
  body.service-detail-page .workflow-closing-panel .authority-single-copy .authority-button{margin-top:34px;min-width:0}
}


body.service-detail-page .service-authority-page .authority-hero-copy{max-width:980px}
body.service-detail-page .service-authority-page .authority-hero h1{max-width:16ch;text-wrap:balance}
body.service-detail-page .service-authority-page .authority-hero .authority-lede{max-width:48rem}
body.service-detail-page .service-authority-page .authority-metrics article{min-height:330px}
body.service-detail-page .service-authority-page .authority-metrics article>h3{margin:0 0 auto}
body.service-detail-page .service-authority-page .authority-metrics article>p{margin:44px 0 0}
body.service-detail-page .service-authority-page .authority-metrics article>p+p{margin-top:12px;color:rgba(1,33,69,.5);font-size:12px}
body.service-detail-page .service-system-intro{justify-content:flex-start}
body.service-detail-page .service-system-intro h2{max-width:15ch;margin:42px 0 30px}
body.service-detail-page .service-system-intro>p{margin:0;max-width:43ch;font-size:15px;line-height:1.55}
body.service-detail-page .service-authority-page .authority-service-list article{min-height:230px}
body.service-detail-page .service-authority-page .authority-service-list p{font-size:15px}
body.service-detail-page .service-authority-page .authority-service-orbit{overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(231,255,0,.2),transparent 38%)}
body.service-detail-page .service-authority-page .authority-service-orbit::before,body.service-detail-page .service-authority-page .authority-service-orbit::after{position:absolute;color:rgba(1,33,69,.44);font-size:9px;letter-spacing:.15em}
body.service-detail-page .service-authority-page .authority-service-orbit::before{content:"INPUT / SERVICE";left:12%;top:12%}
body.service-detail-page .service-authority-page .authority-service-orbit::after{content:"OUTPUT / SYSTEM";right:12%;bottom:12%}
body.service-detail-page .service-authority-page .authority-comparison .authority-section-heading{grid-template-columns:minmax(190px,.42fr) minmax(0,1fr)}
body.service-detail-page .service-system-columns article{min-height:520px}
body.service-detail-page .service-system-columns h3{margin:70px 0 18px;font-size:64px}
body.service-detail-page .service-system-columns h4{margin:0 0 22px;color:var(--mint);font:400 22px/1 NewBlack,sans-serif;letter-spacing:-.02em}
body.service-detail-page .service-system-columns p{max-width:40ch}
body.service-detail-page .service-authority-page .compact-heading>div:last-child>p{max-width:60rem;margin:24px 0 0;color:rgba(1,33,69,.66);font-size:15px;line-height:1.55}
body.service-detail-page .service-difference-grid{grid-template-columns:1.15fr 1fr 1fr}
body.service-detail-page .service-difference-grid .difference-lead{grid-row:span 2}
body.service-detail-page .service-difference-grid article{min-height:350px}
body.service-detail-page .service-difference-grid article:last-child{grid-column:2/4}
body.service-detail-page .service-difference-grid h2{margin:38px 0 0;color:var(--blue)}
body.service-detail-page .service-difference-grid .difference-lead h2{color:var(--yellow)}
body.service-detail-page .service-difference-grid h3{margin:22px 0 18px}
body.service-detail-page .service-context-grid{display:grid;grid-template-columns:repeat(3,1fr)}
body.service-detail-page .service-context-grid article{min-height:360px;padding:clamp(32px,3.5vw,54px);border-right:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}
body.service-detail-page .service-context-grid article:nth-child(3n){border-right:0}
body.service-detail-page .service-context-grid h3{margin:52px 0 18px;font-size:24px;line-height:1}
body.service-detail-page .service-context-grid p{font-size:15px}
body.service-detail-page .service-authority-page .authority-process-intro{justify-content:flex-start;overflow:hidden}
body.service-detail-page .service-authority-page .authority-process-intro h2{max-width:15ch;margin:42px 0 0}
body.service-detail-page .service-authority-page .authority-process-intro>p{margin:26px 0 0;font-size:15px}
body.service-detail-page .service-process-orbit{min-height:0;margin:auto 0 0;display:grid;place-items:center}
body.service-detail-page .service-process-orbit .search-orbit{width:min(18vw,220px)}
body.service-detail-page .service-authority-page .authority-process-list li{min-height:220px}
body.service-detail-page .service-authority-page .authority-process-list .authority-text-link{margin-top:24px}

@media(max-width:1000px){
  body.service-detail-page .service-system-columns h3{font-size:56px}
  body.service-detail-page .service-context-grid{grid-template-columns:repeat(2,1fr)}
  body.service-detail-page .service-context-grid article:nth-child(3n){border-right:1px solid var(--dark-line)}
  body.service-detail-page .service-context-grid article:nth-child(2n){border-right:0}
}

@media(max-width:760px){
  body.service-detail-page .service-authority-page .authority-hero-copy{min-height:640px}
  body.service-detail-page .service-authority-page .authority-hero-panel{min-height:420px}
  body.service-detail-page .service-authority-page .authority-metrics article{min-height:260px}
  body.service-detail-page .service-authority-page .authority-metrics article>p{margin-top:34px}
  body.service-detail-page .service-system-intro{min-height:auto;padding-block:48px}
  body.service-detail-page .service-system-intro h2{margin:34px 0 28px}
  body.service-detail-page .service-system-intro>p{font-size:15px}
  body.service-detail-page .service-authority-page .authority-service-list article{min-height:0}
  body.service-detail-page .service-authority-page .authority-service-orbit{min-height:380px!important}
  body.service-detail-page .service-system-columns article{min-height:430px}
  body.service-detail-page .service-system-columns h3{margin-top:56px;font-size:56px}
  body.service-detail-page .service-system-columns h4{font-size:21px}
  body.service-detail-page .service-difference-grid{display:block}
  body.service-detail-page .service-difference-grid article{min-height:290px}
  body.service-detail-page .service-difference-grid article:last-child{grid-column:auto}
  body.service-detail-page .service-context-grid{display:block}
  body.service-detail-page .service-context-grid article{min-height:300px;border-right:0!important}
  body.service-detail-page .service-authority-page .authority-process-intro{min-height:440px}
  body.service-detail-page .service-authority-page .authority-process-intro h2{margin-top:34px}
  body.service-detail-page .service-process-orbit .search-orbit{width:190px}
  body.service-detail-page .service-authority-page .authority-process-list li{min-height:0}
}

/* Service-detail layout system */

/*
 * Fictora Labs — service detail page library
 * Applies the approved 10-section service architecture without changing the
 * source copy, heading order, canonical URLs, or structured data.
 */

.service-detail-page {
  --service-gutter: clamp(24px, 5vw, 76px);
  --service-rule-dark: rgba(1, 33, 69, .18);
  --service-rule-light: rgba(216, 236, 209, .2);
  --service-copy-dark: rgba(1, 33, 69, .72);
  --service-copy-light: rgba(216, 236, 209, .72);
  background: var(--soft);
}

.service-detail-page .authority-section h1 {
  font-size: 42.068px;
  line-height: .94;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.service-detail-page .authority-section h2 {
  font-size: 26px;
  line-height: 1.02;
  letter-spacing: -.02em;
  text-wrap: balance;
}

.service-detail-page .authority-section h3 {
  text-wrap: balance;
}

.service-detail-page .authority-section p {
  text-wrap: pretty;
}

/* 01 — service brief */
.service-detail-page .authority-hero {
  min-height: min(780px, calc(100svh - var(--header-height)));
  grid-template-columns: minmax(0, 1.06fr) minmax(390px, .94fr);
  background-position: center top;
}

.service-detail-page .authority-hero-copy {
  padding: clamp(54px, 6vw, 88px) var(--service-gutter);
  justify-content: center;
}

.service-detail-page .authority-breadcrumbs {
  margin: 0 0 clamp(32px, 6vh, 60px);
  color: rgba(216, 236, 209, .58);
  font-size: 10px;
  line-height: 1.4;
}

.product-brief-breadcrumb a,
.authority-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.product-brief-breadcrumb a:hover,
.product-brief-breadcrumb a:focus-visible,
.authority-breadcrumbs a:hover,
.authority-breadcrumbs a:focus-visible {
  text-decoration: underline;
  text-underline-offset: .2em;
}

.service-detail-page .authority-eyebrow,
.service-detail-page .authority-kicker {
  margin: 0 0 14px;
  color: var(--yellow);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.service-detail-page .authority-kicker {
  display: none;
}

.service-detail-page .authority-hero h1 {
  max-width: 17ch;
}

.service-detail-page .authority-lede,
.service-detail-page .authority-lede-group {
  max-width: 67ch;
  margin-top: 27px;
}

.service-detail-page .authority-lede-group {
  display: block;
}

.service-detail-page .authority-lede,
.service-detail-page .authority-lede-group .authority-lede {
  color: var(--service-copy-light);
  font-size: 16px;
  line-height: 1.62;
}

.service-detail-page .authority-lede-group .authority-lede + .authority-lede {
  margin-top: 13px;
}

.service-detail-page .authority-actions {
  margin-top: 30px;
}

.service-detail-page .authority-button {
  min-height: 52px;
  padding-inline: 19px;
  font-size: 10px;
  font-weight: 650;
}

.service-detail-page .authority-hero-panel {
  min-height: 560px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(231, 255, 0, .12), transparent 33%),
    rgba(1, 33, 69, .24);
}

.service-detail-page .authority-hero-panel::before,
.service-detail-page .authority-hero-panel::after {
  content: "";
  position: absolute;
  inset: 12% -18%;
  border: 1px solid rgba(216, 236, 209, .11);
  border-radius: 50%;
  pointer-events: none;
}

.service-detail-page .authority-hero-panel::after {
  inset: 26% -2%;
  border-style: dashed;
}

.service-detail-page .authority-hero-panel .search-orbit {
  width: min(25vw, 330px);
  z-index: 2;
}

/* 02 — outcomes */
.service-detail-page .authority-evidence {
  position: relative;
  overflow: hidden;
}

.service-detail-page .authority-evidence::before {
  content: "OUTCOMES / 01—03";
  position: absolute;
  z-index: 2;
  top: 30px;
  left: var(--service-gutter);
  color: var(--blue);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .12em;
}

.service-detail-page .authority-metrics {
  padding-top: 70px;
}

.service-detail-page .authority-metrics article {
  min-height: 280px;
  padding: clamp(34px, 4vw, 58px);
}

.service-detail-page .authority-metrics article > span,
.service-detail-page .authority-metrics article > h3 {
  margin: 0;
  color: var(--blue);
  font: 400 26px/1 NewBlack, sans-serif;
}

.service-detail-page .authority-metrics article > p {
  margin: auto 0 0;
  color: var(--service-copy-dark);
  font-size: 15px;
  line-height: 1.6;
}

.service-detail-page .authority-metrics article > p + p {
  margin-top: 12px;
  color: rgba(1, 33, 69, .48);
  font-size: 12px;
}

.service-detail-page .service-signal h3 {
  margin-top: auto;
}

/* 03–04 — connected capabilities */
.service-detail-page .authority-service-system {
  color: var(--mint);
  background: var(--deep) var(--gradient) center/cover fixed no-repeat;
  border-color: var(--service-rule-light);
}

.service-detail-page .authority-service-intro {
  min-height: calc(100svh - var(--header-height));
  height: calc(100svh - var(--header-height));
  top: var(--header-height);
  padding: clamp(52px, 6vw, 84px) var(--service-gutter);
  border-color: var(--service-rule-light);
}

.service-detail-page .authority-service-intro .authority-section-label > span,
.service-detail-page .authority-service-list article > span {
  color: var(--yellow);
}

.service-detail-page .authority-service-intro h2 {
  max-width: 16ch;
  margin: auto 0 25px;
  color: var(--mint);
}

.service-detail-page .authority-service-intro > p,
.service-detail-page .workflow-problem p {
  color: var(--service-copy-light);
  font-size: 15px;
  line-height: 1.62;
}

.service-detail-page .workflow-problem {
  border-color: var(--service-rule-light);
}

.service-detail-page .workflow-problem > strong {
  color: var(--yellow);
}

.service-detail-page .workflow-problem h3 {
  color: var(--mint);
}

.service-detail-page .authority-service-list {
  padding: 0 clamp(26px, 4vw, 60px);
}

.service-detail-page .authority-service-list article {
  min-height: 210px;
  padding: 40px 0;
  border-color: var(--service-rule-light);
  transition: padding .45s var(--ease), background-color .45s var(--ease);
}

.service-detail-page .authority-service-list article:hover,
.service-detail-page .authority-service-list article:focus-within,
.service-detail-page .authority-service-list article.is-active {
  padding-inline: 18px;
  background: rgba(82, 180, 212, .09);
}

.service-detail-page .authority-service-list h3 {
  color: var(--mint);
  font-size: 23px;
}

.service-detail-page .authority-service-list p {
  color: var(--service-copy-light);
  font-size: 15px;
  line-height: 1.62;
}

.service-detail-page .authority-service-continuation {
  border-top: 0;
}

.service-detail-page .authority-service-orbit {
  background:
    radial-gradient(circle at 50% 50%, rgba(231, 255, 0, .12), transparent 35%),
    rgba(1, 33, 69, .12);
}

.service-detail-page .authority-service-orbit::before,
.service-detail-page .authority-service-orbit::after {
  color: rgba(216, 236, 209, .52);
}

.service-detail-page .authority-service-orbit .search-orbit {
  width: min(23vw, 300px);
}

/* 05 — delivery topology */
.service-detail-page .authority-comparison,
.service-detail-page .authority-table-section {
  color: var(--ink);
  background:
    linear-gradient(rgba(1, 33, 69, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1, 33, 69, .055) 1px, transparent 1px),
    linear-gradient(145deg, var(--soft), var(--mint) 68%, rgba(82, 180, 212, .55) 155%);
  background-size: 48px 48px, 48px 48px, auto;
  border-color: var(--service-rule-dark);
}

.service-detail-page .authority-comparison .authority-section-heading,
.service-detail-page .authority-table-section .authority-section-heading {
  min-height: 250px;
  padding: 56px var(--service-gutter);
  border-color: var(--service-rule-dark);
}

.service-detail-page .authority-comparison .authority-section-label > span,
.service-detail-page .authority-table-section .authority-section-label > span {
  color: var(--blue);
}

.service-detail-page .comparison-columns article {
  min-height: 430px;
  padding: clamp(34px, 4vw, 56px);
  border-color: var(--service-rule-dark);
}

.service-detail-page .comparison-columns header,
.service-detail-page .comparison-columns p {
  color: var(--service-copy-dark);
}

.service-detail-page .comparison-columns header span,
.service-detail-page .comparison-columns h3 {
  color: var(--blue);
}

.service-detail-page .comparison-columns h3 {
  margin: 58px 0 18px;
  font-size: 54px;
}

.service-detail-page .comparison-columns h4 {
  color: var(--ink);
  font-size: 21px;
}

.service-detail-page .comparison-columns dl,
.service-detail-page .comparison-columns dl > div {
  border-color: var(--service-rule-dark);
}

.service-detail-page .comparison-columns dt {
  color: rgba(1, 33, 69, .48);
}

.service-detail-page .authority-table-wrap th,
.service-detail-page .authority-table-wrap td {
  border-color: var(--service-rule-dark);
}

.service-detail-page .authority-table-wrap th,
.service-detail-page .authority-table-wrap td:first-child {
  color: var(--blue);
}

.service-detail-page .authority-table-wrap td {
  color: var(--service-copy-dark);
}

/* 06 — why Fictora */
.service-detail-page .authority-section-heading {
  min-height: 250px;
  padding: 56px var(--service-gutter);
}

.service-detail-page .compact-heading {
  grid-template-columns: minmax(170px, .34fr) minmax(0, 1fr);
}

.service-detail-page .difference-grid article {
  min-height: 300px;
  padding: clamp(34px, 4vw, 54px);
}

.service-detail-page .difference-grid h2 {
  color: var(--blue);
}

.service-detail-page .difference-grid h3 {
  margin: 28px 0 17px;
  font-size: 23px;
}

.service-detail-page .difference-lead {
  background: var(--deep) var(--gradient) center/cover no-repeat;
}

.service-detail-page .difference-lead h2,
.service-detail-page .difference-lead h3 {
  color: var(--yellow);
}

/* 07 — market use cases */
.service-detail-page .authority-industries {
  color: var(--mint);
  background: var(--deep) var(--gradient) center/cover no-repeat;
  border-color: var(--service-rule-light);
}

.service-detail-page .authority-industries .authority-section-heading,
.service-detail-page .authority-industries .service-context-grid article {
  border-color: var(--service-rule-light);
}

.service-detail-page .authority-industries .authority-section-label > span,
.service-detail-page .authority-industries .service-context-grid article > span {
  color: var(--yellow);
}

.service-detail-page .authority-industries .compact-heading > div:last-child > p,
.service-detail-page .authority-industries .service-context-grid p {
  color: var(--service-copy-light);
}

.service-detail-page .service-context-grid article {
  min-height: 320px;
  background: rgba(1, 33, 69, .13);
  transition: background-color .4s var(--ease), transform .4s var(--ease);
}

.service-detail-page .service-context-grid article:hover {
  background: rgba(82, 180, 212, .13);
}

.service-detail-page .service-context-grid h3 {
  margin: 48px 0 18px;
  color: var(--mint);
  font-size: 22px;
}

/* 08 — connected services */
.service-detail-page .authority-process-intro {
  height: calc(100svh - var(--header-height));
  top: var(--header-height);
  padding: clamp(52px, 6vw, 84px) var(--service-gutter);
}

.service-detail-page .authority-process-intro h2 {
  max-width: 15ch;
  margin: 40px 0 0;
}

.service-detail-page .authority-process-list {
  padding: 0 clamp(26px, 4vw, 60px);
}

.service-detail-page .authority-process-list li {
  min-height: 150px;
  padding: 34px 0;
  transition: padding .4s var(--ease), background-color .4s var(--ease);
}

.service-detail-page .authority-process-list li:hover,
.service-detail-page .authority-process-list li.is-active {
  padding-inline: 18px;
  background: rgba(82, 180, 212, .08);
}

.service-detail-page .authority-process-list h3 {
  font-size: 22px;
}

.service-detail-page .authority-process-list p {
  font-size: 15px;
  line-height: 1.62;
}

/* 09 — conversion threshold */
.service-detail-page .authority-newsletter {
  min-height: 430px;
  padding-block: clamp(66px, 8vw, 110px);
  align-items: center;
}

.service-detail-page .authority-newsletter .authority-single-copy h3 {
  max-width: 28ch;
  color: var(--mint);
  font-size: 26px;
  line-height: 1.05;
}

.service-detail-page .authority-newsletter .authority-single-copy > p {
  max-width: 62ch;
  color: var(--service-copy-light);
  font-size: 16px;
}

/* 10 — answers + project contact */
.service-detail-page .authority-faq-main {
  padding: clamp(54px, 6vw, 86px) var(--service-gutter);
}

.service-detail-page .authority-faq-main > header {
  grid-template-columns: 160px 1fr;
  margin-bottom: 46px;
}

.service-detail-page .authority-faq-main h2 {
  max-width: 19ch;
}

.service-detail-page .authority-faq-list summary {
  min-height: 82px;
}

.service-detail-page .authority-faq-list summary strong {
  font-size: 17px;
  line-height: 1.3;
}

.service-detail-page .authority-contact-panel {
  top: var(--header-height);
  min-height: calc(100svh - var(--header-height));
}

.service-detail-page .authority-contact-panel > span {
  font-size: 10px;
}

.service-detail-page .authority-contact-panel > h3 {
  font-size: 26px;
  line-height: 1.04;
}

/* CRO project brief dialog */
.project-brief-dialog {
  width: min(760px, calc(100vw - 32px));
  max-height: min(800px, calc(100svh - 32px));
  padding: 0;
  color: var(--ink);
  background: var(--soft);
  border: 1px solid var(--ink);
  box-shadow: 18px 18px 0 rgba(1, 33, 69, .22);
}

.project-brief-dialog::backdrop {
  background: rgba(1, 17, 41, .76);
  backdrop-filter: blur(5px);
}

.project-brief-dialog__header {
  min-height: 76px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--mint);
  background: var(--deep) var(--gradient) center/cover no-repeat;
}

.project-brief-dialog__header strong {
  font: 400 21px/1 NewBlack, sans-serif;
}

.project-brief-dialog__close {
  width: 42px;
  height: 42px;
  color: var(--mint);
  background: transparent;
  border: 1px solid var(--service-rule-light);
  font-size: 22px;
}

.project-brief-dialog form {
  padding: 28px 24px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  background-image:
    linear-gradient(rgba(1, 33, 69, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1, 33, 69, .05) 1px, transparent 1px);
  background-size: 48px 48px;
}

.project-brief-dialog label {
  display: grid;
  gap: 8px;
  color: var(--blue);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.project-brief-dialog label[data-wide],
.project-brief-dialog__actions {
  grid-column: 1 / -1;
}

.project-brief-dialog input,
.project-brief-dialog select,
.project-brief-dialog textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 13px;
  color: var(--ink);
  background: rgba(255, 255, 255, .58);
  border: 1px solid var(--service-rule-dark);
  border-radius: 0;
  font: 400 15px/1.35 Acumin, sans-serif;
}

.project-brief-dialog textarea {
  min-height: 96px;
  resize: vertical;
}

.project-brief-dialog input:focus,
.project-brief-dialog select:focus,
.project-brief-dialog textarea:focus {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}

.project-brief-dialog__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.project-brief-dialog__actions p {
  max-width: 44ch;
  margin: 0;
  color: var(--service-copy-dark);
  font-size: 12px;
  line-height: 1.45;
}

.project-brief-dialog__submit {
  min-height: 50px;
  padding: 0 20px;
  color: var(--ink);
  background: var(--yellow);
  border: 1px solid var(--ink);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

@media (max-width: 1000px) {
  .service-detail-page .authority-hero {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .72fr);
  }

  .service-detail-page .service-context-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .service-detail-page {
    --service-gutter: 20px;
  }

  .service-detail-page .authority-section h1 {
    font-size: 42.068px;
    line-height: .96;
  }

  .service-detail-page .authority-section h2 {
    font-size: 26px;
  }

  .service-detail-page .authority-hero {
    min-height: 0;
    display: block;
  }

  .service-detail-page .authority-hero-copy {
    min-height: 660px;
    padding: 48px 20px 54px;
  }

  .service-detail-page .authority-breadcrumbs {
    margin-bottom: 42px;
  }

  .service-detail-page .authority-hero h1 {
    max-width: 12ch;
    overflow-wrap: anywhere;
  }

  .service-detail-page .authority-lede,
  .service-detail-page .authority-lede-group .authority-lede {
    font-size: 15px;
  }

  .service-detail-page .authority-actions,
  .service-detail-page .authority-actions .authority-button {
    width: 100%;
  }

  .service-detail-page .authority-hero-panel {
    min-height: 430px;
    border-left: 0;
    border-top: 1px solid var(--service-rule-light);
  }

  .service-detail-page .authority-hero-panel .search-orbit {
    width: 230px;
  }

  .service-detail-page .authority-evidence::before {
    top: 24px;
  }

  .service-detail-page .authority-metrics {
    padding-top: 58px;
  }

  .service-detail-page .authority-metrics article {
    min-height: 230px;
    padding: 36px 20px;
  }

  .service-detail-page .authority-service-intro,
  .service-detail-page .authority-process-intro {
    position: relative;
    top: auto;
    height: auto;
    min-height: 520px;
    padding: 48px 20px;
  }

  .service-detail-page .authority-service-list,
  .service-detail-page .authority-process-list {
    padding-inline: 20px;
  }

  .service-detail-page .authority-service-list article,
  .service-detail-page .authority-process-list li {
    min-height: 0;
    padding: 34px 0;
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .service-detail-page .authority-service-list article:hover,
  .service-detail-page .authority-service-list article.is-active,
  .service-detail-page .authority-process-list li:hover,
  .service-detail-page .authority-process-list li.is-active {
    padding-inline: 0;
    background: transparent;
  }

  .service-detail-page .authority-service-orbit {
    min-height: 390px !important;
  }

  .service-detail-page .authority-service-orbit .search-orbit {
    width: 210px;
  }

  .service-detail-page .authority-section-heading,
  .service-detail-page .authority-comparison .authority-section-heading,
  .service-detail-page .authority-table-section .authority-section-heading {
    min-height: 0;
    padding: 48px 20px;
  }

  .service-detail-page .compact-heading {
    grid-template-columns: 1fr;
  }

  .service-detail-page .compact-heading > :last-child {
    margin-top: 42px;
  }

  .service-detail-page .comparison-columns article {
    min-height: 340px;
    padding: 38px 20px;
  }

  .service-detail-page .comparison-columns h3 {
    margin-top: 48px;
    font-size: 48px;
  }

  .service-detail-page .difference-grid article,
  .service-detail-page .service-context-grid article {
    min-height: 270px;
    padding: 38px 20px;
  }

  .service-detail-page .service-context-grid {
    display: block;
  }

  .service-detail-page .authority-newsletter {
    min-height: 460px;
    padding: 56px 20px;
  }

  .service-detail-page .authority-faq-main > header {
    display: block;
    margin-bottom: 42px;
  }

  .service-detail-page .authority-faq-main h2 {
    margin-top: 42px;
  }

  .service-detail-page .authority-contact-panel {
    position: relative;
    top: auto;
    min-height: 620px;
  }

  .project-brief-dialog form {
    grid-template-columns: 1fr;
  }

  .project-brief-dialog label[data-wide],
  .project-brief-dialog__actions {
    grid-column: auto;
  }

  .project-brief-dialog__actions {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-detail-page .authority-service-list article,
  .service-detail-page .authority-process-list li,
  .service-detail-page .service-context-grid article {
    transition: none;
  }
}

/* Approved service-page system */

@font-face{font-family:NewBlack;src:url('/assets/brand/fonts/NewBlackTypeface-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Acumin;src:url('/assets/brand/fonts/Acumin Variable Concept.ttf') format('truetype');font-display:swap}
body.service-system-page{--deep:#051d43;--navy:#002c4d;--ink:#012145;--blue:#3376b0;--sky:#52b4d4;--yellow:#e7ff00;--mint:#d8ecd1;--soft:#eef8ea;--line:rgba(1,33,69,.19);--light-line:rgba(216,236,209,.22);--gradient:url('/assets/brand/fictora-gradient.svg');--ease:cubic-bezier(.22,1,.36,1)}
body.service-system-page *{box-sizing:border-box}html:has(body.service-system-page){scroll-behavior:smooth;background:var(--deep)}body.service-system-page{margin:0;color:var(--ink);background:var(--soft);font-family:Acumin,Arial,sans-serif}body.service-system-page button,body.service-system-page input,body.service-system-page select{font:inherit}body.service-system-page button,body.service-system-page a{color:inherit}body.service-system-page button{cursor:pointer}body.service-system-page h1{font-size:42.068px}body.service-system-page h2{font-size:26px}body.service-system-page .grid-field{background-color:var(--soft);background-image:linear-gradient(rgba(1,33,69,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(1,33,69,.06) 1px,transparent 1px),linear-gradient(145deg,var(--soft),var(--mint) 60%,rgba(82,180,212,.7) 145%);background-size:48px 48px,48px 48px,auto}body.service-system-page .dark-field{color:var(--mint);background:var(--deep) var(--gradient) center/cover no-repeat}body.service-system-page .utility-label{margin:0;font-size:9px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}body.service-system-page .utility-label span{color:var(--yellow)}body.service-system-page .site-header{height:78px;display:grid;grid-template-columns:250px 1fr 190px;color:var(--mint);background:var(--deep) var(--gradient) center top/cover no-repeat;border-bottom:1px solid var(--light-line)}body.service-system-page .brand{padding:0 28px;display:flex;align-items:center;gap:14px;border-right:1px solid var(--light-line);font:400 16px/1 NewBlack,sans-serif;letter-spacing:.06em;text-decoration:none}body.service-system-page .brand img{width:31px}body.service-system-page .site-header nav{display:flex;align-items:center;justify-content:center;gap:36px}body.service-system-page .site-header nav a{font-size:10px;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}body.service-system-page .header-cta,body.service-system-page .primary-cta{border:0;color:var(--ink);background:var(--yellow);text-decoration:none}body.service-system-page .header-cta{padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em}body.service-system-page .hero{position:relative;min-height:calc(100svh - 116px);display:grid;grid-template-columns:minmax(0,.93fr) minmax(480px,1.07fr);overflow:hidden}body.service-system-page .hero-copy{position:relative;z-index:2;padding:clamp(58px,6vw,92px) clamp(28px,5vw,76px);display:flex;flex-direction:column;justify-content:center}body.service-system-page .breadcrumb{margin:0 0 42px;color:rgba(216,236,209,.48);font-size:8px;letter-spacing:.1em}body.service-system-page .hero h1{max-width:14ch;margin:18px 0 0;font:400 42.068px/.92 NewBlack,sans-serif;letter-spacing:-.035em}body.service-system-page .hero-copy>p:not(.breadcrumb):not(.utility-label){max-width:66ch;margin:28px 0 0;color:rgba(216,236,209,.74);font-size:17px;line-height:1.55}body.service-system-page .hero-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}body.service-system-page .primary-cta,body.service-system-page .secondary-cta{min-height:52px;padding:0 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:1px solid var(--light-line);font-size:9px;letter-spacing:.12em;text-transform:uppercase;transition:transform .35s var(--ease),background .35s var(--ease)}body.service-system-page .primary-cta{border-color:var(--yellow)}body.service-system-page .secondary-cta{color:var(--mint);background:transparent;text-decoration:none}body.service-system-page .primary-cta:hover,body.service-system-page .secondary-cta:hover{transform:translateY(-3px)}body.service-system-page .hero-stage{position:relative;z-index:2;padding:clamp(32px,4vw,62px);border-left:1px solid var(--light-line);background:rgba(1,33,69,.22)}body.service-system-page .stage-header{display:flex;align-items:center;justify-content:space-between;color:rgba(216,236,209,.5);font-size:8px;letter-spacing:.13em}body.service-system-page .stage-header b{display:flex;align-items:center;gap:9px;color:var(--mint);font-weight:500}body.service-system-page .stage-header b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px var(--yellow)}body.service-system-page .lab-stage{height:100%;display:grid;grid-template-rows:auto 1fr auto}body.service-system-page .lab-console{align-self:center;display:grid;grid-template-columns:minmax(155px,.8fr) minmax(210px,1fr) minmax(155px,.8fr);align-items:center}body.service-system-page .lab-choices,body.service-system-page .lab-output{position:relative;z-index:2}body.service-system-page .lab-choice{width:100%;min-height:66px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;color:rgba(216,236,209,.55);background:rgba(1,33,69,.45);border:1px solid var(--light-line);border-bottom:0;font-size:9px;letter-spacing:.08em;text-align:left;transition:color .3s var(--ease),background .3s var(--ease)}body.service-system-page .lab-choice:last-child{border-bottom:1px solid var(--light-line)}body.service-system-page .lab-choice[aria-pressed="true"]{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}body.service-system-page .lab-choice i{font-style:normal}body.service-system-page .system-core{position:relative;width:min(18vw,250px);aspect-ratio:1;margin:auto;display:grid;place-items:center;border:1px solid rgba(231,255,0,.55);border-radius:50%;box-shadow:0 0 70px rgba(231,255,0,.11)}body.service-system-page .system-core::before,body.service-system-page .system-core::after{content:"";position:absolute;border:1px solid rgba(216,236,209,.22);border-radius:50%}body.service-system-page .system-core::before{inset:14%;border-style:dashed;animation:spin 24s linear infinite}body.service-system-page .system-core::after{inset:29%}body.service-system-page .system-core img{width:30%;filter:drop-shadow(0 0 13px rgba(231,255,0,.7))}body.service-system-page .lab-output{padding:19px;border:1px solid var(--light-line);background:rgba(1,33,69,.48)}body.service-system-page .lab-output small{color:var(--yellow);font-size:7px;letter-spacing:.13em}body.service-system-page .lab-output h2{margin:38px 0 18px;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .lab-output p{margin:0;color:rgba(216,236,209,.62);font-size:13px;line-height:1.45}body.service-system-page .signal-route{height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent)}body.service-system-page .stage-foot{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--light-line)}body.service-system-page .stage-foot span{min-height:56px;padding:12px;display:flex;align-items:center;border-right:1px solid var(--light-line);color:rgba(216,236,209,.56);font-size:8px;letter-spacing:.11em}body.service-system-page .stage-foot span:last-child{border-right:0}body.service-system-page .proof-strip{display:grid;grid-template-columns:.72fr 1.28fr;border-bottom:1px solid var(--line)}body.service-system-page .proof-copy{padding:clamp(50px,6vw,88px) clamp(28px,5vw,76px);border-right:1px solid var(--line)}body.service-system-page .proof-copy h2{max-width:18ch;margin:40px 0 22px;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .proof-copy>p{max-width:53ch;margin:0;color:rgba(1,33,69,.7);font-size:16px;line-height:1.58}body.service-system-page .proof-copy a{margin-top:34px;display:inline-flex;font-size:9px;letter-spacing:.12em}body.service-system-page .proof-visual{position:relative;padding:clamp(30px,4vw,54px);display:grid;place-items:center;overflow:hidden}body.service-system-page .proof-visual img{width:min(100%,820px);border:1px solid var(--line);box-shadow:24px 24px 0 rgba(1,33,69,.08)}body.service-system-page .proof-status{position:absolute;right:7%;bottom:8%;padding:16px 20px;color:var(--mint);background:var(--ink);border:1px solid var(--yellow);font-size:9px;letter-spacing:.12em}body.service-system-page .proof-status::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow)}body.service-system-page .service-selector{display:grid;grid-template-columns:.7fr 1.3fr;border-bottom:1px solid var(--line)}body.service-system-page .selector-intro{min-height:680px;padding:clamp(52px,6vw,82px) clamp(28px,5vw,76px);display:flex;flex-direction:column;border-right:1px solid var(--line)}body.service-system-page .selector-intro h2{max-width:14ch;margin:auto 0 22px;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .selector-intro p{max-width:48ch;margin:0;color:rgba(1,33,69,.68);font-size:16px;line-height:1.55}body.service-system-page .selector-list{margin:0;padding:30px 5vw;list-style:none}body.service-system-page .selector-list li{min-height:105px;padding:24px 0;display:grid;grid-template-columns:44px 1fr auto;align-items:center;border-top:1px solid var(--line)}body.service-system-page .selector-list li:last-child{border-bottom:1px solid var(--line)}body.service-system-page .selector-list span{color:var(--blue);font-size:9px}body.service-system-page .selector-list strong{font:400 20px/1 NewBlack,sans-serif}body.service-system-page .selector-list small{max-width:26ch;color:rgba(1,33,69,.5);font-size:12px;line-height:1.4}body.service-system-page .conversion-band{padding:clamp(54px,7vw,98px) clamp(28px,5vw,76px);display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}body.service-system-page .conversion-band h2{max-width:23ch;margin:30px 0 0;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .conversion-band .primary-cta{min-width:230px}body.service-system-page .proof-hero{min-height:calc(100svh - 116px);display:grid;grid-template-columns:1.15fr .85fr}body.service-system-page .proof-image-stage{position:relative;padding:clamp(32px,5vw,72px);display:flex;align-items:flex-end;overflow:hidden;border-right:1px solid var(--light-line)}body.service-system-page .proof-image-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(1,33,69,.9));pointer-events:none}body.service-system-page .proof-image-stage>img{position:absolute;inset:6%;width:88%;height:88%;object-fit:cover;object-position:top;border:1px solid var(--light-line)}body.service-system-page .proof-lockup{position:relative;z-index:2}body.service-system-page .proof-lockup h2{margin:18px 0 0;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .proof-lockup p{margin:13px 0 0;color:rgba(216,236,209,.66);font-size:13px}body.service-system-page .proof-hero-copy{padding:clamp(50px,6vw,88px);display:flex;flex-direction:column;justify-content:center}body.service-system-page .proof-hero-copy h1{margin:18px 0 0;font:400 42.068px/.92 NewBlack,sans-serif;letter-spacing:-.035em}body.service-system-page .proof-hero-copy>p:not(.utility-label){margin:28px 0 0;color:rgba(216,236,209,.72);font-size:17px;line-height:1.55}body.service-system-page .proof-rail{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}body.service-system-page .proof-rail article{min-height:250px;padding:40px;display:flex;flex-direction:column;border-right:1px solid var(--line)}body.service-system-page .proof-rail article:last-child{border-right:0}body.service-system-page .proof-rail span{color:var(--blue);font-size:9px}body.service-system-page .proof-rail h2{margin:auto 0 16px;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .proof-rail p{margin:0;color:rgba(1,33,69,.65);font-size:14px;line-height:1.5}body.service-system-page .diagnostic-hero{min-height:calc(100svh - 116px);display:grid;grid-template-columns:.84fr 1.16fr}body.service-system-page .diagnostic-copy{padding:clamp(54px,6vw,90px) clamp(28px,5vw,76px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--light-line)}body.service-system-page .diagnostic-copy h1{margin:18px 0 0;font:400 42.068px/.92 NewBlack,sans-serif;letter-spacing:-.035em}body.service-system-page .diagnostic-copy>p:not(.utility-label){margin:28px 0 0;color:rgba(216,236,209,.72);font-size:17px;line-height:1.55}body.service-system-page .diagnostic-panel{padding:clamp(38px,5vw,70px);display:grid;align-content:center;background:rgba(1,33,69,.2)}body.service-system-page .diagnostic-panel>header{margin-bottom:34px;display:flex;justify-content:space-between;color:rgba(216,236,209,.48);font-size:8px;letter-spacing:.12em}body.service-system-page .diagnostic-question{padding:24px 0;border-top:1px solid var(--light-line)}body.service-system-page .diagnostic-question h2{margin:0 0 17px;font:400 22px/1 NewBlack,sans-serif}body.service-system-page .choice-row{display:flex;flex-wrap:wrap;gap:8px}body.service-system-page .choice-row button{min-height:42px;padding:0 14px;color:rgba(216,236,209,.65);background:transparent;border:1px solid var(--light-line);font-size:9px;letter-spacing:.08em}body.service-system-page .choice-row button[aria-pressed="true"]{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}body.service-system-page .diagnostic-result{min-height:0;margin-top:24px;padding:0;display:grid;grid-template-rows:0fr;color:var(--ink);background:var(--yellow);transition:grid-template-rows .45s var(--ease),padding .45s var(--ease)}body.service-system-page .diagnostic-result>div{min-height:0;overflow:hidden}body.service-system-page .diagnostic-result.is-ready{grid-template-rows:1fr;padding:22px}body.service-system-page .diagnostic-result strong{display:block;font:400 23px/1 NewBlack,sans-serif}body.service-system-page .diagnostic-result p{margin:10px 0 18px;font-size:13px}body.service-system-page .diagnostic-result button{min-height:44px;padding:0 15px;color:var(--mint);background:var(--ink);border:0;font-size:9px;letter-spacing:.1em}body.service-system-page .form-pdetail-note{margin:22px 0 0;color:rgba(216,236,209,.38);font-size:10px}body.service-system-page .detail-board{min-height:100svh;padding:clamp(32px,6vw,90px);color:var(--mint);background:var(--deep) var(--gradient) center/cover fixed no-repeat}body.service-system-page .detail-heading{max-width:900px}body.service-system-page .detail-brand{display:flex;align-items:center;gap:14px;color:var(--mint);font:400 16px/1 NewBlack,sans-serif;letter-spacing:.06em;text-decoration:none}body.service-system-page .detail-brand img{width:34px}body.service-system-page .detail-heading>p:nth-of-type(1){margin:80px 0 20px;color:var(--yellow);font-size:9px;letter-spacing:.14em}body.service-system-page .detail-heading h1{max-width:19ch;margin:0;font:400 42.068px/.94 NewBlack,sans-serif;letter-spacing:-.035em}body.service-system-page .detail-intro{max-width:65ch;margin:26px 0 0;color:rgba(216,236,209,.68);font-size:16px;line-height:1.58}body.service-system-page .detail-options{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--light-line)}body.service-system-page .detail-options a{min-height:380px;padding:34px;display:flex;flex-direction:column;border-right:1px solid var(--light-line);color:var(--mint);text-decoration:none;transition:background .35s var(--ease)}body.service-system-page .detail-options a:last-child{border-right:0}body.service-system-page .detail-options a:hover{color:var(--ink);background:var(--yellow)}body.service-system-page .detail-options span{font-size:8px;letter-spacing:.12em}body.service-system-page .detail-options h2{margin:80px 0 20px;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .detail-options p{margin:0;color:rgba(216,236,209,.65);font-size:14px;line-height:1.55}body.service-system-page .detail-options a:hover p{color:rgba(1,33,69,.72)}body.service-system-page .detail-options b{margin-top:auto;font-size:9px;letter-spacing:.11em}body.service-system-page .detail-options i{margin-left:20px;font-style:normal}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){body.service-system-page .site-header{grid-template-columns:1fr 150px}body.service-system-page .site-header nav{display:none}body.service-system-page .hero,body.service-system-page .proof-hero,body.service-system-page .diagnostic-hero{grid-template-columns:1fr}body.service-system-page .hero-stage,body.service-system-page .diagnostic-panel{min-height:620px;border-left:0;border-top:1px solid var(--light-line)}body.service-system-page .proof-image-stage{min-height:620px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .proof-strip,body.service-system-page .service-selector{grid-template-columns:1fr}body.service-system-page .proof-copy,body.service-system-page .selector-intro{border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .selector-intro{min-height:430px}body.service-system-page .detail-options{grid-template-columns:1fr}body.service-system-page .detail-options a{min-height:310px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .detail-options a:last-child{border-bottom:0}}
@media(max-width:620px){body.service-system-page .site-header{height:68px;grid-template-columns:minmax(0,1fr) 126px}body.service-system-page .brand{min-width:0;padding:0 18px;font-size:13px}body.service-system-page .brand img{width:27px}body.service-system-page .header-cta{padding:0 12px;font-size:8px}body.service-system-page .hero,body.service-system-page .proof-hero,body.service-system-page .diagnostic-hero{min-height:auto}body.service-system-page .hero-copy,body.service-system-page .proof-hero-copy,body.service-system-page .diagnostic-copy{min-height:610px;padding:48px 20px}body.service-system-page .hero h1,body.service-system-page .proof-hero-copy h1,body.service-system-page .diagnostic-copy h1{font-size:42.068px}body.service-system-page .hero-stage,body.service-system-page .diagnostic-panel{min-height:680px;padding:34px 20px}body.service-system-page .lab-console{grid-template-columns:1fr}body.service-system-page .lab-choices{order:2;margin-top:30px}body.service-system-page .system-core{order:1;width:210px}body.service-system-page .lab-output{order:3;margin-top:12px}body.service-system-page .signal-route{display:none}body.service-system-page .stage-foot{display:none}body.service-system-page .proof-strip{display:block}body.service-system-page .proof-copy,body.service-system-page .proof-visual{padding:50px 20px}body.service-system-page .proof-visual{min-height:420px}body.service-system-page .proof-status{right:20px}body.service-system-page .service-selector{display:block}body.service-system-page .selector-intro{min-height:420px;padding:48px 20px}body.service-system-page .selector-list{padding:12px 20px 50px}body.service-system-page .selector-list li{grid-template-columns:34px 1fr}body.service-system-page .selector-list small{grid-column:2;margin-top:8px}body.service-system-page .conversion-band{padding:60px 20px;grid-template-columns:1fr}body.service-system-page .conversion-band .primary-cta{width:100%}body.service-system-page .proof-image-stage{min-height:520px;padding:20px}body.service-system-page .proof-image-stage>img{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}body.service-system-page .proof-hero-copy{min-height:600px}body.service-system-page .proof-rail{display:block}body.service-system-page .proof-rail article{min-height:240px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .diagnostic-copy{border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .diagnostic-panel{min-height:760px}body.service-system-page .choice-row{display:grid;grid-template-columns:1fr}body.service-system-page .choice-row button{text-align:left}body.service-system-page .detail-board{padding:32px 20px 60px}body.service-system-page .detail-heading>p:nth-of-type(1){margin-top:60px}body.service-system-page .detail-heading h1{font-size:42.068px}body.service-system-page .detail-options{margin-top:50px}body.service-system-page .detail-options a{padding:28px}body.service-system-page .detail-options h2{margin-top:60px}}
@media(prefers-reduced-motion:reduce){html:has(body.service-system-page){scroll-behavior:auto}body.service-system-page .system-core::before{animation:none}body.service-system-page *{transition-duration:.01ms!important}}


body.service-system-page .micro-saas-page{width:100%;max-width:100%;overflow-x:hidden}body.service-system-page .forge-hero{position:relative;min-height:calc(100svh - 116px);padding:38px clamp(24px,4.5vw,72px) 0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;gap:0 18px;overflow:hidden}body.service-system-page .forge-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(82,180,212,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(82,180,212,.1) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000,transparent 95%)}body.service-system-page .forge-index{position:relative;z-index:2;grid-column:1/-1;display:flex;justify-content:space-between;color:rgba(216,236,209,.48);font-size:8px;letter-spacing:.14em}body.service-system-page .forge-title{position:relative;z-index:4;grid-column:1/7;grid-row:2;align-self:center}body.service-system-page .forge-title>p{max-width:34ch;margin:0 0 24px;color:var(--yellow);font-size:10px;font-weight:650;letter-spacing:.11em;line-height:1.45}body.service-system-page .forge-title h1{max-width:20ch;margin:0;font:400 42.068px/.92 NewBlack,sans-serif;letter-spacing:-.035em}body.service-system-page .forge-core{position:relative;z-index:3;grid-column:6/10;grid-row:2;place-self:center;width:min(31vw,460px);aspect-ratio:1;display:grid;place-items:center}body.service-system-page .forge-core::before{content:"";position:absolute;inset:42%;border-radius:50%;background:rgba(231,255,0,.2);box-shadow:0 0 90px 55px rgba(231,255,0,.17)}body.service-system-page .forge-core>img{position:relative;width:17%;filter:drop-shadow(0 0 16px rgba(231,255,0,.8))}body.service-system-page .forge-ring{position:absolute;border:1px solid rgba(216,236,209,.2);border-radius:50%}body.service-system-page .ring-one{inset:8%;border-color:rgba(231,255,0,.52);animation:forge-pulse 5s ease-in-out infinite}body.service-system-page .ring-two{inset:23%;border-style:dashed;animation:spin 32s linear infinite}body.service-system-page .ring-three{inset:36%;border-color:rgba(231,255,0,.48);animation:spin 18s linear infinite reverse}body.service-system-page .ring-two::before,body.service-system-page .ring-three::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px var(--yellow)}body.service-system-page .ring-two::before{left:8%;top:16%}body.service-system-page .ring-three::after{right:-4px;top:50%}body.service-system-page .forge-description{position:relative;z-index:4;grid-column:9/13;grid-row:2;align-self:center}body.service-system-page .forge-description>p{margin:0;color:rgba(216,236,209,.7);font-size:15px;line-height:1.6}body.service-system-page .forge-output{position:relative;z-index:4;grid-column:1/-1;min-height:76px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;border-top:1px solid var(--light-line);font:400 clamp(22px,2.4vw,38px)/1 NewBlack,sans-serif;text-align:center}body.service-system-page .forge-output i{color:var(--yellow);font-style:normal;font-size:18px}body.service-system-page .forge-output span:nth-of-type(2){color:var(--yellow)}
body.service-system-page .foundry-story{position:relative;height:360svh}body.service-system-page .foundry-sticky{position:sticky;top:38px;height:calc(100svh - 38px);display:grid;grid-template-columns:5fr 7fr;overflow:hidden}body.service-system-page .foundry-copy{padding:clamp(42px,5vw,76px);display:flex;flex-direction:column;border-right:1px solid var(--line)}body.service-system-page .foundry-copy>p{margin:0;color:var(--blue);font-size:9px;font-weight:650;letter-spacing:.14em}body.service-system-page .foundry-copy>h2{max-width:19ch;margin:32px 0 0;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .foundry-chapters{margin:auto 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}body.service-system-page .foundry-chapters li{min-height:66px;padding:17px 0;display:grid;grid-template-columns:36px 1fr;border-bottom:1px solid var(--line);opacity:.28;transition:opacity .45s var(--ease),transform .45s var(--ease)}body.service-system-page .foundry-chapters li.is-active{opacity:1;transform:translateX(12px)}body.service-system-page .foundry-chapters span{color:var(--blue);font-size:8px}body.service-system-page .foundry-chapters strong{font:400 17px/1 NewBlack,sans-serif}body.service-system-page .foundry-chapters small{grid-column:2;max-width:48ch;margin-top:7px;color:rgba(1,33,69,.64);font-size:12px;line-height:1.45}body.service-system-page .assembly-field{position:relative;overflow:hidden}body.service-system-page .assembly-field::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(1,33,69,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(1,33,69,.06) 1px,transparent 1px);background-size:46px 46px}body.service-system-page .assembly-field>svg{position:absolute;inset:0;width:100%;height:100%}body.service-system-page .assembly-path{fill:none;stroke:rgba(1,33,69,.42);stroke-width:1.4;stroke-dasharray:520;stroke-dashoffset:0}body.service-system-page .path-c,body.service-system-page .path-d{stroke:rgba(231,255,0,.95);filter:drop-shadow(0 0 5px rgba(231,255,0,.55))}body.service-system-page .assembly-node{position:absolute;width:132px;min-height:72px;padding:13px;display:flex;flex-direction:column;justify-content:space-between;color:var(--mint);background:var(--ink);border:1px solid rgba(1,33,69,.35);box-shadow:9px 9px rgba(1,33,69,.08)}body.service-system-page .assembly-node span{color:rgba(216,236,209,.46);font-size:7px;letter-spacing:.12em}body.service-system-page .assembly-node strong{font:400 14px/1 NewBlack,sans-serif}body.service-system-page .node-idea{left:5%;top:15%}body.service-system-page .node-work{left:5%;bottom:15%}body.service-system-page .node-product{right:5%;top:17%;border-color:var(--yellow)}body.service-system-page .node-market{right:5%;bottom:17%}body.service-system-page .assembly-core{position:absolute;left:50%;top:50%;width:min(21vw,250px);aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--yellow);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 75px rgba(231,255,0,.16)}body.service-system-page .assembly-core i,body.service-system-page .assembly-core b{position:absolute;border:1px solid rgba(1,33,69,.32);border-radius:50%}body.service-system-page .assembly-core i{inset:13%;border-style:dashed;animation:spin 28s linear infinite}body.service-system-page .assembly-core b{inset:28%}body.service-system-page .assembly-core img{width:25%;filter:drop-shadow(0 0 13px rgba(231,255,0,.7))}body.service-system-page .product-window{position:absolute;z-index:5;left:50%;bottom:5%;width:min(46vw,540px);height:210px;color:var(--mint);background:var(--deep);border:1px solid var(--yellow);transform:translateX(-50%);box-shadow:16px 16px rgba(1,33,69,.13);opacity:0}body.service-system-page .product-window header{height:34px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--light-line);font-size:7px;letter-spacing:.12em}body.service-system-page .product-window header b{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 9px var(--yellow)}body.service-system-page .window-ui{height:calc(100% - 34px);padding:28px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr auto;gap:12px}body.service-system-page .window-ui i{border:1px solid var(--light-line);background:linear-gradient(135deg,rgba(82,180,212,.18),rgba(1,33,69,.08))}body.service-system-page .window-ui strong{grid-column:1/-1;font:400 22px/1 NewBlack,sans-serif;color:var(--yellow)}
body.service-system-page .capability-stage{min-height:760px;border-block:1px solid var(--line)}body.service-system-page .capability-heading{padding:56px clamp(24px,5vw,76px);display:grid;grid-template-columns:.7fr 1.3fr auto;align-items:end;gap:34px;border-bottom:1px solid var(--line)}body.service-system-page .capability-heading p,body.service-system-page .capability-heading span{margin:0;color:rgba(1,33,69,.52);font-size:9px;letter-spacing:.11em}body.service-system-page .capability-heading h2{margin:0;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .capability-accordion{height:610px;display:flex}body.service-system-page .capability-slice{position:relative;flex:1;min-width:0;padding:26px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--line);background:rgba(238,248,234,.18);outline:0}body.service-system-page .capability-slice:last-child{border-right:0}body.service-system-page .capability-slice.is-active{flex:3;color:var(--mint);background:var(--deep) var(--gradient) center/cover no-repeat}body.service-system-page .capability-slice>span{color:var(--blue);font-size:9px;letter-spacing:.12em}body.service-system-page .capability-slice.is-active>span{color:var(--yellow)}body.service-system-page .capability-slice h3{position:absolute;left:50%;top:50%;width:430px;margin:0;font:400 20px/1 NewBlack,sans-serif;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center;text-align:center}body.service-system-page .capability-slice.is-active h3{position:static;width:auto;margin:auto 0 24px;font-size:26px;transform:none;text-align:left}body.service-system-page .capability-slice div{opacity:0;transform:translateY(28px);pointer-events:none}body.service-system-page .capability-slice.is-active div{opacity:1;transform:none;pointer-events:auto;transition:opacity .45s var(--ease),transform .45s var(--ease)}body.service-system-page .capability-slice p{max-width:38ch;margin:0;color:rgba(216,236,209,.68);font-size:14px;line-height:1.55}body.service-system-page .capability-slice button{margin-top:28px;padding:0 0 8px;color:var(--yellow);background:transparent;border:0;border-bottom:1px solid var(--yellow);font-size:8px;letter-spacing:.11em}body.service-system-page .project-threshold{position:relative;min-height:620px;padding:clamp(55px,8vw,118px) clamp(24px,5vw,76px);display:grid;grid-template-columns:3fr 6fr 3fr;align-items:center;gap:50px;overflow:hidden}body.service-system-page .threshold-signal{position:relative;width:min(21vw,250px);aspect-ratio:1;display:grid;place-items:center}body.service-system-page .threshold-signal>img{width:24%;filter:drop-shadow(0 0 15px rgba(231,255,0,.75))}body.service-system-page .threshold-signal>span{position:absolute;border:1px solid rgba(231,255,0,.38);border-radius:50%}body.service-system-page .threshold-signal>span:nth-of-type(1){inset:7%}body.service-system-page .threshold-signal>span:nth-of-type(2){inset:22%;border-style:dashed;animation:spin 25s linear infinite}body.service-system-page .threshold-signal>span:nth-of-type(3){inset:36%}body.service-system-page .project-threshold>div:nth-of-type(2)>p{margin:0 0 30px;color:var(--yellow);font-size:9px;letter-spacing:.13em}body.service-system-page .project-threshold h2{max-width:28ch;margin:0;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .project-threshold .primary-cta{width:100%}
body.service-system-page .evidence-hero{position:relative;min-height:calc(100svh - 116px);display:grid;grid-template-columns:5fr 7fr;overflow:hidden}body.service-system-page .evidence-word{position:absolute;z-index:0;left:-2vw;bottom:-3vw;margin:0;color:transparent;-webkit-text-stroke:1px rgba(216,236,209,.18);font:400 min(24vw,360px)/.7 NewBlack,sans-serif;letter-spacing:-.07em}body.service-system-page .evidence-copy{position:relative;z-index:2;padding:clamp(58px,7vw,104px) clamp(24px,5vw,76px);display:flex;flex-direction:column;justify-content:center}body.service-system-page .evidence-copy>p:first-child{margin:0 0 24px;color:var(--yellow);font-size:9px;letter-spacing:.13em}body.service-system-page .evidence-copy h1{max-width:19ch;margin:0;font:400 42.068px/.92 NewBlack,sans-serif}body.service-system-page .evidence-copy>p:nth-of-type(2){max-width:58ch;margin:28px 0 0;color:rgba(216,236,209,.7);font-size:15px;line-height:1.58}body.service-system-page .evidence-product{position:relative;z-index:2;padding:clamp(38px,5vw,72px);display:grid;place-items:center;background:rgba(1,33,69,.18);border-left:1px solid var(--light-line)}body.service-system-page .evidence-frame{width:min(51vw,760px);transform:rotate(-2.2deg);box-shadow:30px 35px rgba(1,33,69,.3)}body.service-system-page .evidence-frame header,body.service-system-page .evidence-frame footer{min-height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:var(--mint);background:var(--ink);border:1px solid var(--light-line);font-size:8px;letter-spacing:.11em}body.service-system-page .evidence-frame header b{color:var(--yellow)}body.service-system-page .evidence-frame>img{width:100%;display:block;border-inline:1px solid var(--light-line)}body.service-system-page .evidence-frame footer strong{font:400 18px/1 NewBlack,sans-serif}body.service-system-page .zena-proof-story{position:relative;height:300svh}body.service-system-page .zena-proof-sticky{position:sticky;top:38px;height:calc(100svh - 38px);display:grid;grid-template-columns:5fr 7fr;overflow:hidden}body.service-system-page .zena-ghost{position:absolute;left:0;bottom:-3vw;margin:0;color:transparent;-webkit-text-stroke:1px rgba(216,236,209,.18);font:400 min(22vw,340px)/.75 NewBlack,sans-serif;letter-spacing:-.06em;white-space:nowrap}body.service-system-page .zena-proof-copy{position:relative;z-index:2;padding:clamp(48px,6vw,90px);display:flex;flex-direction:column}body.service-system-page .zena-proof-copy>p{margin:0;color:var(--yellow);font-size:9px;letter-spacing:.13em}body.service-system-page .zena-proof-copy>h2{max-width:13ch;margin:34px 0 0;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .zena-proof-copy>a{width:max-content;margin-top:auto;padding-bottom:8px;color:var(--yellow);border-bottom:1px solid var(--yellow);font-size:9px;letter-spacing:.11em;text-decoration:none}body.service-system-page .zena-proof-chapters{margin:auto 0 0;border-top:1px solid var(--light-line)}body.service-system-page .zena-proof-chapters article{padding:18px 0;display:grid;grid-template-columns:150px 1fr;gap:18px;border-bottom:1px solid var(--light-line);opacity:.22;transform:translateX(-14px);transition:opacity .45s var(--ease),transform .45s var(--ease)}body.service-system-page .zena-proof-chapters article.is-active{opacity:1;transform:none}body.service-system-page .zena-proof-chapters strong{font:400 15px/1 NewBlack,sans-serif}body.service-system-page .zena-proof-chapters span{color:rgba(216,236,209,.62);font-size:12px;line-height:1.45}body.service-system-page .zena-device{position:relative;align-self:center;width:min(56vw,850px);height:min(72vh,700px);overflow:hidden;border:1px solid var(--yellow);background:var(--soft);box-shadow:24px 28px rgba(1,33,69,.32)}body.service-system-page .device-top{position:relative;z-index:3;height:38px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:var(--mint);background:var(--ink);font-size:7px;letter-spacing:.12em}body.service-system-page .device-top i{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow)}body.service-system-page .zena-device>img{width:100%;height:calc(100% + 90px);display:block;object-fit:cover;object-position:top}body.service-system-page .device-scan{position:absolute;z-index:2;inset:38px 0 auto;height:2px;background:var(--yellow);box-shadow:0 0 18px 6px rgba(231,255,0,.26);animation:scan 5s ease-in-out infinite}
body.service-system-page .blueprint-hero{min-height:calc(100svh - 116px);display:grid;grid-template-columns:4fr 8fr}body.service-system-page .blueprint-intro{padding:clamp(54px,6vw,88px) clamp(24px,5vw,76px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--light-line)}body.service-system-page .blueprint-intro>p:first-child{margin:0 0 24px;color:var(--yellow);font-size:9px;letter-spacing:.12em}body.service-system-page .blueprint-intro h1{max-width:18ch;margin:0;font:400 42.068px/.92 NewBlack,sans-serif}body.service-system-page .blueprint-intro>p:nth-of-type(2){max-width:56ch;margin:28px 0 0;color:rgba(216,236,209,.68);font-size:14px;line-height:1.58}body.service-system-page .blueprint-intro>.primary-cta{width:max-content;margin-top:32px}body.service-system-page .blueprint-console{padding:clamp(28px,4vw,56px);background:rgba(1,33,69,.22)}body.service-system-page .blueprint-console>header{height:40px;display:flex;justify-content:space-between;color:rgba(216,236,209,.48);font-size:8px;letter-spacing:.12em}body.service-system-page .blueprint-layout{min-height:600px;display:grid;grid-template-columns:7fr 5fr;border:1px solid var(--light-line)}body.service-system-page .blueprint-questions{padding:22px 30px;border-right:1px solid var(--light-line)}body.service-system-page .blueprint-questions .diagnostic-question{padding:24px 0}body.service-system-page .blueprint-map{position:relative;min-height:590px;overflow:hidden}body.service-system-page .blueprint-map>svg{position:absolute;inset:0;width:100%;height:100%}body.service-system-page .blueprint-map svg path,body.service-system-page .blueprint-map svg circle{fill:none;stroke:rgba(216,236,209,.17);stroke-width:1}body.service-system-page .blueprint-core{position:absolute;left:50%;top:50%;width:150px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--yellow);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 54px rgba(231,255,0,.16)}body.service-system-page .blueprint-core::before{content:"";position:absolute;inset:15%;border:1px dashed rgba(216,236,209,.35);border-radius:50%;animation:spin 26s linear infinite}body.service-system-page .blueprint-core img{width:29%;filter:drop-shadow(0 0 12px rgba(231,255,0,.75))}body.service-system-page .map-signal{position:absolute;padding:6px 8px;color:rgba(216,236,209,.36);background:var(--ink);border:1px solid var(--light-line);font-size:7px;letter-spacing:.1em;transition:color .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}body.service-system-page .map-a{left:8%;top:16%}body.service-system-page .map-b{right:8%;top:19%}body.service-system-page .map-c{right:10%;bottom:15%}body.service-system-page .blueprint-map.has-1 .map-a,body.service-system-page .blueprint-map.has-2 .map-a,body.service-system-page .blueprint-map.has-2 .map-b,body.service-system-page .blueprint-map.has-3 .map-signal{color:var(--yellow);border-color:var(--yellow);box-shadow:0 0 16px rgba(231,255,0,.22)}body.service-system-page .blueprint-map .diagnostic-result{position:absolute;z-index:4;left:7%;right:7%;bottom:7%}body.service-system-page .blueprint-map .diagnostic-result.is-ready{padding:18px}body.service-system-page .blueprint-map .diagnostic-result strong{font-size:18px}
@keyframes forge-pulse{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.035);opacity:1}}@keyframes scan{0%,100%{top:38px;opacity:0}15%{opacity:1}50%{top:calc(100% - 4px);opacity:1}65%{opacity:0}} 


body.service-system-page body[data-detail="approved"] .site-header{position:sticky;z-index:40;top:0}
body.service-system-page body[data-detail="approved"] .product-brief-hero{border-bottom:0}
body.service-system-page body[data-detail="approved"] .service-overview{border-top:1px solid var(--line);border-bottom:0}
body.service-system-page body[data-detail="approved"] .micro-capabilities{border-top:0}
body.service-system-page body[data-detail="approved"] .micro-capabilities-intro{top:78px}
@media(max-width:900px){body.service-system-page body[data-detail="approved"] .micro-capabilities-intro{top:auto}}
@media(max-width:620px){body.service-system-page body[data-detail="approved"] .site-header{height:68px}}
@media(max-width:980px){body.service-system-page .forge-title{grid-column:1/8}body.service-system-page .forge-core{grid-column:6/11}body.service-system-page .forge-description{grid-column:9/13}body.service-system-page .foundry-sticky,body.service-system-page .zena-proof-sticky{grid-template-columns:1fr 1.2fr}body.service-system-page .capability-heading{grid-template-columns:1fr 1fr}body.service-system-page .capability-heading span{grid-column:2}body.service-system-page .project-threshold{grid-template-columns:1fr 2fr}body.service-system-page .project-threshold>.primary-cta{grid-column:2}body.service-system-page .evidence-hero{grid-template-columns:1fr 1.2fr}body.service-system-page .blueprint-hero{grid-template-columns:1fr}body.service-system-page .blueprint-intro{min-height:650px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .blueprint-layout{grid-template-columns:1fr 1fr}}
@media(max-width:700px){body.service-system-page .forge-hero{min-height:1080px;padding:32px 20px 0;display:flex;flex-direction:column}body.service-system-page .forge-index{margin-bottom:80px}body.service-system-page .forge-title,body.service-system-page .forge-description{min-width:0;max-width:100%}body.service-system-page .forge-title h1{max-width:calc(100vw - 40px);font-size:42.068px;letter-spacing:-.055em;overflow-wrap:anywhere}body.service-system-page .forge-description>p{max-width:calc(100vw - 40px);overflow-wrap:anywhere}body.service-system-page .forge-core{width:290px;margin:28px auto}body.service-system-page .forge-description{margin-top:20px}body.service-system-page .forge-output{width:100%;margin-top:auto;font-size:18px}body.service-system-page .foundry-story{height:390svh}body.service-system-page .foundry-sticky{top:38px;height:calc(100svh - 38px);display:block}body.service-system-page .foundry-copy{position:absolute;z-index:5;inset:0;padding:30px 20px;border-right:0;pointer-events:none}body.service-system-page .foundry-copy>h2{max-width:18ch;margin-top:18px}body.service-system-page .foundry-chapters{position:absolute;left:20px;right:20px;bottom:22px;margin:0;background:rgba(238,248,234,.9);border:1px solid var(--line);pointer-events:auto}body.service-system-page .foundry-chapters li{display:none;min-height:104px;padding:17px}body.service-system-page .foundry-chapters li.is-active{display:grid;transform:none}body.service-system-page .assembly-field{height:100%}body.service-system-page .assembly-node{width:104px;min-height:62px}body.service-system-page .node-idea,body.service-system-page .node-work{left:18px}body.service-system-page .node-product,body.service-system-page .node-market{right:18px}body.service-system-page .assembly-core{width:180px}body.service-system-page .product-window{bottom:145px;width:calc(100% - 40px);height:165px}body.service-system-page .capability-stage{min-height:auto}body.service-system-page .capability-heading{padding:46px 20px;display:block}body.service-system-page .capability-heading h2{margin:22px 0}body.service-system-page .capability-accordion{height:auto;display:block}body.service-system-page .capability-slice,body.service-system-page .capability-slice.is-active{min-height:110px;padding:24px 20px;display:grid;grid-template-columns:36px 1fr;flex:none;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .capability-slice h3,body.service-system-page .capability-slice.is-active h3{position:static;width:auto;margin:0;font-size:20px;transform:none;text-align:left}body.service-system-page .capability-slice div,body.service-system-page .capability-slice.is-active div{grid-column:2;margin-top:0;display:grid;grid-template-rows:0fr;opacity:0;transform:none}body.service-system-page .capability-slice div>*{min-height:0;overflow:hidden}body.service-system-page .capability-slice.is-active div{margin-top:20px;grid-template-rows:1fr;opacity:1}body.service-system-page .project-threshold{min-height:760px;padding:62px 20px;display:flex;flex-direction:column;align-items:flex-start}body.service-system-page .threshold-signal{width:230px;align-self:center}body.service-system-page .project-threshold h2{font-size:26px}body.service-system-page .project-threshold .primary-cta{width:100%;margin-top:auto}body.service-system-page .evidence-hero{min-height:1100px;display:flex;flex-direction:column}body.service-system-page .evidence-copy{min-height:590px;padding:54px 20px}body.service-system-page .evidence-copy h1{max-width:calc(100vw - 40px);font-size:42.068px;letter-spacing:-.055em;overflow-wrap:anywhere}body.service-system-page .evidence-copy>p:nth-of-type(2){overflow-wrap:anywhere}body.service-system-page .evidence-product{min-height:500px;padding:30px 20px;border-left:0;border-top:1px solid var(--light-line)}body.service-system-page .evidence-frame{width:100%;transform:rotate(-1deg);box-shadow:12px 14px rgba(1,33,69,.3)}body.service-system-page .zena-proof-story{height:330svh}body.service-system-page .zena-proof-sticky{display:block}body.service-system-page .zena-proof-copy{position:absolute;z-index:4;inset:0;padding:28px 20px;pointer-events:none}body.service-system-page .zena-proof-copy>h2{margin-top:18px}body.service-system-page .zena-proof-chapters{position:absolute;left:20px;right:20px;bottom:22px;margin:0;padding:0 14px;background:rgba(1,33,69,.92);pointer-events:auto}body.service-system-page .zena-proof-chapters article{display:none;grid-template-columns:1fr}body.service-system-page .zena-proof-chapters article.is-active{display:grid}body.service-system-page .zena-proof-copy>a{position:absolute;right:20px;top:28px;pointer-events:auto}body.service-system-page .zena-device{position:absolute;left:20px;right:20px;top:145px;width:auto;height:calc(100% - 320px)}body.service-system-page .blueprint-intro{min-height:690px;padding:54px 20px}body.service-system-page .blueprint-intro h1{max-width:calc(100vw - 40px);font-size:42.068px;letter-spacing:-.055em;overflow-wrap:anywhere}body.service-system-page .blueprint-intro>p:nth-of-type(2){overflow-wrap:anywhere}body.service-system-page .blueprint-intro>.primary-cta{width:100%}body.service-system-page .blueprint-console{padding:26px 20px}body.service-system-page .blueprint-layout{display:block}body.service-system-page .blueprint-questions{padding:12px 18px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .blueprint-map{min-height:560px}}


body.service-system-page .services-hero-micro-saas-page .site-header{position:relative;z-index:30}
body.service-system-page .hero-concept-switcher{position:relative;z-index:29;min-height:50px;padding-left:var(--page-gutter);display:flex;align-items:stretch;justify-content:space-between;color:var(--ink);background:var(--acid);border-bottom:1px solid rgba(1,33,69,.22)}
body.service-system-page .hero-concept-switcher>strong{display:flex;align-items:center;font-size:11px;font-weight:650;letter-spacing:.1em}
body.service-system-page .hero-concept-switcher nav{display:flex}
body.service-system-page .hero-concept-switcher a{min-width:190px;padding:0 20px;display:grid;place-items:center;border-left:1px solid rgba(1,33,69,.22);font-size:10px;font-weight:650;letter-spacing:.08em;text-decoration:none}
body.service-system-page .hero-concept-switcher a[aria-current="page"]{color:var(--mint);background:var(--ink)}
body.service-system-page .sh-preview{position:relative;min-height:calc(100svh - 166px);overflow:hidden}
body.service-system-page .sh-preview h1,body.service-system-page .sh-preview h2,body.service-system-page .sh-preview p{margin-top:0}
body.service-system-page .sh-eyebrow{margin-bottom:24px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.1em}
body.service-system-page .dark-field .sh-eyebrow{color:var(--acid)}
body.service-system-page .sh-cta{width:max-content;min-height:52px;margin-top:30px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:42px;color:var(--mint);background:var(--ink);border:1px solid var(--ink);font-size:11px;font-weight:700;letter-spacing:.09em;text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
body.service-system-page .sh-cta:hover{transform:translateY(-3px);box-shadow:8px 8px 0 rgba(1,33,69,.12)}
body.service-system-page .sh-cta-dark{color:var(--ink);background:var(--acid);border-color:var(--acid)}
body.service-system-page .sh-core{position:relative;width:clamp(180px,17vw,260px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(231,255,0,.68);border-radius:50%;filter:drop-shadow(0 0 22px rgba(231,255,0,.16))}
body.service-system-page .sh-core-ring{position:absolute;border:1px solid rgba(216,236,209,.28);border-radius:50%}
body.service-system-page .sh-core-ring-a{inset:10%;border-style:dashed}body.service-system-page .sh-core-ring-b{inset:24%}body.service-system-page .sh-core-ring-c{inset:37%;border-color:rgba(231,255,0,.55)}
body.service-system-page .sh-core>i{position:absolute;width:7px;aspect-ratio:1;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);animation:sh-core-glow 3.8s ease-in-out infinite}
body.service-system-page .sh-core>i:nth-of-type(1){left:8%;top:48%}body.service-system-page .sh-core>i:nth-of-type(2){right:11%;top:30%;animation-delay:.8s}body.service-system-page .sh-core>i:nth-of-type(3){right:20%;bottom:17%;animation-delay:1.6s}body.service-system-page .sh-core>i:nth-of-type(4){left:27%;top:15%;animation-delay:2.4s}
body.service-system-page .sh-core>div{position:relative;z-index:2;width:37%;aspect-ratio:1;display:grid;place-items:center;color:var(--mint);background:var(--ink);border:1px solid rgba(216,236,209,.28);border-radius:50%;box-shadow:0 0 34px rgba(231,255,0,.18)}
body.service-system-page .sh-core img{width:46%;filter:drop-shadow(0 0 9px rgba(231,255,0,.7))}
body.service-system-page .sh-core small{position:absolute;top:calc(100% + 17px);width:150px;color:inherit;font-size:8px;font-weight:650;letter-spacing:.15em;text-align:center}


body.service-system-page .sh-a{min-height:inherit;display:grid;grid-template-columns:4.2fr 7.8fr;grid-template-rows:1fr 54px}
body.service-system-page .sh-a-copy{padding:clamp(48px,5vw,76px) var(--page-gutter);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}
body.service-system-page .sh-a-copy h1{max-width:12ch;margin-bottom:26px;font:400 42.068px/.93 NewBlack,sans-serif;letter-spacing:-.04em}
body.service-system-page .sh-a-copy h1 span{color:var(--blue)}
body.service-system-page .sh-a-copy>p:not(.sh-eyebrow){max-width:48ch;margin-bottom:0;color:rgba(1,33,69,.72);font-size:17px;line-height:1.55}
body.service-system-page .sh-a-system{position:relative;min-height:600px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:100px 180px;padding:54px clamp(38px,5vw,76px)}
body.service-system-page .sh-a-routes{position:absolute;inset:0;width:100%;height:100%}body.service-system-page .sh-a-routes path{fill:none;stroke:rgba(1,33,69,.34);stroke-width:1.3}body.service-system-page .sh-a-routes path:nth-child(2n){stroke:rgba(231,255,0,.8)}
body.service-system-page .sh-force{position:relative;z-index:2;min-height:135px;padding:21px 22px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(238,248,234,.76);border:1px solid var(--line);transition:transform .4s var(--ease),background .4s var(--ease)}
body.service-system-page .sh-force:hover{transform:translateY(-5px);background:var(--soft)}
body.service-system-page .sh-force span{position:absolute;left:20px;top:17px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.1em}
body.service-system-page .sh-force h2{margin:0 0 10px;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .sh-force p{margin:0;color:rgba(1,33,69,.68);font-size:14px;line-height:1.5}
body.service-system-page .sh-force-build,body.service-system-page .sh-force-brand{justify-self:start}body.service-system-page .sh-force-automate,body.service-system-page .sh-force-grow{justify-self:end}
body.service-system-page .sh-force-build,body.service-system-page .sh-force-automate{align-self:start}body.service-system-page .sh-force-brand,body.service-system-page .sh-force-grow{align-self:end}
body.service-system-page .sh-a-system>.sh-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--ink)}
body.service-system-page .sh-a-output{grid-column:1/-1;padding:0 var(--page-gutter);display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:20px;color:rgba(1,33,69,.58);border-top:1px solid var(--line);font-size:10px;font-weight:650;letter-spacing:.11em}
body.service-system-page .sh-a-output i{height:1px;background:var(--line)}body.service-system-page .sh-a-output strong{color:var(--ink)}


body.service-system-page .sh-b{min-height:inherit;display:grid;grid-template-rows:auto minmax(430px,1fr) 62px}
body.service-system-page .sh-b-copy{padding:42px var(--page-gutter) 30px;display:grid;grid-template-columns:4fr 5fr 3fr;align-items:end;gap:44px;border-bottom:1px solid var(--light-line)}
body.service-system-page .sh-b-copy .sh-eyebrow{grid-column:1/-1;margin-bottom:0}
body.service-system-page .sh-b-copy h1{margin:0;font:400 42.068px/.93 NewBlack,sans-serif;letter-spacing:-.04em}body.service-system-page .sh-b-copy h1 span{color:var(--acid)}
body.service-system-page .sh-b-copy>p:not(.sh-eyebrow){max-width:58ch;margin:0;color:rgba(216,236,209,.72);font-size:17px;line-height:1.55}
body.service-system-page .sh-b-copy .sh-cta{justify-self:end;margin:0}
body.service-system-page .sh-b-map{position:relative;display:grid;grid-template-columns:4.1fr 1.3fr 2.2fr 1.3fr 4.1fr;align-items:center;padding:28px var(--page-gutter)}
body.service-system-page .sh-b-territory{height:100%;display:grid;grid-template-columns:1fr 1fr;align-content:center;border-block:1px solid var(--light-line)}
body.service-system-page .sh-b-territory>p{grid-column:1/-1;margin:0 0 26px;color:rgba(216,236,209,.52);font-size:12px;font-weight:700;letter-spacing:.1em}
body.service-system-page .sh-b-territory article{min-height:155px;padding:24px;border-left:1px solid var(--light-line)}
body.service-system-page .sh-b-market article:last-child,body.service-system-page .sh-b-intelligence article:last-child{border-right:1px solid var(--light-line)}
body.service-system-page .sh-b-territory article span{color:var(--acid);font-size:11px;font-weight:700}body.service-system-page .sh-b-territory article h2{margin:42px 0 10px;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .sh-b-territory article small{color:rgba(216,236,209,.6);font-size:13px;line-height:1.45}
body.service-system-page .sh-b-path{position:relative;height:1px;background:rgba(216,236,209,.3)}body.service-system-page .sh-b-path i{position:absolute;top:-3px;width:7px;aspect-ratio:1;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);animation:sh-signal 3.6s ease-in-out infinite}body.service-system-page .sh-b-path-left i{left:0}body.service-system-page .sh-b-path-right i{right:0;animation-direction:reverse}
body.service-system-page .sh-b-map>.sh-core{justify-self:center}
body.service-system-page .sh-b-output{padding:0 var(--page-gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--light-line);font-size:10px;font-weight:650;letter-spacing:.11em}body.service-system-page .sh-b-output strong{color:var(--acid);font:400 22px/1 NewBlack,sans-serif;text-align:center}body.service-system-page .sh-b-output span:last-child{text-align:right}


body.service-system-page .sh-c{min-height:inherit;display:grid;grid-template-columns:4.2fr 4.5fr 3.3fr}
body.service-system-page .sh-c-copy{padding:clamp(50px,6vw,86px) var(--page-gutter);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}
body.service-system-page .sh-c-copy h1{max-width:12ch;margin-bottom:28px;font:400 42.068px/.93 NewBlack,sans-serif;letter-spacing:-.04em}body.service-system-page .sh-c-copy h1 span{color:var(--blue)}
body.service-system-page .sh-c-copy>p:not(.sh-eyebrow){max-width:48ch;margin:0;color:rgba(1,33,69,.72);font-size:17px;line-height:1.55}
body.service-system-page .sh-c-index{display:flex;flex-direction:column;border-right:1px solid var(--line)}
body.service-system-page .sh-index-row{position:relative;min-height:25%;padding:24px 28px;display:grid;grid-template-columns:40px 1fr auto;grid-template-rows:auto auto;align-content:center;gap:9px 18px;color:var(--ink);background:rgba(238,248,234,.12);border:0;border-bottom:1px solid var(--line);text-align:left;transition:color .35s var(--ease),background .35s var(--ease)}
body.service-system-page .sh-index-row:last-child{border-bottom:0}body.service-system-page .sh-index-row:hover,body.service-system-page .sh-index-row:focus-visible,body.service-system-page .sh-index-row.is-active{color:var(--mint);background:var(--ink);outline:0}body.service-system-page .sh-index-row>span{grid-row:1/3;color:var(--blue);font-size:11px;font-weight:700}body.service-system-page .sh-index-row.is-active>span,body.service-system-page .sh-index-row:hover>span{color:var(--acid)}body.service-system-page .sh-index-row strong{font:400 26px/1 NewBlack,sans-serif}body.service-system-page .sh-index-row small{grid-column:2;color:currentColor;font-size:13px;opacity:.66}body.service-system-page .sh-index-row i{grid-column:3;grid-row:1/3;align-self:center;font-style:normal;font-size:18px}
body.service-system-page .sh-c-preview{padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(82,180,212,.1),rgba(1,33,69,.05))}
body.service-system-page .sh-c-preview .sh-core{width:min(20vw,230px);margin-bottom:58px;color:var(--ink)}
body.service-system-page .sh-index-panels{width:100%;min-height:160px}body.service-system-page .sh-index-panel{display:none}body.service-system-page .sh-index-panel.is-active{display:block;animation:sh-panel-in .45s var(--ease) both}body.service-system-page .sh-index-panel span{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.1em}body.service-system-page .sh-index-panel h2{margin:18px 0 14px;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .sh-index-panel p{max-width:31ch;margin:0;color:rgba(1,33,69,.68);font-size:15px;line-height:1.5}


body.service-system-page .sh-board{min-height:100svh;padding:clamp(48px,7vw,100px) var(--page-gutter);color:var(--ink)}
body.service-system-page .sh-board>header img{width:46px}body.service-system-page .sh-board>header p{margin:28px 0 18px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.1em}body.service-system-page .sh-board>header h1{max-width:15ch;margin:0;font:400 42.068px/.94 NewBlack,sans-serif}body.service-system-page .sh-board>header span{display:block;margin-top:18px;color:rgba(1,33,69,.68);font-size:17px}
body.service-system-page .sh-board>div{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
body.service-system-page .sh-board a{min-height:320px;padding:34px;display:flex;flex-direction:column;border-right:1px solid var(--line);text-decoration:none;transition:color .35s var(--ease),background .35s var(--ease)}body.service-system-page .sh-board a:last-child{border-right:0}body.service-system-page .sh-board a:hover{color:var(--mint);background:var(--ink)}body.service-system-page .sh-board a>span{color:var(--blue);font-size:13px;font-weight:700}body.service-system-page .sh-board a:hover>span{color:var(--acid)}body.service-system-page .sh-board a>strong{margin:auto 0 20px;font:400 26px/1 NewBlack,sans-serif}body.service-system-page .sh-board a>small{max-width:34ch;font-size:15px;line-height:1.5;opacity:.68}

@keyframes sh-core-glow{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.15)}}
@keyframes sh-signal{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}
@keyframes sh-panel-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media(max-width:1100px){
  body.service-system-page .hero-concept-switcher a{min-width:150px}
  body.service-system-page .sh-a{grid-template-columns:4.6fr 7.4fr}body.service-system-page .sh-a-system{gap:100px 115px;padding-inline:34px}body.service-system-page .sh-force{min-width:150px}
  body.service-system-page .sh-b-copy{grid-template-columns:5fr 7fr}body.service-system-page .sh-b-copy .sh-cta{display:none}body.service-system-page .sh-b-map{grid-template-columns:4.5fr .8fr 2.2fr .8fr 4.5fr;padding-inline:30px}body.service-system-page .sh-b-territory article{padding:18px}
  body.service-system-page .sh-c{grid-template-columns:4fr 5fr 3fr}body.service-system-page .sh-c-preview{padding:24px}body.service-system-page .sh-index-row{padding-inline:20px}
}

@media(max-width:760px){
  body.service-system-page .services-hero-micro-saas-page .site-header{position:sticky;top:0}
  body.service-system-page .hero-concept-switcher{min-height:auto;padding:0;display:block}body.service-system-page .hero-concept-switcher>strong{min-height:42px;padding:0 20px}body.service-system-page .hero-concept-switcher nav{display:grid;grid-template-columns:repeat(3,1fr)}body.service-system-page .hero-concept-switcher a{min-width:0;min-height:48px;padding:8px 6px;border-top:1px solid rgba(1,33,69,.22);font-size:8px;text-align:center}
  body.service-system-page .sh-preview{min-height:0}body.service-system-page .sh-eyebrow{font-size:11px;line-height:1.35}
  body.service-system-page .sh-a{display:block}body.service-system-page .sh-a-copy{min-height:620px;padding:64px 22px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .sh-a-copy h1{font-size:42.068px}body.service-system-page .sh-a-copy>p:not(.sh-eyebrow){font-size:16px}body.service-system-page .sh-a-system{min-height:720px;padding:42px 20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:250px 14px}body.service-system-page .sh-a-system>.sh-core{width:230px}body.service-system-page .sh-force{width:100%;min-width:0;min-height:150px}body.service-system-page .sh-force h2{font-size:24px}body.service-system-page .sh-force p{font-size:13px}body.service-system-page .sh-a-routes{display:none}body.service-system-page .sh-a-output{min-height:120px;padding:20px;grid-template-columns:1fr;text-align:center}body.service-system-page .sh-a-output i{display:none}
  body.service-system-page .sh-b{display:block}body.service-system-page .sh-b-copy{min-height:670px;padding:62px 22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}body.service-system-page .sh-b-copy h1{font-size:42.068px}body.service-system-page .sh-b-copy>p:not(.sh-eyebrow){font-size:16px}body.service-system-page .sh-b-copy .sh-cta{display:flex}body.service-system-page .sh-b-map{padding:50px 20px 70px;display:flex;flex-direction:column}body.service-system-page .sh-b-territory{width:100%;display:block;border:1px solid var(--light-line)}body.service-system-page .sh-b-territory>p{padding:20px;margin:0;border-bottom:1px solid var(--light-line)}body.service-system-page .sh-b-territory article{min-height:130px;border:0;border-bottom:1px solid var(--light-line)}body.service-system-page .sh-b-territory article:last-child{border:0}body.service-system-page .sh-b-territory article h2{margin-top:28px}body.service-system-page .sh-b-map>.sh-core{width:230px;margin:70px auto}body.service-system-page .sh-b-path{position:absolute;left:50%;width:1px;height:70px}body.service-system-page .sh-b-path-left{top:calc(50% - 135px)}body.service-system-page .sh-b-path-right{bottom:calc(50% - 135px)}body.service-system-page .sh-b-path i{left:-3px!important;animation:sh-signal-vertical 3.6s ease-in-out infinite!important}body.service-system-page .sh-b-output{min-height:130px;padding:26px 20px;grid-template-columns:1fr;text-align:center;gap:16px}body.service-system-page .sh-b-output span:last-child{text-align:center}
  body.service-system-page .sh-c{display:block}body.service-system-page .sh-c-copy{min-height:650px;padding:64px 22px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .sh-c-copy h1{font-size:42.068px}body.service-system-page .sh-c-copy>p:not(.sh-eyebrow){font-size:16px}body.service-system-page .sh-c-index{border-right:0}body.service-system-page .sh-index-row{min-height:126px;padding:24px 20px;grid-template-columns:34px 1fr auto}body.service-system-page .sh-index-row strong{font-size:24px}body.service-system-page .sh-c-preview{min-height:600px;padding:62px 22px}body.service-system-page .sh-c-preview .sh-core{width:230px;margin-bottom:80px}body.service-system-page .sh-index-panels{min-height:180px}body.service-system-page .sh-index-panel{text-align:center}body.service-system-page .sh-index-panel p{margin-inline:auto;font-size:16px}
  body.service-system-page .sh-board{padding:56px 20px}body.service-system-page .sh-board>div{margin-top:46px;display:block}body.service-system-page .sh-board a{min-height:240px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .sh-board a:last-child{border-bottom:0}
}

@keyframes sh-signal-vertical{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 7px);opacity:0}}


body.service-system-page .micro-saas-page{width:100%;max-width:100%;overflow-x:clip}
body.service-system-page .forge-hero{height:calc(100svh - 116px);min-height:680px;max-height:780px;padding:28px clamp(28px,4.5vw,72px) 0;grid-template-rows:auto minmax(0,1fr) 76px}
body.service-system-page .forge-index{font-size:9px;color:rgba(216,236,209,.62)}
body.service-system-page .forge-title{grid-column:1/6;align-self:center}
body.service-system-page .forge-title>p{margin-bottom:20px}
body.service-system-page .forge-title h1{max-width:15ch;line-height:.94}
body.service-system-page .forge-core{grid-column:6/9;width:min(24vw,330px)}
body.service-system-page .forge-description{grid-column:9/13}
body.service-system-page .forge-description>p{max-width:42ch;font-size:16px;line-height:1.58}
body.service-system-page .forge-output{min-height:76px}
body.service-system-page .foundry-story{height:220svh}
body.service-system-page .zena-proof-story{height:250svh}
body.service-system-page .product-window{opacity:1}

body.service-system-page .service-authority-intro{min-height:640px;padding:clamp(58px,7vw,104px) clamp(28px,5vw,76px);display:grid;grid-template-columns:4fr 8fr;grid-template-rows:1fr auto;gap:54px 7vw;border-bottom:1px solid var(--line)}
body.service-system-page .service-authority-intro>header p{margin:0;color:var(--blue);font-size:9px;font-weight:650;letter-spacing:.14em}
body.service-system-page .service-authority-intro>header h2{max-width:13ch;margin:30px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .service-authority-copy{align-self:start;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px)}
body.service-system-page .service-authority-copy p{max-width:66ch;margin:0;color:rgba(1,33,69,.7);font-size:16px;line-height:1.68}
body.service-system-page .service-authority-copy p:first-child::first-letter{float:left;margin:3px 10px 0 0;color:var(--blue);font:400 52px/.8 NewBlack,sans-serif}
body.service-system-page .service-authority-outcomes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
body.service-system-page .service-authority-outcomes span{min-height:84px;padding:0 20px;display:flex;align-items:center;border-right:1px solid var(--line);font:400 18px/1 NewBlack,sans-serif}
body.service-system-page .service-authority-outcomes span::before{content:"";width:7px;height:7px;margin-right:16px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px rgba(231,255,0,.8)}
body.service-system-page .service-authority-outcomes span:last-child{border-right:0}


body.service-system-page .service-overview{min-height:calc(100svh - 78px);display:grid;grid-template-columns:minmax(330px,4.25fr) minmax(0,7.75fr);border-bottom:1px solid var(--line)}
body.service-system-page .service-overview-copy{padding:clamp(54px,7vw,96px) clamp(28px,5vw,76px);display:flex;flex-direction:column;border-right:1px solid var(--line)}
body.service-system-page .service-overview-copy>p{margin:0;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .service-overview-copy h2{margin:clamp(42px,7vh,80px) 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .service-overview-copy h2 span{color:var(--blue)}
body.service-system-page .service-overview-body{margin-top:auto;padding-top:30px;display:grid;gap:24px;border-top:1px solid var(--line)}
body.service-system-page .service-overview-body p{max-width:62ch;margin:0;color:rgba(1,33,69,.8);font-size:17px;line-height:1.68}
body.service-system-page .overview-outcomes{position:relative;padding:clamp(42px,5vw,72px) clamp(28px,5vw,70px);display:grid;grid-template-rows:repeat(3,1fr);overflow:hidden}
body.service-system-page .overview-outcomes::before{content:"";position:absolute;right:-12%;top:-28%;width:min(44vw,650px);aspect-ratio:1;border:1px solid rgba(1,33,69,.12);border-radius:50%}
body.service-system-page .overview-outcomes article{position:relative;z-index:2;display:grid;grid-template-columns:70px 1fr;align-items:center;border-top:1px solid var(--line)}
body.service-system-page .overview-outcomes article:last-of-type{border-bottom:1px solid var(--line)}
body.service-system-page .overview-outcomes article>span{color:var(--blue);font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .overview-outcomes article>div{padding:24px 0 24px 30px;border-left:1px solid var(--line)}
body.service-system-page .overview-outcomes h3{margin:0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .overview-outcomes p{max-width:54ch;margin:12px 0 0;color:rgba(1,33,69,.76);font-size:16px;line-height:1.6}
body.service-system-page .overview-outcomes small{margin-top:10px;display:block;color:rgba(1,33,69,.64);font-size:14px;line-height:1.5}
body.service-system-page .overview-signal{position:absolute;z-index:3;right:clamp(24px,4vw,58px);top:50%;width:92px;aspect-ratio:1;display:grid;place-items:center;transform:translateY(-50%);pointer-events:none}
body.service-system-page .overview-signal::before,body.service-system-page .overview-signal>span{content:"";position:absolute;border:1px solid rgba(231,255,0,.75);border-radius:50%}
body.service-system-page .overview-signal::before{inset:0;background:rgba(216,236,209,.64);box-shadow:0 0 34px rgba(231,255,0,.22)}
body.service-system-page .overview-signal>span{inset:20%;border-style:dashed;animation:spin 24s linear infinite}
body.service-system-page .overview-signal img{position:relative;z-index:2;width:29%}


body.service-system-page .micro-capabilities{position:relative;display:grid;grid-template-columns:minmax(340px,4.1fr) minmax(0,7.9fr);background-attachment:fixed}
body.service-system-page .micro-capabilities::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,236,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.055) 1px,transparent 1px);background-size:48px 48px}
body.service-system-page .micro-capabilities-intro{position:sticky;z-index:2;top:0;height:calc(100svh - 78px);min-height:660px;padding:clamp(54px,6vw,88px) clamp(28px,5vw,70px);display:flex;flex-direction:column;border-right:1px solid var(--light-line)}
body.service-system-page .micro-capabilities-intro>div:first-child>p{margin:0;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .micro-capabilities-intro h2{max-width:15ch;margin:32px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .micro-capabilities-intro h2 span{color:rgba(216,236,209,.62)}
body.service-system-page .micro-capabilities-intro>div:first-child>p.micro-capabilities-intro-copy{max-width:48ch;margin:24px 0 0;color:rgba(216,236,209,.78);font-size:16px;font-weight:400;line-height:1.62;letter-spacing:0}
body.service-system-page .micro-capabilities-core{--orbit-radius:calc(min(25vw,340px)/2 - 10px);position:relative;width:min(25vw,340px);aspect-ratio:1;margin:auto;display:grid;place-items:center}
body.service-system-page .service-orbit{position:absolute;border:1px solid rgba(216,236,209,.22);border-radius:50%}
body.service-system-page .service-orbit-outer{inset:0}
body.service-system-page .service-orbit-inner{inset:19%;border-style:dashed;animation:spin 28s linear infinite}
body.service-system-page .micro-capabilities-core>i{position:absolute;left:50%;top:50%;width:10px;aspect-ratio:1;border:1px solid var(--yellow);border-radius:50%;background:var(--deep);box-shadow:0 0 13px rgba(231,255,0,.72);transform:translate(-50%,-50%) rotate(calc(var(--node) * var(--node-angle, 60deg))) translateY(calc(-1 * var(--orbit-radius)));transition:background .4s var(--ease),box-shadow .4s var(--ease),transform .55s var(--ease)}
body.service-system-page .micro-capabilities-core>i:nth-of-type(1){--node:0}body.service-system-page .micro-capabilities-core>i:nth-of-type(2){--node:1}body.service-system-page .micro-capabilities-core>i:nth-of-type(3){--node:2}body.service-system-page .micro-capabilities-core>i:nth-of-type(4){--node:3}body.service-system-page .micro-capabilities-core>i:nth-of-type(5){--node:4}body.service-system-page .micro-capabilities-core>i:nth-of-type(6){--node:5}
body.service-system-page .micro-capabilities-core>div{position:relative;width:39%;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--yellow);border-radius:50%;background:rgba(1,33,69,.72);box-shadow:0 0 54px rgba(231,255,0,.15)}
body.service-system-page .micro-capabilities-core>div::before{content:"";position:absolute;inset:-22%;border:1px solid rgba(231,255,0,.35);border-radius:50%}
body.service-system-page .micro-capabilities-core img{width:31%;filter:drop-shadow(0 0 12px rgba(231,255,0,.72));transition:opacity .35s var(--ease),transform .45s var(--ease)}
body.service-system-page .micro-capabilities-core b{position:absolute;opacity:0;color:var(--yellow);font:400 31px/1 NewBlack,sans-serif;transition:opacity .35s var(--ease),transform .45s var(--ease)}
body.service-system-page .micro-capabilities-core[data-active] img{opacity:.2;transform:scale(.72)}
body.service-system-page .micro-capabilities-core[data-active] b{opacity:1;transform:scale(1.05)}
body.service-system-page .micro-capabilities-core[data-active="0"]>i:nth-of-type(1),body.service-system-page .micro-capabilities-core[data-active="1"]>i:nth-of-type(2),body.service-system-page .micro-capabilities-core[data-active="2"]>i:nth-of-type(3),body.service-system-page .micro-capabilities-core[data-active="3"]>i:nth-of-type(4),body.service-system-page .micro-capabilities-core[data-active="4"]>i:nth-of-type(5),body.service-system-page .micro-capabilities-core[data-active="5"]>i:nth-of-type(6),body.service-system-page .micro-capabilities-core>i.is-active{background:var(--yellow);box-shadow:0 0 25px var(--yellow);transform:translate(-50%,-50%) rotate(calc(var(--node) * var(--node-angle, 60deg))) translateY(calc(-1 * var(--orbit-radius))) scale(1.55)}
body.service-system-page .micro-capabilities-list{position:relative;z-index:2;padding:clamp(30px,4vw,56px) clamp(28px,5vw,72px)}
body.service-system-page .micro-capabilities-item{min-height:176px;padding:30px 0;display:grid;grid-template-columns:74px minmax(0,1fr) 180px;gap:28px;align-items:center;border-top:1px solid var(--light-line);outline:0;transition:background .38s var(--ease),padding .38s var(--ease)}
body.service-system-page .micro-capabilities-item:last-child{border-bottom:1px solid var(--light-line)}
body.service-system-page .micro-capabilities-item>span{align-self:start;padding-top:5px;color:var(--yellow);font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .micro-capabilities-item h3{max-width:25ch;margin:0;font:400 22px/1.06 NewBlack,sans-serif;transition:color .35s var(--ease),transform .4s var(--ease)}
body.service-system-page .micro-capabilities-item p{max-width:58ch;margin:14px 0 0;color:rgba(216,236,209,.78);font-size:17px;line-height:1.62}
body.service-system-page .micro-capabilities-item svg{width:100%;overflow:visible}
body.service-system-page .micro-capabilities-item path{fill:none;stroke:rgba(216,236,209,.28);stroke-width:1.2;stroke-dasharray:220;stroke-dashoffset:0;transition:stroke .35s var(--ease),stroke-dashoffset .8s var(--ease)}
body.service-system-page .micro-capabilities-item circle{fill:rgba(216,236,209,.35);transition:fill .35s var(--ease),filter .35s var(--ease)}
body.service-system-page .micro-capabilities-item:hover,body.service-system-page .micro-capabilities-item:focus,body.service-system-page .micro-capabilities-item.is-active{padding-inline:20px;background:rgba(82,180,212,.12)}
body.service-system-page .micro-capabilities-item:hover h3,body.service-system-page .micro-capabilities-item:focus h3,body.service-system-page .micro-capabilities-item.is-active h3{color:var(--yellow);transform:translateX(4px)}
body.service-system-page .micro-capabilities-item:hover path,body.service-system-page .micro-capabilities-item:focus path,body.service-system-page .micro-capabilities-item.is-active path{stroke:var(--yellow);stroke-dashoffset:-220}
body.service-system-page .micro-capabilities-item:hover circle,body.service-system-page .micro-capabilities-item:focus circle,body.service-system-page .micro-capabilities-item.is-active circle{fill:var(--yellow);filter:drop-shadow(0 0 6px var(--yellow))}


body.service-system-page .delivery-process{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
body.service-system-page .delivery-process-heading{min-height:340px;padding:clamp(58px,7vw,96px) clamp(28px,5vw,76px);display:grid;grid-template-columns:minmax(300px,4.2fr) minmax(0,7.8fr);align-items:end;gap:7vw;border-bottom:1px solid var(--line)}
body.service-system-page .delivery-process-heading>div>p{margin:0;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .delivery-process-heading h2{max-width:18ch;margin:34px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .delivery-process-heading h2 span{color:var(--blue)}
body.service-system-page .delivery-process-heading>p{max-width:72ch;margin:0;color:rgba(1,33,69,.8);font-size:17px;line-height:1.66}
body.service-system-page .process-route{--active-position:16.666%;position:relative;padding:0 clamp(28px,5vw,76px);display:grid;grid-template-columns:repeat(3,1fr)}
body.service-system-page .process-route[data-active="1"]{--active-position:50%}body.service-system-page .process-route[data-active="2"]{--active-position:83.333%}
body.service-system-page .process-route-four{--active-position:12.5%;grid-template-columns:repeat(4,1fr)}
body.service-system-page .process-route-four[data-active="1"]{--active-position:37.5%}body.service-system-page .process-route-four[data-active="2"]{--active-position:62.5%}body.service-system-page .process-route-four[data-active="3"]{--active-position:87.5%}
body.service-system-page .process-route-four .process-phase{min-height:600px}
body.service-system-page .process-route-five{--active-position:10%;grid-template-columns:repeat(5,1fr)}
body.service-system-page .process-route-five[data-active="1"]{--active-position:30%}body.service-system-page .process-route-five[data-active="2"]{--active-position:50%}body.service-system-page .process-route-five[data-active="3"]{--active-position:70%}body.service-system-page .process-route-five[data-active="4"]{--active-position:90%}
body.service-system-page .process-route-five .process-phase{min-height:900px;padding-inline:clamp(18px,2vw,32px)}
body.service-system-page .process-route-line{position:absolute;z-index:3;left:calc(clamp(28px,5vw,76px) + 5%);right:calc(clamp(28px,5vw,76px) + 5%);top:82px;height:1px;background:rgba(1,33,69,.24);pointer-events:none}
body.service-system-page .process-route-line>span{position:absolute;left:0;top:-1px;width:calc(var(--active-position) - 6%);height:3px;background:var(--yellow);box-shadow:0 0 13px rgba(231,255,0,.62);transition:width .6s var(--ease)}
body.service-system-page .process-route-line>i{position:absolute;left:var(--active-position);top:50%;width:13px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:0 0 20px rgba(231,255,0,.82);transform:translate(-50%,-50%);transition:left .6s var(--ease)}
body.service-system-page .process-phase{position:relative;min-width:0;min-height:720px;padding:42px clamp(24px,3vw,48px) 48px;display:flex;flex-direction:column;border-right:1px solid var(--line);outline:0;transition:background .4s var(--ease)}
body.service-system-page .process-phase:last-child{border-right:0}
body.service-system-page .process-phase:hover,body.service-system-page .process-phase:focus,body.service-system-page .process-phase.is-active{background:rgba(82,180,212,.1)}
body.service-system-page .process-node{position:relative;z-index:4;width:80px;aspect-ratio:1;margin:0 auto;display:grid;place-items:center;border:1px solid rgba(1,33,69,.32);border-radius:50%;background:var(--soft);transition:border-color .4s var(--ease),background .4s var(--ease),box-shadow .4s var(--ease)}
body.service-system-page .process-node::before{content:"";position:absolute;inset:13%;border:1px dashed rgba(1,33,69,.24);border-radius:50%}
body.service-system-page .process-node span{position:relative;z-index:2;color:var(--blue);font:400 21px/1 NewBlack,sans-serif}
body.service-system-page .process-phase:hover .process-node,body.service-system-page .process-phase:focus .process-node,body.service-system-page .process-phase.is-active .process-node{border-color:var(--yellow);background:var(--ink);box-shadow:0 0 28px rgba(231,255,0,.2)}
body.service-system-page .process-phase:hover .process-node span,body.service-system-page .process-phase:focus .process-node span,body.service-system-page .process-phase.is-active .process-node span{color:var(--yellow)}
body.service-system-page .process-phase-name{margin:56px 0 0;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.07em}
body.service-system-page .process-phase h3{max-width:20ch;margin:18px 0 0;font:400 24px/1.04 NewBlack,sans-serif}
body.service-system-page .process-source-copy{max-width:52ch;margin:20px 0 0;color:rgba(1,33,69,.78);font-size:16px;line-height:1.62}
body.service-system-page .process-work{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
body.service-system-page .process-work h4{margin:0 0 16px;font:600 15px/1.2 Acumin,sans-serif}
body.service-system-page .process-work ul{margin:0;padding:0;list-style:none}
body.service-system-page .process-work li{position:relative;margin-top:11px;padding-left:18px;color:rgba(1,33,69,.76);font-size:16px;line-height:1.55}
body.service-system-page .process-work li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px rgba(231,255,0,.75)}
body.service-system-page .process-result{margin-top:auto;padding-top:25px;border-top:1px solid var(--line)}
body.service-system-page .process-result strong{display:block;color:var(--blue);font-size:13px;letter-spacing:.04em}
body.service-system-page .process-result p{max-width:48ch;margin:10px 0 0;color:rgba(1,33,69,.76);font-size:16px;line-height:1.58}


body.service-system-page .industry-usecases{position:relative;overflow:hidden;border-bottom:1px solid var(--light-line)}
body.service-system-page .industry-usecases::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,236,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.055) 1px,transparent 1px);background-size:48px 48px}
body.service-system-page .industry-usecases-heading{position:relative;z-index:2;min-height:360px;padding:clamp(58px,7vw,96px) clamp(28px,5vw,76px);display:grid;grid-template-columns:minmax(300px,4.2fr) minmax(0,7.8fr);align-items:end;gap:7vw;border-bottom:1px solid var(--light-line)}
body.service-system-page .industry-usecases-heading>div>p{margin:0;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .industry-usecases-heading h2{max-width:19ch;margin:34px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .industry-usecases-heading h2 span{color:rgba(216,236,209,.58)}
body.service-system-page .industry-usecases-heading>p{max-width:72ch;margin:0;color:rgba(216,236,209,.8);font-size:17px;line-height:1.66}
body.service-system-page .industry-observatory{position:relative;z-index:2;min-height:900px;display:grid;grid-template-columns:minmax(270px,3.25fr) minmax(0,8.75fr)}
body.service-system-page .industry-selector{border-right:1px solid var(--light-line)}
body.service-system-page .industry-selector-item{width:100%;min-height:108px;padding:0 clamp(22px,3vw,42px);display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:12px;color:rgba(216,236,209,.56);background:transparent;border:0;border-bottom:1px solid var(--light-line);outline:0;text-align:left;transition:color .35s var(--ease),background .35s var(--ease),padding .4s var(--ease)}
body.service-system-page .industry-selector-item span{font-size:12px;font-weight:700;letter-spacing:.08em}
body.service-system-page .industry-selector-item strong{font:400 16px/1.1 NewBlack,sans-serif}
body.service-system-page .industry-selector-item i{font-size:16px;font-style:normal;opacity:0;transform:translateX(-8px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
body.service-system-page .industry-selector-item:hover,body.service-system-page .industry-selector-item:focus-visible,body.service-system-page .industry-selector-item.is-active{padding-left:clamp(30px,3.6vw,54px);color:var(--ink);background:var(--yellow)}
body.service-system-page .industry-selector-item:hover i,body.service-system-page .industry-selector-item:focus-visible i,body.service-system-page .industry-selector-item.is-active i{opacity:1;transform:none}
body.service-system-page .industry-stage{min-width:0;padding:clamp(30px,4vw,58px) clamp(28px,5vw,72px) clamp(48px,5vw,72px);background:rgba(1,33,69,.18)}
body.service-system-page .industry-stage-status{min-height:44px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;color:rgba(216,236,209,.48);font-size:12px;font-weight:650;letter-spacing:.09em}
body.service-system-page .industry-stage-status b{color:var(--mint);font-weight:650}
body.service-system-page .industry-stage-status b i{color:var(--yellow);font-style:normal}
body.service-system-page .industry-workflow-visual{position:relative;height:300px;margin-top:12px;border-block:1px solid var(--light-line);overflow:hidden}
body.service-system-page .industry-workflow-visual>svg{position:absolute;inset:0;width:100%;height:100%}
body.service-system-page .industry-workflow-visual path{fill:none;stroke:rgba(216,236,209,.33);stroke-width:1.2;stroke-dasharray:950;animation:industrySignal 4.5s linear infinite}
body.service-system-page .industry-workflow-visual circle{fill:var(--yellow);filter:drop-shadow(0 0 8px var(--yellow))}
body.service-system-page .industry-flow-node{position:absolute;z-index:2;width:126px;min-height:64px;padding:13px 15px;display:flex;flex-direction:column;justify-content:center;background:rgba(1,33,69,.8);border:1px solid var(--light-line)}
body.service-system-page .industry-flow-node span{color:var(--yellow);font-size:11px;font-weight:700}
body.service-system-page .industry-flow-node strong{margin-top:7px;font:400 14px/1 NewBlack,sans-serif}
body.service-system-page .flow-node-a{left:2%;top:50%;transform:translateY(-50%)}
body.service-system-page .flow-node-b{left:38%;top:10%}
body.service-system-page .flow-node-c{right:2%;bottom:9%}
body.service-system-page .industry-flow-core{position:absolute;z-index:3;left:61%;top:54%;width:116px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(231,255,0,.58);border-radius:50%;background:rgba(1,33,69,.75);box-shadow:0 0 56px rgba(231,255,0,.12);transform:translate(-50%,-50%)}
body.service-system-page .industry-flow-core::before,body.service-system-page .industry-flow-core>span{content:"";position:absolute;border:1px solid rgba(216,236,209,.25);border-radius:50%}
body.service-system-page .industry-flow-core::before{inset:-24%;border-style:dashed}
body.service-system-page .industry-flow-core>span:nth-child(1){inset:15%}
body.service-system-page .industry-flow-core>span:nth-child(2){inset:31%;border-color:rgba(231,255,0,.38)}
body.service-system-page .industry-flow-core img{position:relative;z-index:2;width:27%;animation:industryCoreGlow 3.2s ease-in-out infinite}
body.service-system-page .industry-panels{position:relative;min-height:410px}
body.service-system-page .industry-usecase-panel{position:absolute;inset:0;padding-top:42px;display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(210px,1fr);grid-template-rows:auto auto;gap:40px 6vw;visibility:hidden;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .42s var(--ease),transform .52s var(--ease),visibility .42s}
body.service-system-page .industry-usecase-panel.is-active{visibility:visible;opacity:1;transform:none;pointer-events:auto}
body.service-system-page .web-industry-observatory .industry-panels{min-height:360px}
body.service-system-page .web-industry-panel{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:start}
body.service-system-page .web-industry-panel .industry-panel-problem{padding-top:0;border-top:0}
body.service-system-page .industry-panel-title p{margin:0;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.065em}
body.service-system-page .industry-panel-title h3{max-width:17ch;margin:22px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .industry-panel-problem strong,body.service-system-page .industry-panel-workflow>strong,body.service-system-page .industry-panel-outcome strong{display:block;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.045em}
body.service-system-page .industry-panel-problem p,body.service-system-page .industry-panel-outcome p{max-width:54ch;margin:15px 0 0;color:rgba(216,236,209,.78);font-size:16px;line-height:1.64}
body.service-system-page .industry-panel-workflow,body.service-system-page .industry-panel-outcome{padding-top:26px;border-top:1px solid var(--light-line)}
body.service-system-page .industry-panel-workflow ol{margin:17px 0 0;padding:0;list-style:none;counter-reset:workflow}
body.service-system-page .industry-panel-workflow li{counter-increment:workflow;position:relative;min-height:42px;padding:11px 0 11px 40px;border-bottom:1px solid rgba(216,236,209,.12);color:rgba(216,236,209,.75);font-size:14px;line-height:1.4}
body.service-system-page .industry-panel-workflow li::before{content:"0" counter(workflow);position:absolute;left:0;color:var(--yellow);font-size:12px;font-weight:700}
body.service-system-page .industry-usecases-footer{position:relative;z-index:2;min-height:132px;padding:28px clamp(28px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--light-line)}
body.service-system-page .industry-usecases-footer p{max-width:70ch;margin:0;color:rgba(216,236,209,.62);font-size:14px;line-height:1.55}
body.service-system-page .industry-usecases-footer button{min-width:300px;min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);background:var(--yellow);border:1px solid var(--yellow);font-size:12px;font-weight:750;letter-spacing:.08em;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
body.service-system-page .industry-usecases-footer button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--mint)}
@keyframes industrySignal{from{stroke-dashoffset:950}to{stroke-dashoffset:0}}
@keyframes industryCoreGlow{0%,100%{filter:drop-shadow(0 0 5px rgba(231,255,0,.45));opacity:.78}50%{filter:drop-shadow(0 0 16px rgba(231,255,0,.95));opacity:1}}


body.service-system-page .product-brief-hero{min-height:calc(100svh - 116px);display:grid;grid-template-columns:minmax(0,7.4fr) minmax(400px,4.6fr);border-bottom:1px solid var(--line)}
body.service-system-page .product-brief-main{min-width:0;min-height:680px;padding:34px clamp(30px,5vw,76px) 48px;display:flex;flex-direction:column;border-right:1px solid var(--line)}
body.service-system-page .product-brief-heading{margin:auto 0}
body.service-system-page .product-brief-eyebrow{margin:0 0 26px;padding-bottom:15px;display:flex;align-items:center;gap:16px;color:var(--blue);border-bottom:1px solid var(--line);font-size:16px;font-weight:700;letter-spacing:.035em}
body.service-system-page .product-brief-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px rgba(231,255,0,.8)}
body.service-system-page .product-brief-breadcrumb{margin:0;color:rgba(1,33,69,.66);font-size:14px;font-weight:600;letter-spacing:.025em}
body.service-system-page .product-brief-main h1{width:100%;max-width:100%;margin:0;font:400 42.068px/.94 NewBlack,sans-serif;letter-spacing:-.035em;text-wrap:balance}
body.service-system-page .product-brief-main h1 span{display:block;color:var(--blue)}
body.service-system-page .product-brief-thesis{margin-top:44px;padding-top:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;border-top:1px solid var(--line)}
body.service-system-page .product-brief-thesis>p{max-width:58ch;margin:0;color:rgba(1,33,69,.82);font-size:17px;line-height:1.62}
body.service-system-page .product-brief-thesis .primary-cta{min-width:220px;min-height:60px;padding:0 20px;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-size:13px;font-weight:750;letter-spacing:.075em;transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
body.service-system-page .product-brief-thesis .primary-cta span{font-size:19px;font-weight:700;line-height:1}
body.service-system-page .product-brief-thesis .primary-cta:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--ink)}
body.service-system-page .product-brief-thesis .primary-cta:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
body.service-system-page .product-brief-actions{display:flex;flex-direction:column;align-items:stretch;gap:18px}
body.service-system-page .product-brief-actions>a{width:max-content;color:var(--ink);font-size:14px;font-weight:700;letter-spacing:.035em;text-decoration:none;border-bottom:1px solid var(--ink)}
body.service-system-page .product-brief-actions>.primary-cta{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}
body.service-system-page .secondary-service-cta{min-height:46px;padding:0;display:flex;align-items:center;justify-content:space-between;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ink);font-size:14px;font-weight:700;text-align:left;cursor:pointer}
body.service-system-page .product-brief-system{min-width:0;min-height:680px;padding:clamp(28px,3vw,44px)}
body.service-system-page .brief-system-map{position:relative;width:100%;height:100%;min-height:590px}
body.service-system-page .brief-system-map>svg{position:absolute;inset:7% 0;width:100%;height:86%}
body.service-system-page .brief-system-map svg path{fill:none;stroke:rgba(216,236,209,.36);stroke-width:1.2}
body.service-system-page .brief-system-map svg circle{fill:var(--yellow);filter:drop-shadow(0 0 7px var(--yellow))}
body.service-system-page .brief-system-input,body.service-system-page .brief-system-output{position:absolute;z-index:2;min-width:190px;padding:16px;color:var(--mint);background:rgba(1,33,69,.7);border:1px solid var(--light-line)}
body.service-system-page .brief-system-input{left:0;top:10%}
body.service-system-page .brief-system-output{right:0;bottom:10%;border-color:var(--yellow)}
body.service-system-page .brief-system-input strong,body.service-system-page .brief-system-output strong{font:400 18px/1.08 NewBlack,sans-serif}
body.service-system-page .brief-system-input small,body.service-system-page .brief-system-output small{display:block;margin-top:10px;color:rgba(216,236,209,.58);font-size:9px;letter-spacing:.1em}
body.service-system-page .brief-system-core{position:absolute;z-index:3;left:50%;top:50%;width:156px;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%)}
body.service-system-page .brief-system-core::before,body.service-system-page .brief-system-core>span{content:"";position:absolute;border:1px solid rgba(231,255,0,.42);border-radius:50%}
body.service-system-page .brief-system-core::before{inset:0}
body.service-system-page .brief-system-core>span:nth-of-type(1){inset:17%;border-style:dashed;animation:spin 27s linear infinite}
body.service-system-page .brief-system-core>span:nth-of-type(2){inset:34%;background:rgba(1,33,69,.55);box-shadow:0 0 45px rgba(231,255,0,.14)}
body.service-system-page .brief-system-core img{position:relative;z-index:2;width:25%;filter:drop-shadow(0 0 13px rgba(231,255,0,.78))}
body.service-system-page .service-page-sections .product-brief-hero{min-height:calc(100svh - 78px)}

body.service-system-page .product-evidence{min-height:720px;display:grid;grid-template-columns:5fr 7fr;border-block:1px solid var(--line)}
body.service-system-page .product-evidence-copy{padding:clamp(60px,7vw,108px) clamp(28px,5vw,76px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}
body.service-system-page .product-evidence-copy>p:first-child,body.service-system-page .build-system>header p,body.service-system-page .advantage-primary>header p,body.service-system-page .connected-capabilities>header p,body.service-system-page .cro-faq-main>header p{margin:0;color:var(--blue);font-size:9px;font-weight:650;letter-spacing:.14em}
body.service-system-page .product-evidence-copy h2,body.service-system-page .build-system>header h2,body.service-system-page .advantage-primary>header h2,body.service-system-page .connected-capabilities>header h2,body.service-system-page .cro-faq-main>header h2{max-width:19ch;margin:26px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .product-evidence-copy>p:nth-of-type(2){max-width:55ch;margin:28px 0 0;color:rgba(1,33,69,.68);font-size:15px;line-height:1.62}
body.service-system-page .product-evidence-copy>a{width:max-content;margin-top:34px;padding-bottom:7px;border-bottom:1px solid var(--ink);font-size:9px;font-weight:650;letter-spacing:.12em;text-decoration:none}
body.service-system-page .product-evidence-window{margin:clamp(38px,5vw,76px);align-self:center;overflow:hidden;background:var(--soft);border:1px solid var(--line);box-shadow:24px 24px rgba(1,33,69,.09)}
body.service-system-page .product-evidence-window header,body.service-system-page .product-evidence-window footer{min-height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:var(--mint);background:var(--ink);font-size:8px;letter-spacing:.11em}
body.service-system-page .product-evidence-window header b{color:var(--yellow)}
body.service-system-page .product-evidence-window img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;object-position:top}
body.service-system-page .product-evidence-window footer{min-height:56px;color:rgba(216,236,209,.58);border-top:1px solid var(--light-line)}

body.service-system-page .build-system{padding:clamp(62px,8vw,118px) clamp(28px,5vw,76px)}
body.service-system-page .build-system>header{display:grid;grid-template-columns:1fr 2fr;align-items:end;gap:30px}
body.service-system-page .build-system>header p{color:var(--yellow)}
body.service-system-page .build-system>header h2{margin:0;color:var(--mint)}
body.service-system-page .build-system-track{position:relative;margin-top:76px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--light-line)}
body.service-system-page .build-system-track>i{position:absolute;z-index:2;left:0;top:-1px;width:33.333%;height:2px;background:var(--yellow);box-shadow:0 0 15px rgba(231,255,0,.5);transition:left .45s var(--ease)}
body.service-system-page .build-system-track article{position:relative;min-height:330px;padding:32px;display:flex;flex-direction:column;border-right:1px solid var(--light-line);outline:0;transition:background .4s var(--ease)}
body.service-system-page .build-system-track article:last-child{border-right:0}
body.service-system-page .build-system-track article:hover,body.service-system-page .build-system-track article:focus{background:rgba(82,180,212,.12)}
body.service-system-page .build-system-track:has(article:nth-of-type(2):hover)>i,body.service-system-page .build-system-track:has(article:nth-of-type(2):focus)>i{left:33.333%}
body.service-system-page .build-system-track:has(article:nth-of-type(3):hover)>i,body.service-system-page .build-system-track:has(article:nth-of-type(3):focus)>i{left:66.666%}
body.service-system-page .build-system-track span,body.service-system-page .advantage-primary-grid span,body.service-system-page .advantage-context article>span{color:var(--yellow);font-size:9px;letter-spacing:.13em}
body.service-system-page .build-system-track h3{margin:auto 0 20px;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .build-system-track p{max-width:36ch;margin:0;color:rgba(216,236,209,.63);font-size:14px;line-height:1.58}

body.service-system-page .advantage-primary{padding:clamp(62px,8vw,112px) clamp(28px,5vw,76px);border-bottom:1px solid var(--line)}
body.service-system-page .advantage-primary>header{display:grid;grid-template-columns:1fr 2fr;align-items:end;gap:30px}
body.service-system-page .advantage-primary>header h2{margin:0}
body.service-system-page .advantage-primary-grid{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
body.service-system-page .advantage-primary-grid article{min-height:430px;padding:42px;display:flex;flex-direction:column;border-right:1px solid var(--line);transition:background .4s var(--ease),color .4s var(--ease)}
body.service-system-page .advantage-primary-grid article:last-child{border-right:0}
body.service-system-page .advantage-primary-grid article:hover{color:var(--mint);background:var(--ink)}
body.service-system-page .advantage-primary-grid h3{max-width:15ch;margin:auto 0 24px;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .advantage-primary-grid p{max-width:63ch;margin:0;color:rgba(1,33,69,.68);font-size:14px;line-height:1.66}
body.service-system-page .advantage-primary-grid article:hover p{color:rgba(216,236,209,.68)}

body.service-system-page .advantage-context{min-height:760px;display:grid;grid-template-columns:1.05fr .975fr .975fr;border-bottom:1px solid var(--line)}
body.service-system-page .context-core{position:relative;min-height:620px;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--line)}
body.service-system-page .context-core::before{content:"";position:absolute;inset:10%;border:1px solid rgba(1,33,69,.2);border-radius:50%}
body.service-system-page .context-core>img{position:relative;z-index:2;width:54px;filter:drop-shadow(0 0 22px rgba(231,255,0,.55))}
body.service-system-page .context-core>span{position:absolute;border:1px solid rgba(1,33,69,.18);border-radius:50%;animation:spin 32s linear infinite}
body.service-system-page .context-core>span:nth-of-type(1){inset:23%;border-style:dashed}
body.service-system-page .context-core>span:nth-of-type(2){inset:37%;animation-direction:reverse}
body.service-system-page .context-core>p{position:absolute;left:42px;bottom:38px;margin:0;color:rgba(1,33,69,.55);font-size:9px;letter-spacing:.13em;line-height:1.6}
body.service-system-page .advantage-context>article{padding:48px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line)}
body.service-system-page .advantage-context>article:last-child{border-right:0}
body.service-system-page .advantage-context article h2{max-width:13ch;margin:auto 0 24px;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .advantage-context article p{max-width:52ch;margin:0;color:rgba(1,33,69,.67);font-size:14px;line-height:1.66}

body.service-system-page .connected-capabilities{padding:clamp(62px,8vw,112px) clamp(28px,5vw,76px);border-bottom:1px solid var(--line)}
body.service-system-page .connected-capabilities>header{display:grid;grid-template-columns:1fr 2fr;align-items:end;gap:30px}
body.service-system-page .connected-capabilities>header h2{margin:0}
body.service-system-page .connected-capabilities nav{margin-top:70px;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
body.service-system-page .connected-capabilities a{min-height:82px;padding:0 20px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .35s var(--ease),background .35s var(--ease)}
body.service-system-page .connected-capabilities a:nth-child(odd){border-right:1px solid var(--line)}
body.service-system-page .connected-capabilities a:hover{padding-left:30px;background:rgba(82,180,212,.13)}
body.service-system-page .connected-capabilities a span{color:var(--blue);font-size:8px}
body.service-system-page .connected-capabilities a strong{font:400 18px/1 NewBlack,sans-serif}
body.service-system-page .connected-capabilities a i{color:var(--blue);font-style:normal}

body.service-system-page .insight-signal{min-height:560px;padding:clamp(62px,8vw,112px) clamp(28px,5vw,76px);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:8vw}
body.service-system-page .insight-signal>div>p{margin:0;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .insight-signal h2{max-width:27ch;margin:30px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .insight-signal>div>span{max-width:55ch;margin-top:24px;display:block;color:rgba(216,236,209,.78);font-size:17px;line-height:1.62}
body.service-system-page .newsletter-preview label{display:block;margin-bottom:12px;color:rgba(216,236,209,.48);font-size:8px;letter-spacing:.12em;text-transform:uppercase}
body.service-system-page .newsletter-preview>div{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid rgba(216,236,209,.42)}
body.service-system-page .newsletter-preview input{height:60px;padding:0;color:var(--mint);background:transparent;border:0;outline:0}
body.service-system-page .newsletter-preview input::placeholder{color:rgba(216,236,209,.28)}
body.service-system-page .newsletter-preview button{padding:0 14px;color:var(--yellow);background:transparent;border:0;font-size:9px;letter-spacing:.11em}
body.service-system-page .newsletter-preview small{margin-top:14px;display:block;color:rgba(216,236,209,.36);font-size:10px}

body.service-system-page .cro-faq{display:grid;grid-template-columns:1.25fr .75fr;border-bottom:1px solid var(--line)}
body.service-system-page .cro-faq-main{padding:clamp(62px,8vw,112px) clamp(28px,5vw,76px);border-right:1px solid var(--line)}
body.service-system-page .cro-faq-list{margin-top:64px;border-top:1px solid var(--line)}
body.service-system-page .cro-faq details{border-bottom:1px solid var(--line)}
body.service-system-page .cro-faq summary{min-height:78px;display:grid;grid-template-columns:1fr 28px;align-items:center;gap:24px;cursor:pointer;list-style:none}
body.service-system-page .cro-faq summary::-webkit-details-marker{display:none}
body.service-system-page .cro-faq summary strong{font:400 17px/1.15 NewBlack,sans-serif}
body.service-system-page .cro-faq summary i{position:relative;width:18px;height:18px}
body.service-system-page .cro-faq summary i::before,body.service-system-page .cro-faq summary i::after{content:"";position:absolute;left:0;top:8px;width:18px;height:1px;background:var(--ink);transition:transform .3s var(--ease)}
body.service-system-page .cro-faq summary i::after{transform:rotate(90deg)}
body.service-system-page .cro-faq details[open] summary i::after{transform:rotate(0)}
body.service-system-page .cro-faq details p{max-width:62ch;margin:0;padding:0 46px 28px 0;color:rgba(1,33,69,.64);font-size:14px;line-height:1.6}
body.service-system-page .cro-contact{position:relative;min-height:780px;padding:58px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:var(--mint);background:var(--deep) var(--gradient) center/cover no-repeat}
body.service-system-page .contact-orbit{position:absolute;left:50%;top:10%;width:min(24vw,310px);aspect-ratio:1;display:grid;place-items:center;transform:translateX(-50%)}
body.service-system-page .contact-orbit::before,body.service-system-page .contact-orbit::after,body.service-system-page .contact-orbit span{content:"";position:absolute;border:1px solid rgba(231,255,0,.34);border-radius:50%}
body.service-system-page .contact-orbit::before{inset:2%}
body.service-system-page .contact-orbit::after{inset:20%;border-style:dashed;animation:spin 25s linear infinite}
body.service-system-page .contact-orbit span:nth-of-type(1){inset:36%}
body.service-system-page .contact-orbit span:nth-of-type(2){inset:44%;background:rgba(231,255,0,.04);box-shadow:0 0 50px rgba(231,255,0,.18)}
body.service-system-page .contact-orbit img{width:18%;filter:drop-shadow(0 0 16px rgba(231,255,0,.8))}
body.service-system-page .cro-contact>p{margin:0;color:var(--yellow);font-size:9px;letter-spacing:.13em}
body.service-system-page .cro-contact>h2{max-width:13ch;margin:24px 0 18px;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .cro-contact>span{max-width:34ch;color:rgba(216,236,209,.64);font-size:14px;line-height:1.55}
body.service-system-page .cro-contact>.primary-cta{margin-top:32px}
body.service-system-page .cro-contact>a:last-child{width:max-content;margin-top:18px;padding-bottom:6px;color:rgba(216,236,209,.68);border-bottom:1px solid var(--light-line);font-size:8px;letter-spacing:.11em;text-decoration:none}

body.service-system-page .service-footer{padding:72px clamp(28px,5vw,76px) 0;display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:48px 5vw;border-top:1px solid var(--light-line)}
body.service-system-page .service-footer a{color:inherit;text-decoration:none}
body.service-system-page .service-footer-brand>a{display:flex;align-items:center;gap:14px;font:400 17px/1 NewBlack,sans-serif;letter-spacing:.05em}
body.service-system-page .service-footer-brand img{width:34px}
body.service-system-page .service-footer-brand p{max-width:38ch;margin:28px 0 0;color:rgba(216,236,209,.62);font-size:13px;line-height:1.58}
body.service-system-page .service-footer-brand small{margin-top:32px;display:block;color:var(--yellow);font-size:8px;letter-spacing:.13em}
body.service-system-page .service-footer nav,body.service-system-page .service-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
body.service-system-page .service-footer nav>strong,body.service-system-page .service-footer-contact>strong{margin-bottom:12px;color:var(--yellow);font-size:8px;letter-spacing:.13em}
body.service-system-page .service-footer nav>a,body.service-system-page .service-footer-contact>a,body.service-system-page .service-footer-contact>span{color:rgba(216,236,209,.66);font-size:12px;line-height:1.4}
body.service-system-page .service-footer nav>a:hover,body.service-system-page .service-footer-contact>a:hover{color:var(--yellow)}
body.service-system-page .service-footer-base{grid-column:1/-1;min-height:68px;margin-top:28px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-top:1px solid var(--light-line);color:rgba(216,236,209,.4);font-size:8px;letter-spacing:.11em}

@media(max-width:900px){
  body.service-system-page .industry-usecases-heading{min-height:auto;padding:64px 32px;grid-template-columns:1fr;gap:42px}body.service-system-page .industry-observatory{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}body.service-system-page .industry-stage{padding-inline:32px}body.service-system-page .industry-workflow-visual{height:270px}body.service-system-page .industry-flow-node{width:108px}body.service-system-page .industry-flow-core{width:96px}body.service-system-page .industry-usecase-panel{grid-template-columns:1fr;grid-template-rows:auto;gap:25px}body.service-system-page .industry-panel-title h3{max-width:24ch}body.service-system-page .industry-panels{min-height:660px}body.service-system-page .industry-usecases-footer{align-items:flex-start;flex-direction:column}body.service-system-page .industry-usecases-footer button{min-width:0;width:100%}
  body.service-system-page .delivery-process-heading{min-height:auto;padding:64px 32px;grid-template-columns:1fr;gap:42px}body.service-system-page .process-route{padding:0 32px;display:block}body.service-system-page .process-route-line{left:69px;right:auto;top:56px;bottom:56px;width:1px;height:auto}body.service-system-page .process-route-line>span{left:-1px;top:0;width:3px;height:var(--active-position);transition:height .6s var(--ease)}body.service-system-page .process-route-line>i{left:50%;top:var(--active-position);transition:top .6s var(--ease)}body.service-system-page .process-phase{min-height:auto;padding:46px 24px;display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:24px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .process-phase:last-child{border-bottom:0}body.service-system-page .process-node{grid-column:1;grid-row:1/7;width:76px;margin:0}body.service-system-page .process-phase-name,body.service-system-page .process-phase h3,body.service-system-page .process-source-copy,body.service-system-page .process-work,body.service-system-page .process-result{grid-column:2}body.service-system-page .process-phase-name{margin:4px 0 0}body.service-system-page .process-phase h3{margin-top:17px}body.service-system-page .process-source-copy{margin-top:18px}body.service-system-page .process-work{margin-top:30px}body.service-system-page .process-result{margin-top:30px}
  body.service-system-page .micro-capabilities{grid-template-columns:1fr}body.service-system-page .micro-capabilities-intro{position:relative;top:auto;height:auto;min-height:620px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .micro-capabilities-core{width:min(52vw,330px)}
  body.service-system-page .service-overview{grid-template-columns:1fr}body.service-system-page .service-overview-copy{min-height:570px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .overview-outcomes{min-height:620px}
  body.service-system-page .product-brief-hero{grid-template-columns:1fr}body.service-system-page .product-brief-main{min-height:620px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .product-brief-system{min-height:660px}
  body.service-system-page .service-authority-intro{grid-template-columns:1fr;grid-template-rows:auto;gap:42px}body.service-system-page .service-authority-copy{grid-template-columns:1fr 1fr}body.service-system-page .service-authority-outcomes{grid-column:1}
  body.service-system-page .product-evidence{grid-template-columns:1fr}body.service-system-page .product-evidence-copy{border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .product-evidence-window{margin-top:0}
  body.service-system-page .advantage-context{grid-template-columns:1fr 1fr}body.service-system-page .context-core{grid-column:1/-1;min-height:520px;border-right:0;border-bottom:1px solid var(--line)}
  body.service-system-page .advantage-context>article:nth-of-type(1){border-right:1px solid var(--line)}
  body.service-system-page .insight-signal,body.service-system-page .cro-faq{grid-template-columns:1fr}body.service-system-page .cro-faq-main{border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .cro-contact{min-height:680px}
  body.service-system-page .service-footer{grid-template-columns:1.3fr 1fr 1fr}body.service-system-page .service-footer-contact{grid-column:1/-1;padding-top:30px;border-top:1px solid var(--light-line)}
}

@media(max-width:700px){
  body.service-system-page .industry-usecases-heading{padding:54px 20px}body.service-system-page .industry-usecases-heading>div>p{font-size:12px;line-height:1.35}body.service-system-page .industry-usecases-heading h2{margin-top:28px}body.service-system-page .industry-usecases-heading>p{font-size:15px;line-height:1.62}body.service-system-page .industry-observatory{min-height:0;display:block}body.service-system-page .industry-selector{display:none}body.service-system-page .industry-stage{padding:28px 20px 0}body.service-system-page .industry-stage-status{font-size:10px}body.service-system-page .industry-stage-status b{display:none}body.service-system-page .industry-workflow-visual{height:300px;margin-top:10px}body.service-system-page .industry-flow-node{width:100px;min-height:58px;padding:10px}body.service-system-page .industry-flow-node strong{font-size:12px}body.service-system-page .flow-node-a{left:0}body.service-system-page .flow-node-b{left:auto;right:0;top:10%}body.service-system-page .flow-node-c{right:0;bottom:8%}body.service-system-page .industry-flow-core{left:48%;top:57%;width:92px}body.service-system-page .industry-panels{min-height:0}body.service-system-page .industry-usecase-panel,body.service-system-page .industry-usecase-panel.is-active{position:relative;inset:auto;min-height:0;padding:48px 0;display:block;visibility:visible;opacity:1;transform:none;pointer-events:auto;border-top:1px solid var(--light-line)}body.service-system-page .industry-panel-title h3{max-width:18ch;margin-top:18px;font-size:24px}body.service-system-page .industry-panel-problem,body.service-system-page .industry-panel-workflow,body.service-system-page .industry-panel-outcome{margin-top:30px;padding-top:23px;border-top:1px solid var(--light-line)}body.service-system-page .industry-panel-problem p,body.service-system-page .industry-panel-outcome p{font-size:14px;line-height:1.58}body.service-system-page .industry-panel-workflow li{font-size:13px}body.service-system-page .industry-usecases-footer{min-height:0;padding:42px 20px 54px;gap:28px}body.service-system-page .industry-usecases-footer p{font-size:13px}body.service-system-page .industry-usecases-footer button{font-size:11px}
  body.service-system-page .delivery-process-heading{padding:54px 20px}body.service-system-page .delivery-process-heading>div>p{font-size:12px;line-height:1.35}body.service-system-page .delivery-process-heading h2{margin-top:28px}body.service-system-page .delivery-process-heading>p{font-size:15px;line-height:1.62}body.service-system-page .process-route{padding:0 20px}body.service-system-page .process-route-four .process-phase{min-height:0}body.service-system-page .process-route-line{left:55px}body.service-system-page .process-phase{padding:42px 12px;grid-template-columns:64px minmax(0,1fr);column-gap:16px}body.service-system-page .process-node{width:64px}body.service-system-page .process-phase h3{font-size:22px}body.service-system-page .process-source-copy{font-size:14px}body.service-system-page .process-work li,body.service-system-page .process-result p{font-size:13px}
  body.service-system-page .micro-capabilities{display:block;background-attachment:scroll}body.service-system-page .micro-capabilities-intro{min-height:520px;padding:48px 20px 42px}body.service-system-page .micro-capabilities-intro>div:first-child>p{font-size:12px;line-height:1.35}body.service-system-page .micro-capabilities-intro h2{margin-top:28px}body.service-system-page .micro-capabilities-core{--orbit-radius:117px;width:250px}body.service-system-page .micro-capabilities-list{padding:0 20px 52px}body.service-system-page .micro-capabilities-item{min-height:218px;padding:30px 0;grid-template-columns:46px minmax(0,1fr);gap:0 18px}body.service-system-page .micro-capabilities-item>span{font-size:22px}body.service-system-page .micro-capabilities-item h3{font-size:21px}body.service-system-page .micro-capabilities-item p{font-size:14px;line-height:1.55}body.service-system-page .micro-capabilities-item svg{grid-column:2;width:150px;margin-top:18px}body.service-system-page .micro-capabilities-item:hover,body.service-system-page .micro-capabilities-item:focus,body.service-system-page .micro-capabilities-item.is-active{padding-inline:12px}
  body.service-system-page .service-overview{min-height:0}body.service-system-page .service-overview-copy{min-height:auto;padding:54px 20px}body.service-system-page .service-overview-copy h2{margin-top:42px}body.service-system-page .service-overview-body{margin-top:52px}body.service-system-page .service-overview-body p{font-size:15px;line-height:1.62}body.service-system-page .overview-outcomes{min-height:610px;padding:24px 20px 54px}body.service-system-page .overview-outcomes article{grid-template-columns:52px 1fr}body.service-system-page .overview-outcomes article>span{font-size:22px}body.service-system-page .overview-outcomes article>div{padding-left:20px;padding-right:0}body.service-system-page .overview-outcomes h3{font-size:24px}body.service-system-page .overview-outcomes p{padding-right:30px;font-size:13px}body.service-system-page .overview-signal{right:14px;width:58px}
  body.service-system-page .product-brief-main{min-height:700px;padding:34px 20px 42px}body.service-system-page .product-brief-eyebrow{margin-top:auto;font-size:11px;line-height:1.35}body.service-system-page .product-brief-main h1{width:100%;max-width:100%;font-size:clamp(34px,10.8vw,42.068px);letter-spacing:-.055em}body.service-system-page .product-brief-thesis{min-width:0;margin-top:34px;padding-top:24px;display:block}body.service-system-page .product-brief-thesis>p{max-width:100%;font-size:14px;line-height:1.55}body.service-system-page .product-brief-thesis .primary-cta{width:calc(100% - 7px);margin-top:26px}body.service-system-page .product-brief-system{min-height:520px;padding:20px}body.service-system-page .brief-system-map{min-height:480px}body.service-system-page .brief-system-input,body.service-system-page .brief-system-output{min-width:148px;max-width:48%;padding:13px}body.service-system-page .brief-system-input strong,body.service-system-page .brief-system-output strong{font-size:14px}body.service-system-page .brief-system-core{width:102px}
  body.service-system-page .forge-hero{height:auto;min-height:0;max-height:none;padding:24px 20px 0}body.service-system-page .forge-index{margin-bottom:34px;font-size:8px}body.service-system-page .forge-index span:first-child{max-width:24ch}body.service-system-page .forge-title h1{line-height:.94}body.service-system-page .forge-core{width:120px;margin:24px auto}body.service-system-page .forge-description{margin-top:0}body.service-system-page .forge-description>p{font-size:14px;line-height:1.52}body.service-system-page .forge-description .hero-actions{margin-top:24px}body.service-system-page .forge-description .primary-cta{width:100%}body.service-system-page .forge-output{min-height:72px;margin-top:32px}body.service-system-page .foundry-story{height:250svh}body.service-system-page .zena-proof-story{height:290svh}
  body.service-system-page .service-authority-intro{min-height:auto;padding:58px 20px;display:block}body.service-system-page .service-authority-copy{margin-top:44px;display:block}body.service-system-page .service-authority-copy p+p{margin-top:28px}body.service-system-page .service-authority-outcomes{margin-top:48px;display:block}body.service-system-page .service-authority-outcomes span{min-height:72px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .service-authority-outcomes span:last-child{border-bottom:0}
  body.service-system-page .product-evidence{min-height:auto}body.service-system-page .product-evidence-copy{padding:56px 20px}body.service-system-page .product-evidence-window{margin:24px 20px 58px;box-shadow:10px 12px rgba(1,33,69,.09)}body.service-system-page .product-evidence-window img{aspect-ratio:4/3}
  body.service-system-page .build-system{padding:58px 20px}body.service-system-page .build-system>header,body.service-system-page .advantage-primary>header,body.service-system-page .connected-capabilities>header{display:block}body.service-system-page .build-system>header h2,body.service-system-page .advantage-primary>header h2,body.service-system-page .connected-capabilities>header h2{margin-top:22px}
  body.service-system-page .build-system-track{margin-top:44px;display:block}body.service-system-page .build-system-track>i{display:none}body.service-system-page .build-system-track article{min-height:260px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .build-system-track article:last-child{border-bottom:0}
  body.service-system-page .advantage-primary{padding:58px 20px}body.service-system-page .advantage-primary-grid{margin-top:44px;display:block}body.service-system-page .advantage-primary-grid article{min-height:390px;padding:28px 24px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .advantage-primary-grid article:last-child{border-bottom:0}
  body.service-system-page .advantage-context{display:block}body.service-system-page .context-core{min-height:420px}body.service-system-page .context-core>p{left:20px}body.service-system-page .advantage-context>article{min-height:460px;padding:38px 24px;border-right:0;border-bottom:1px solid var(--line)}
  body.service-system-page .connected-capabilities{padding:58px 20px}body.service-system-page .connected-capabilities nav{margin-top:44px;display:block}body.service-system-page .connected-capabilities a:nth-child(odd){border-right:0}body.service-system-page .connected-capabilities a{grid-template-columns:36px 1fr auto;padding-inline:10px}
  body.service-system-page .insight-signal{min-height:700px;padding:58px 20px;display:flex;flex-direction:column;justify-content:center;gap:64px}body.service-system-page .newsletter-preview{width:100%}body.service-system-page .newsletter-preview>div{grid-template-columns:1fr}body.service-system-page .newsletter-preview button{height:50px;padding:0;text-align:left;border-top:1px solid var(--light-line)}
  body.service-system-page .cro-faq-main{padding:58px 20px}body.service-system-page .cro-faq-list{margin-top:44px}body.service-system-page .cro-faq summary{min-height:88px}body.service-system-page .cro-faq summary strong{font-size:16px}body.service-system-page .cro-contact{min-height:680px;padding:38px 20px}body.service-system-page .contact-orbit{width:250px}body.service-system-page .cro-contact>.primary-cta{width:100%}
  body.service-system-page .service-footer{padding:58px 20px 0;display:block}body.service-system-page .service-footer-brand,body.service-system-page .service-footer nav,body.service-system-page .service-footer-contact{padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid var(--light-line)}body.service-system-page .service-footer nav{gap:18px}body.service-system-page .service-footer-base{margin:0;min-height:150px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;border-top:0}
}

body.service-system-page .site-header nav span{font-size:10px;letter-spacing:.1em;text-transform:uppercase}


body.service-system-page .service-recognition{height:34px;overflow:hidden;color:var(--ink);background:var(--yellow);border-bottom:1px solid rgba(1,33,69,.22)}
body.service-system-page .service-recognition>div{width:max-content;height:100%;display:flex;align-items:center;gap:24px;animation:serviceRecognition 24s linear infinite}
body.service-system-page .service-recognition span{font-size:12px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
body.service-system-page .service-recognition img{width:14px;height:14px}
body.service-system-page body[data-detail="locked"] .site-header{position:sticky;z-index:45;top:0}
@keyframes serviceRecognition{to{transform:translateX(-50%)}}

body.service-system-page .fictora-advantage{position:relative;border-bottom:1px solid var(--line)}
body.service-system-page .why-fictora-heading{min-height:350px;padding:clamp(58px,7vw,96px) clamp(28px,5vw,76px);display:grid;grid-template-columns:minmax(300px,4.2fr) minmax(0,7.8fr);align-items:end;gap:7vw;border-bottom:1px solid var(--line)}
body.service-system-page .why-fictora-heading>div>p{margin:0;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .why-fictora-heading h2{max-width:16ch;margin:34px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .why-fictora-heading h2 span{color:var(--blue)}
body.service-system-page .why-fictora-heading>p{max-width:72ch;margin:0;color:rgba(1,33,69,.8);font-size:17px;line-height:1.66}
body.service-system-page .workflow-advantage .why-fictora-heading,body.service-system-page .workflow-industry-usecases .industry-usecases-heading{grid-template-columns:1fr}
body.service-system-page .workflow-industry-usecases .industry-usecases-heading{min-height:280px}
body.service-system-page .why-fictora-body{display:grid;grid-template-columns:minmax(320px,4.2fr) minmax(0,7.8fr)}
body.service-system-page .why-fictora-core{position:sticky;top:78px;height:calc(100svh - 78px);min-height:650px;display:grid;place-items:center;border-right:1px solid var(--line);overflow:hidden}
body.service-system-page .why-fictora-core>span{position:absolute;left:50%;top:50%;border:1px solid rgba(1,33,69,.2);border-radius:50%;transform:translate(-50%,-50%)}
body.service-system-page .why-fictora-core>span:nth-child(1){width:min(28vw,380px);aspect-ratio:1}
body.service-system-page .why-fictora-core>span:nth-child(2){width:min(20vw,270px);aspect-ratio:1;border-style:dashed}
body.service-system-page .why-fictora-core>span:nth-child(3){width:min(12vw,160px);aspect-ratio:1;border-color:var(--yellow);box-shadow:0 0 48px rgba(231,255,0,.2)}
body.service-system-page .why-fictora-core img{position:relative;width:44px;filter:drop-shadow(0 0 12px rgba(51,118,176,.35))}
body.service-system-page .why-fictora-core p{position:absolute;left:clamp(28px,4vw,58px);bottom:clamp(34px,5vw,68px);margin:0;color:rgba(1,33,69,.5);font-size:13px;font-weight:700;line-height:1.65;letter-spacing:.1em}
body.service-system-page .why-fictora-list article{min-height:360px;padding:clamp(42px,5vw,70px);display:grid;grid-template-columns:74px minmax(0,1fr);gap:26px;border-bottom:1px solid var(--line)}
body.service-system-page .why-fictora-list article:last-child{border-bottom:0}
body.service-system-page .why-fictora-list article>span{color:var(--blue);font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .why-fictora-list h3{max-width:24ch;margin:0;font:400 25px/1.04 NewBlack,sans-serif}
body.service-system-page .why-fictora-list p{max-width:70ch;margin:26px 0 0;color:rgba(1,33,69,.8);font-size:17px;line-height:1.66}

body.service-system-page .zena-product-proof{position:relative;min-height:820px;display:grid;grid-template-columns:minmax(360px,4.7fr) minmax(0,7.3fr);overflow:hidden;border-bottom:1px solid var(--light-line)}
body.service-system-page .zena-proof-copy{position:relative;z-index:2;padding:clamp(60px,7vw,104px) clamp(28px,5vw,76px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--light-line)}
body.service-system-page .zena-proof-copy>p:first-child{margin:0;color:var(--yellow);font-size:13px;font-weight:700;letter-spacing:.08em}
body.service-system-page .zena-proof-copy h2{max-width:18ch;margin:34px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .zena-proof-copy h2 span{color:rgba(216,236,209,.58)}
body.service-system-page .zena-proof-copy>p:nth-of-type(2){max-width:55ch;margin:30px 0 0;color:rgba(216,236,209,.8);font-size:17px;line-height:1.66}
body.service-system-page .zena-proof-copy dl{margin:42px 0 0;border-top:1px solid rgba(216,236,209,.4)}
body.service-system-page .zena-proof-copy dl>div{min-height:68px;display:grid;grid-template-columns:112px 1fr;align-items:center;border-bottom:1px solid rgba(216,236,209,.4)}
body.service-system-page .zena-proof-copy dt{color:var(--yellow);font-size:12px;font-weight:700;letter-spacing:.1em}
body.service-system-page .zena-proof-copy dd{margin:0;color:var(--mint);font:400 17px/1.25 NewBlack,sans-serif;letter-spacing:.01em}
body.service-system-page .zena-proof-copy dd i{display:inline-block;width:7px;aspect-ratio:1;margin-right:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow)}
body.service-system-page .zena-proof-copy>a{width:max-content;margin-top:40px;padding-bottom:8px;color:var(--yellow);border-bottom:1px solid var(--yellow);font-size:12px;font-weight:700;letter-spacing:.09em;text-decoration:none}
body.service-system-page .zena-proof-visual{position:relative;z-index:2;padding:clamp(42px,6vw,82px);display:grid;place-items:center;overflow:hidden}
body.service-system-page .zena-proof-orbit{position:absolute;left:50%;top:50%;width:min(55vw,760px);aspect-ratio:1;border:1px solid rgba(231,255,0,.18);border-radius:50%;transform:translate(-50%,-50%)}
body.service-system-page .zena-proof-orbit span{position:absolute;border:1px solid rgba(216,236,209,.11);border-radius:50%}
body.service-system-page .zena-proof-orbit span:nth-child(1){inset:14%;border-style:dashed}body.service-system-page .zena-proof-orbit span:nth-child(2){inset:29%}body.service-system-page .zena-proof-orbit span:nth-child(3){inset:43%;border-color:rgba(231,255,0,.4)}
body.service-system-page .zena-proof-visual figure{position:relative;width:min(100%,820px);margin:0;background:var(--soft);border:1px solid rgba(216,236,209,.32);box-shadow:22px 24px 0 rgba(1,17,42,.42);transform:rotate(-1deg);transition:transform .5s var(--ease)}
body.service-system-page .zena-proof-visual figure:hover{transform:rotate(0) translateY(-4px)}
body.service-system-page .zena-proof-visual figure header,body.service-system-page .zena-proof-visual figcaption{min-height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:var(--mint);background:var(--ink);font-size:11px;font-weight:700;letter-spacing:.08em}
body.service-system-page .zena-proof-visual figure header b{color:var(--yellow)}
body.service-system-page .zena-proof-visual figure img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;object-position:top}
body.service-system-page .zena-proof-visual figcaption{min-height:56px;justify-content:flex-start;gap:30px;color:rgba(216,236,209,.53);border-top:1px solid var(--light-line)}

body.service-system-page .saas-authority{border-bottom:1px solid var(--line)}
body.service-system-page .saas-authority-heading{min-height:370px;padding:clamp(58px,7vw,96px) clamp(28px,5vw,76px);display:grid;grid-template-columns:minmax(300px,4.2fr) minmax(0,7.8fr);align-items:end;gap:7vw;border-bottom:1px solid var(--line)}
body.service-system-page .saas-authority-heading>div>p{margin:0;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.08em}
body.service-system-page .saas-authority-heading h2{max-width:18ch;margin:34px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .saas-authority-heading>p{max-width:72ch;margin:0;color:rgba(1,33,69,.8);font-size:17px;line-height:1.66}
body.service-system-page .saas-authority-articles{padding:0 clamp(28px,5vw,76px);display:grid;grid-template-columns:repeat(12,1fr)}
body.service-system-page .saas-authority-articles article{min-height:650px;padding:clamp(45px,5vw,72px) clamp(24px,3.5vw,52px);border-right:1px solid var(--line)}
body.service-system-page .saas-authority-articles article:nth-child(1){grid-column:1/5;padding-left:0}body.service-system-page .saas-authority-articles article:nth-child(2){grid-column:5/9}body.service-system-page .saas-authority-articles article:nth-child(3){grid-column:9/13;padding-right:0;border-right:0}
body.service-system-page .saas-authority-articles article>span{color:var(--blue);font:400 24px/1 NewBlack,sans-serif}
body.service-system-page .saas-authority-articles h3{max-width:20ch;margin:62px 0 0;font:400 24px/1.06 NewBlack,sans-serif}
body.service-system-page .saas-authority-articles p{max-width:62ch;margin:26px 0 0;color:rgba(1,33,69,.8);font-size:17px;line-height:1.68}
body.service-system-page .saas-connected-services{display:grid;grid-template-columns:4fr 8fr;border-top:1px solid var(--line)}
body.service-system-page .saas-connected-services>header{min-height:390px;padding:clamp(46px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}
body.service-system-page .saas-connected-services>header p{margin:0;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .saas-connected-services>header h3{max-width:15ch;margin:70px 0 0;font:400 25px/1.05 NewBlack,sans-serif}
body.service-system-page .saas-connected-services nav{display:grid;grid-template-columns:1fr 1fr}
body.service-system-page .saas-connected-services a{min-height:195px;padding:30px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:400 18px/1.1 NewBlack,sans-serif;text-decoration:none;transition:color .35s var(--ease),background .35s var(--ease)}
body.service-system-page .saas-connected-services a:nth-child(even){border-right:0}body.service-system-page .saas-connected-services a:nth-last-child(-n+2){border-bottom:0}
body.service-system-page .saas-connected-services a span{color:var(--blue);font:700 12px/1 Acumin,sans-serif}body.service-system-page .saas-connected-services a i{font-style:normal}
body.service-system-page .saas-connected-services a:hover,body.service-system-page .saas-connected-services a:focus-visible{color:var(--ink);background:var(--yellow)}
body.service-system-page .web-connected-services .saas-connected-services{border-top:0}
body.service-system-page .web-connected-services .saas-connected-services>header{min-height:620px}
body.service-system-page .connected-services-cta{margin-top:auto;padding-top:34px;border-top:1px solid var(--line)}
body.service-system-page .web-connected-services .connected-services-cta h3{max-width:19ch;margin:0 0 30px}
body.service-system-page .connected-services-cta .primary-cta{min-height:56px;color:var(--ink)}

body.service-system-page .service-faq{display:grid;grid-template-columns:minmax(330px,4.2fr) minmax(0,7.8fr);border-bottom:1px solid var(--line)}
body.service-system-page .service-faq>header{position:sticky;top:78px;height:calc(100svh - 78px);min-height:650px;padding:clamp(58px,7vw,96px) clamp(28px,5vw,76px);display:flex;flex-direction:column;border-right:1px solid var(--line);overflow:hidden}
body.service-system-page .service-faq>header>p{margin:0;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .service-faq>header h2{max-width:15ch;margin:36px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .service-faq-signal{position:relative;width:min(24vw,320px);aspect-ratio:1;margin:auto;display:grid;place-items:center}
body.service-system-page .service-faq-signal::before,body.service-system-page .service-faq-signal>span{content:"";position:absolute;border:1px solid rgba(1,33,69,.2);border-radius:50%}
body.service-system-page .service-faq-signal::before{inset:0}body.service-system-page .service-faq-signal>span:nth-child(1){inset:18%;border-style:dashed}body.service-system-page .service-faq-signal>span:nth-child(2){inset:36%;border-color:var(--yellow)}
body.service-system-page .service-faq-signal img{position:relative;width:17%}
body.service-system-page .service-faq-list{padding:clamp(24px,4vw,60px) clamp(28px,5vw,76px)}
body.service-system-page .service-faq-list details{border-top:1px solid var(--line)}
body.service-system-page .service-faq-list details:last-child{border-bottom:1px solid var(--line)}
body.service-system-page .service-faq-list summary{min-height:106px;display:grid;grid-template-columns:52px minmax(0,1fr) 26px;align-items:center;gap:18px;list-style:none;cursor:pointer}
body.service-system-page .service-faq-list summary::-webkit-details-marker{display:none}
body.service-system-page .service-faq-list summary span{color:var(--blue);font-size:12px;font-weight:700}
body.service-system-page .service-faq-list summary strong{font:400 19px/1.2 NewBlack,sans-serif}
body.service-system-page .service-faq-list summary i{position:relative;width:20px;height:20px}
body.service-system-page .service-faq-list summary i::before,body.service-system-page .service-faq-list summary i::after{content:"";position:absolute;left:0;top:9px;width:20px;height:1px;background:var(--ink);transition:transform .35s var(--ease)}
body.service-system-page .service-faq-list summary i::after{transform:rotate(90deg)}body.service-system-page .service-faq-list details[open] summary i::after{transform:rotate(0)}
body.service-system-page .service-faq-list details>p{max-width:66ch;margin:-8px 44px 0 70px;padding:0 0 32px;color:rgba(1,33,69,.8);font-size:17px;line-height:1.65}

body.service-system-page .service-close{position:relative;min-height:720px;padding:clamp(60px,8vw,118px) clamp(28px,5vw,76px);display:grid;grid-template-columns:3.5fr 5.5fr 3fr;align-items:center;gap:5vw;overflow:hidden}
body.service-system-page .service-close::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,236,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.055) 1px,transparent 1px);background-size:48px 48px}
body.service-system-page .service-close-orbit{position:relative;z-index:2;width:min(25vw,330px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(231,255,0,.42);border-radius:50%}
body.service-system-page .service-close-orbit::before,body.service-system-page .service-close-orbit>span{content:"";position:absolute;border:1px solid rgba(216,236,209,.19);border-radius:50%}
body.service-system-page .service-close-orbit::before{inset:-18%;border-style:dashed}body.service-system-page .service-close-orbit>span:nth-child(1){inset:18%}body.service-system-page .service-close-orbit>span:nth-child(2){inset:34%;border-color:rgba(231,255,0,.4)}body.service-system-page .service-close-orbit>span:nth-child(3){inset:47%;background:rgba(1,33,69,.52)}
body.service-system-page .service-close-orbit img{position:relative;z-index:2;width:20%;animation:industryCoreGlow 3.2s ease-in-out infinite}
body.service-system-page .service-close-copy{position:relative;z-index:2}
body.service-system-page .service-close-copy>p:first-child{margin:0;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .service-close-copy h2{max-width:20ch;margin:34px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .service-close-copy>p:last-child{max-width:58ch;margin:30px 0 0;color:rgba(216,236,209,.8);font-size:17px;line-height:1.64}
body.service-system-page .service-close-actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch}
body.service-system-page .service-close-actions button{min-height:68px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);background:var(--yellow);border:1px solid var(--yellow);font-size:13px;font-weight:750;letter-spacing:.08em;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
body.service-system-page .service-close-actions button:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--mint)}
body.service-system-page .service-close-actions .service-close-primary{min-height:68px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);background:var(--yellow);border:1px solid var(--yellow);font-size:13px;font-weight:750;letter-spacing:.08em;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
body.service-system-page .service-close-actions .service-close-primary:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--mint)}
body.service-system-page .service-close-actions>a{padding:18px 0;color:rgba(216,236,209,.64);border-bottom:1px solid var(--light-line);font-size:13px;text-decoration:none}
body.service-system-page .service-close-actions>a.service-close-primary{color:var(--ink)}

body.service-system-page .micro-capabilities-result{margin-top:18px!important;padding-top:18px;border-top:1px solid rgba(216,236,209,.18);color:var(--yellow)!important}
body.service-system-page .micro-capabilities-detail{margin-top:18px!important;padding-top:18px;border-top:1px solid rgba(216,236,209,.18)}
body.service-system-page .automation-evidence .overview-outcomes h3{color:var(--blue)}
body.service-system-page .chatbot-evidence .overview-outcomes h3{color:var(--blue)}
body.service-system-page .chatbot-capabilities .micro-capabilities-core>i:nth-of-type(1){--node:0}
body.service-system-page .chatbot-capabilities .micro-capabilities-core>i:nth-of-type(2){--node:1.5}
body.service-system-page .chatbot-capabilities .micro-capabilities-core>i:nth-of-type(3){--node:3}
body.service-system-page .chatbot-capabilities .micro-capabilities-core>i:nth-of-type(4){--node:4.5}
body.service-system-page .chatbot-capabilities{overflow:clip}
body.service-system-page .micro-capabilities-context{padding:8px 0 clamp(40px,5vw,64px);border-bottom:1px solid var(--light-line)}
body.service-system-page .micro-capabilities-context p{max-width:67ch;margin:0;color:rgba(216,236,209,.78);font-size:17px;line-height:1.62}
body.service-system-page .seo-core-cta{margin-top:30px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--light-line)}
body.service-system-page .seo-core-cta strong{max-width:26ch;color:var(--mint);font:400 20px/1.12 NewBlack,sans-serif}
body.service-system-page .seo-core-cta button,body.service-system-page .seo-process-intro button{min-height:50px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:var(--ink);background:var(--yellow);border:1px solid var(--yellow);font-size:12px;font-weight:750;letter-spacing:.07em}
body.service-system-page .seo-evidence .overview-outcomes h3{color:var(--blue)}
body.service-system-page .seo-advantage .why-fictora-heading,body.service-system-page .seo-industry-usecases .industry-usecases-heading{grid-template-columns:1fr}
body.service-system-page .seo-industry-usecases .industry-usecases-heading{min-height:280px}

body.service-system-page .search-comparison{position:relative;padding:clamp(64px,8vw,112px) clamp(28px,5vw,76px);display:grid;grid-template-columns:minmax(260px,3.8fr) minmax(0,8.2fr);gap:clamp(46px,7vw,110px);overflow:hidden;border-bottom:1px solid var(--light-line)}
body.service-system-page .search-comparison::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,236,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.055) 1px,transparent 1px);background-size:48px 48px}
body.service-system-page .search-comparison>header,body.service-system-page .search-comparison-table{position:relative;z-index:1}
body.service-system-page .search-comparison>header p{margin:0;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .search-comparison>header h2{max-width:13ch;margin:34px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .search-comparison-table{border-top:1px solid var(--light-line)}
body.service-system-page .comparison-row{min-height:112px;display:grid;grid-template-columns:.72fr 1fr 1fr;border-bottom:1px solid var(--light-line)}
body.service-system-page .comparison-row>*{padding:24px;display:flex;align-items:center;border-right:1px solid var(--light-line);font-size:16px;line-height:1.5}
body.service-system-page .comparison-row>*:last-child{border-right:0}
body.service-system-page .comparison-row strong{color:var(--yellow);font-weight:700}
body.service-system-page .comparison-head{min-height:76px;color:var(--yellow);background:rgba(82,180,212,.1)}
body.service-system-page .comparison-head span{font-size:13px;font-weight:750;letter-spacing:.04em}
body.service-system-page .seo-process-intro{max-width:72ch;margin:0}
body.service-system-page .seo-process-intro p{margin:0;color:rgba(1,33,69,.8);font-size:17px;line-height:1.66}
body.service-system-page .seo-process-intro p+p{margin-top:18px;font-weight:700}
body.service-system-page .seo-process-intro button{margin-top:24px}
body.service-system-page .seo-process-navigator{position:relative;min-height:650px;padding:clamp(40px,5vw,68px) clamp(28px,5vw,76px);display:grid;grid-template-columns:minmax(280px,4fr) minmax(0,8fr);grid-template-rows:repeat(5,minmax(100px,auto));column-gap:clamp(46px,7vw,110px);border-top:1px solid var(--line)}
body.service-system-page .seo-process-step{display:contents}
body.service-system-page .seo-process-trigger{position:relative;grid-column:1;min-width:0;padding:20px 44px 20px 0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:16px;color:rgba(1,33,69,.55);background:transparent;border:0;border-bottom:1px solid var(--line);outline:0;text-align:left;transition:color .35s var(--ease),padding .4s var(--ease)}
body.service-system-page .seo-process-step:nth-child(1) .seo-process-trigger{grid-row:1}body.service-system-page .seo-process-step:nth-child(2) .seo-process-trigger{grid-row:2}body.service-system-page .seo-process-step:nth-child(3) .seo-process-trigger{grid-row:3}body.service-system-page .seo-process-step:nth-child(4) .seo-process-trigger{grid-row:4}body.service-system-page .seo-process-step:nth-child(5) .seo-process-trigger{grid-row:5}
body.service-system-page .seo-process-trigger>span{color:var(--blue);font:400 18px/1 NewBlack,sans-serif}
body.service-system-page .seo-process-trigger strong{max-width:26ch;font:400 17px/1.14 NewBlack,sans-serif}
body.service-system-page .seo-process-trigger i{position:absolute;right:5px;top:50%;width:12px;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;transform:translateY(-50%);transition:background .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
body.service-system-page .seo-process-trigger:hover,body.service-system-page .seo-process-trigger:focus-visible,body.service-system-page .seo-process-step.is-active .seo-process-trigger{padding-left:14px;color:var(--ink)}
body.service-system-page .seo-process-step.is-active .seo-process-trigger i{background:var(--yellow);border-color:var(--ink);box-shadow:0 0 18px rgba(231,255,0,.82)}
body.service-system-page .seo-process-panel{grid-column:2;grid-row:1/6;min-width:0;visibility:hidden;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .36s var(--ease),transform .48s var(--ease),visibility .36s}
body.service-system-page .seo-process-step.is-active .seo-process-panel{visibility:visible;opacity:1;transform:none;pointer-events:auto}
body.service-system-page .seo-process-panel-inner{min-height:100%;padding:clamp(38px,5vw,72px);display:flex;flex-direction:column;background:rgba(82,180,212,.09);border:1px solid var(--line)}
body.service-system-page .seo-process-counter{margin:0;color:var(--blue);font-size:13px;font-weight:750;letter-spacing:.075em}
body.service-system-page .seo-process-panel h3{max-width:22ch;margin:clamp(32px,5vw,64px) 0 0;font:400 clamp(26px,3vw,42px)/.98 NewBlack,sans-serif}
body.service-system-page .seo-process-panel .process-source-copy{max-width:66ch;margin-top:30px;font-size:17px;line-height:1.68}
body.service-system-page .seo-process-panel .process-result{margin-top:auto;padding-top:28px}
body.service-system-page .seo-process-panel .process-result p{max-width:62ch;margin:0;color:var(--ink);font-size:17px;font-weight:700;line-height:1.58}
body.service-system-page .branding-product-brief .product-brief-main h1{max-width:22ch}
body.service-system-page .branding-hero-copy{display:grid;gap:18px}
body.service-system-page .branding-hero-copy p{max-width:62ch;margin:0;color:rgba(1,33,69,.82);font-size:17px;line-height:1.62}
body.service-system-page .branding-evidence .service-overview-copy{justify-content:center}
body.service-system-page .branding-evidence .service-overview-copy h2{max-width:18ch}
body.service-system-page .branding-process .delivery-process-heading{min-height:280px;grid-template-columns:1fr}
body.service-system-page .branding-process .process-phase{min-height:610px}
body.service-system-page .branding-industry-usecases .industry-usecases-heading{min-height:280px;grid-template-columns:1fr}
body.service-system-page .branding-advantage .why-fictora-heading h2{max-width:22ch}
body.service-system-page .brand-continuity{position:relative;min-height:780px;display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,7fr);overflow:hidden;border-bottom:1px solid var(--light-line)}
body.service-system-page .brand-continuity::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,236,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.055) 1px,transparent 1px);background-size:48px 48px}
body.service-system-page .brand-continuity-visual,body.service-system-page .brand-continuity-copy{position:relative;z-index:1}
body.service-system-page .brand-continuity-visual{min-height:620px;display:grid;place-items:center;border-right:1px solid var(--light-line)}
body.service-system-page .brand-continuity-core{position:relative;width:min(30vw,390px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(231,255,0,.58);border-radius:50%;box-shadow:0 0 90px rgba(231,255,0,.11)}
body.service-system-page .brand-continuity-core::before,body.service-system-page .brand-continuity-core>span{content:"";position:absolute;border:1px solid rgba(216,236,209,.2);border-radius:50%}
body.service-system-page .brand-continuity-core::before{inset:12%;border-style:dashed;animation:spin 28s linear infinite}
body.service-system-page .brand-continuity-core>span:nth-child(1){inset:25%}body.service-system-page .brand-continuity-core>span:nth-child(2){inset:38%;border-color:rgba(231,255,0,.5)}body.service-system-page .brand-continuity-core>span:nth-child(3){inset:46%;background:rgba(1,33,69,.68);box-shadow:0 0 42px rgba(231,255,0,.16)}
body.service-system-page .brand-continuity-core img{position:relative;z-index:2;width:12%;filter:drop-shadow(0 0 14px rgba(231,255,0,.82))}
body.service-system-page .brand-continuity-route{position:absolute;inset:0;pointer-events:none}
body.service-system-page .brand-continuity-route::before,body.service-system-page .brand-continuity-route::after{content:"";position:absolute;height:1px;background:rgba(216,236,209,.25)}
body.service-system-page .brand-continuity-route::before{left:8%;right:50%;top:27%}body.service-system-page .brand-continuity-route::after{left:50%;right:8%;bottom:27%}
body.service-system-page .brand-continuity-route i{position:absolute;width:9px;aspect-ratio:1;border-radius:50%;background:var(--yellow);box-shadow:0 0 14px var(--yellow)}
body.service-system-page .brand-continuity-route i:nth-child(1){left:8%;top:calc(27% - 4px)}body.service-system-page .brand-continuity-route i:nth-child(2){left:calc(50% - 4px);top:calc(27% - 4px)}body.service-system-page .brand-continuity-route i:nth-child(3){right:8%;bottom:calc(27% - 4px)}
body.service-system-page .brand-continuity-copy{padding:clamp(62px,8vw,112px) clamp(28px,6vw,88px);display:flex;flex-direction:column;justify-content:center}
body.service-system-page .brand-continuity-copy>p:first-child{margin:0;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.065em}
body.service-system-page .brand-continuity-copy h2{max-width:19ch;margin:34px 0 0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .brand-continuity-copy>p:nth-of-type(2){max-width:64ch;margin:34px 0 0;color:rgba(216,236,209,.8);font-size:17px;line-height:1.68}
body.service-system-page .brand-continuity-copy nav{margin-top:44px;border-top:1px solid var(--light-line)}
body.service-system-page .brand-continuity-copy nav a{min-height:72px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;color:var(--mint);border-bottom:1px solid var(--light-line);font-size:15px;font-weight:700;text-decoration:none;transition:color .3s var(--ease),padding .35s var(--ease)}
body.service-system-page .brand-continuity-copy nav a:hover,body.service-system-page .brand-continuity-copy nav a:focus-visible{padding-inline:14px;color:var(--yellow)}
body.service-system-page .chatbot-advantage .why-fictora-heading,body.service-system-page .chatbot-industry-usecases .industry-usecases-heading{grid-template-columns:1fr}
body.service-system-page .chatbot-industry-usecases .industry-usecases-heading{min-height:280px}
body.service-system-page .paid-evidence .overview-outcomes h3{color:var(--blue)}
body.service-system-page .service-page-sections>section{scroll-margin-top:86px}
body.service-system-page .paid-process .delivery-process-heading{min-height:320px}
body.service-system-page .paid-funnel{position:relative;overflow:hidden;border-bottom:1px solid var(--light-line)}
body.service-system-page .paid-funnel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,236,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.055) 1px,transparent 1px);background-size:48px 48px}
body.service-system-page .paid-funnel>header{position:relative;z-index:1;min-height:300px;padding:clamp(64px,8vw,112px) clamp(28px,5vw,76px);display:grid;grid-template-columns:minmax(240px,3.5fr) minmax(0,8.5fr);align-items:end;gap:clamp(46px,7vw,110px);border-bottom:1px solid var(--light-line)}
body.service-system-page .paid-funnel>header p{margin:0;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .paid-funnel>header h2{max-width:24ch;margin:0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .paid-funnel-body{position:relative;z-index:1;min-height:760px;display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,7fr)}
body.service-system-page .paid-funnel-map{position:relative;min-height:680px;overflow:hidden;border-right:1px solid var(--light-line)}
body.service-system-page .paid-funnel-map>svg{position:absolute;inset:0;width:100%;height:100%}
body.service-system-page .paid-funnel-map path{fill:none;stroke:rgba(216,236,209,.35);stroke-width:1.2}
body.service-system-page .paid-funnel-map circle{fill:var(--yellow);filter:drop-shadow(0 0 9px var(--yellow))}
body.service-system-page .paid-funnel-ring{position:absolute;left:50%;top:50%;width:min(25vw,330px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(231,255,0,.58);border-radius:50%;box-shadow:0 0 80px rgba(231,255,0,.1);transform:translate(-50%,-50%)}
body.service-system-page .paid-funnel-ring::before,body.service-system-page .paid-funnel-ring>span{content:"";position:absolute;border:1px solid rgba(216,236,209,.22);border-radius:50%}
body.service-system-page .paid-funnel-ring::before{inset:16%;border-style:dashed;animation:spin 28s linear infinite}
body.service-system-page .paid-funnel-ring>span:nth-child(1){inset:31%}
body.service-system-page .paid-funnel-ring>span:nth-child(2){inset:43%;border-color:var(--yellow);background:rgba(1,33,69,.72)}
body.service-system-page .paid-funnel-ring img{position:relative;z-index:2;width:12%;filter:drop-shadow(0 0 14px rgba(231,255,0,.82))}
body.service-system-page .paid-funnel-stage{position:absolute;z-index:2;min-width:130px;padding:14px;background:rgba(1,33,69,.9);border:1px solid var(--light-line)}
body.service-system-page .paid-funnel-stage b{color:var(--yellow);font:400 15px/1 NewBlack,sans-serif}
body.service-system-page .paid-funnel-stage span{display:block;margin-top:7px;color:rgba(216,236,209,.82);font-size:11px;font-weight:700;letter-spacing:.07em}
body.service-system-page .stage-awareness{left:6%;top:12%}
body.service-system-page .stage-lead{right:6%;top:44%}
body.service-system-page .stage-return{left:10%;bottom:10%}
body.service-system-page .paid-funnel-copy article{min-height:380px;padding:clamp(54px,7vw,96px);display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--light-line)}
body.service-system-page .paid-funnel-copy article:last-child{border-bottom:0}
body.service-system-page .paid-funnel-copy article>span{color:var(--yellow);font:400 24px/1 NewBlack,sans-serif}
body.service-system-page .paid-funnel-copy h3{max-width:22ch;margin:30px 0 0;font:400 26px/1.04 NewBlack,sans-serif}
body.service-system-page .paid-funnel-copy p{max-width:68ch;margin:26px 0 0;color:rgba(216,236,209,.8);font-size:17px;line-height:1.66}
body.service-system-page .connected-services-cta .primary-cta{min-height:56px;font-size:12px;font-weight:750;letter-spacing:.075em}
body.service-system-page .social-product-brief .product-brief-main{min-height:760px}
body.service-system-page .social-hero-thesis>div:first-child{max-width:65ch}
body.service-system-page .social-hero-thesis>div:first-child p{margin:0;color:rgba(1,33,69,.82);font-size:17px;line-height:1.62}
body.service-system-page .social-hero-thesis>div:first-child p+p{margin-top:14px}
body.service-system-page .social-evidence .overview-outcomes h3{color:var(--blue)}
body.service-system-page .social-process .delivery-process-heading{min-height:320px}
body.service-system-page .social-advantage .why-fictora-heading h2{max-width:20ch}
body.service-system-page .social-platforms{position:relative;overflow:hidden;border-bottom:1px solid var(--light-line)}
body.service-system-page .social-platforms::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,236,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.055) 1px,transparent 1px);background-size:48px 48px}
body.service-system-page .social-platforms>header{position:relative;z-index:2;min-height:300px;padding:clamp(64px,8vw,112px) clamp(28px,5vw,76px);display:grid;grid-template-columns:minmax(240px,3.5fr) minmax(0,8.5fr);align-items:end;gap:clamp(46px,7vw,110px);border-bottom:1px solid var(--light-line)}
body.service-system-page .social-platforms>header p{margin:0;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .social-platforms>header h2{max-width:25ch;margin:0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .social-platforms-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,7fr)}
body.service-system-page .social-platform-radar{position:sticky;top:86px;height:calc(100svh - 86px);min-height:680px;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--light-line)}
body.service-system-page .social-platform-radar::before,body.service-system-page .social-platform-radar::after,body.service-system-page .social-platform-radar>div{content:"";position:absolute;left:50%;top:50%;aspect-ratio:1;border:1px solid rgba(216,236,209,.2);border-radius:50%;transform:translate(-50%,-50%)}
body.service-system-page .social-platform-radar::before{width:min(33vw,460px)}
body.service-system-page .social-platform-radar::after{width:min(23vw,320px);border-style:dashed;animation:spin 30s linear infinite}
body.service-system-page .social-platform-radar>div{width:150px;display:grid;place-items:center;border-color:rgba(231,255,0,.6);background:rgba(1,33,69,.68);box-shadow:0 0 60px rgba(231,255,0,.12)}
body.service-system-page .social-platform-radar>div::before{content:"";position:absolute;inset:18%;border:1px solid rgba(216,236,209,.2);border-radius:50%}
body.service-system-page .social-platform-radar img{position:relative;z-index:2;width:24%;filter:drop-shadow(0 0 13px rgba(231,255,0,.8))}
body.service-system-page .social-platform-radar b{position:absolute;top:calc(100% + 18px);width:max-content;color:rgba(216,236,209,.7);font-size:11px;line-height:1.35;letter-spacing:.1em;text-align:center}
body.service-system-page .social-platform-radar>span{position:absolute;left:50%;top:50%;width:10px;aspect-ratio:1;border-radius:50%;background:var(--yellow);box-shadow:0 0 14px var(--yellow);transform:translate(-50%,-50%) rotate(calc(var(--platform-node) * 72deg)) translateY(-210px);animation:socialNode 4.5s ease-in-out infinite;animation-delay:calc(var(--platform-node) * -.55s)}
body.service-system-page .social-platform-radar>span:nth-child(1){--platform-node:0}body.service-system-page .social-platform-radar>span:nth-child(2){--platform-node:1}body.service-system-page .social-platform-radar>span:nth-child(3){--platform-node:2}body.service-system-page .social-platform-radar>span:nth-child(4){--platform-node:3}body.service-system-page .social-platform-radar>span:nth-child(5){--platform-node:4}
body.service-system-page .social-platform-list article{position:relative;min-height:168px;padding:32px clamp(28px,5vw,72px);display:grid;grid-template-columns:52px minmax(180px,.72fr) minmax(0,1.28fr) 20px;align-items:center;gap:26px;border-bottom:1px solid var(--light-line);transition:background .35s var(--ease)}
body.service-system-page .social-platform-list article:last-child{border-bottom:0}
body.service-system-page .social-platform-list article:hover{background:rgba(82,180,212,.09)}
body.service-system-page .social-platform-list article>span{color:var(--yellow);font:400 20px/1 NewBlack,sans-serif}
body.service-system-page .social-platform-list article div p{margin:0 0 12px;color:var(--yellow);font-size:12px;font-weight:700;letter-spacing:.065em}
body.service-system-page .social-platform-list h3{margin:0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .social-platform-list article>p{max-width:55ch;margin:0;color:rgba(216,236,209,.78);font-size:16px;line-height:1.62}
body.service-system-page .social-platform-list article>i{width:9px;aspect-ratio:1;border:1px solid rgba(216,236,209,.42);border-radius:50%;transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
body.service-system-page .social-platform-list article:hover>i{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 13px var(--yellow)}
@keyframes socialNode{0%,100%{opacity:.42}50%{opacity:1}}
body.service-system-page .content-evidence .overview-outcomes h3{color:var(--blue)}
body.service-system-page .content-process .delivery-process-heading{min-height:320px}
body.service-system-page .content-advantage .why-fictora-heading h2{max-width:20ch}
body.service-system-page .content-engine{position:relative;overflow:hidden;border-bottom:1px solid var(--light-line)}
body.service-system-page .content-engine::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,236,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.055) 1px,transparent 1px);background-size:48px 48px}
body.service-system-page .content-engine>header{position:relative;z-index:2;min-height:300px;padding:clamp(64px,8vw,112px) clamp(28px,5vw,76px);display:grid;grid-template-columns:minmax(240px,3.5fr) minmax(0,8.5fr);align-items:end;gap:clamp(46px,7vw,110px);border-bottom:1px solid var(--light-line)}
body.service-system-page .content-engine>header p{margin:0;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.055em}
body.service-system-page .content-engine>header h2{max-width:25ch;margin:0;font:400 26px/1 NewBlack,sans-serif}
body.service-system-page .content-engine-body{position:relative;z-index:1;min-height:720px;display:grid;grid-template-columns:minmax(380px,5fr) minmax(0,7fr)}
body.service-system-page .content-engine-source{position:relative;min-height:720px;overflow:hidden;border-right:1px solid var(--light-line)}
body.service-system-page .content-engine-source>svg{position:absolute;inset:0;width:100%;height:100%}
body.service-system-page .content-engine-source path{fill:none;stroke:rgba(216,236,209,.34);stroke-width:1.2}
body.service-system-page .content-engine-source circle{fill:var(--yellow);filter:drop-shadow(0 0 9px var(--yellow))}
body.service-system-page .content-source-core{position:absolute;z-index:2;left:42%;top:50%;width:min(23vw,300px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(231,255,0,.62);border-radius:50%;box-shadow:0 0 80px rgba(231,255,0,.11);transform:translate(-50%,-50%)}
body.service-system-page .content-source-core::before,body.service-system-page .content-source-core>span{content:"";position:absolute;border:1px solid rgba(216,236,209,.22);border-radius:50%}
body.service-system-page .content-source-core::before{inset:14%;border-style:dashed;animation:spin 30s linear infinite}
body.service-system-page .content-source-core>span:nth-child(1){inset:30%}
body.service-system-page .content-source-core>span:nth-child(2){inset:43%;border-color:var(--yellow);background:rgba(1,33,69,.7)}
body.service-system-page .content-source-core img{position:relative;z-index:2;width:13%;filter:drop-shadow(0 0 14px rgba(231,255,0,.82))}
body.service-system-page .content-source-core b{position:absolute;top:calc(100% + 18px);color:rgba(216,236,209,.75);font-size:11px;line-height:1.35;letter-spacing:.1em;text-align:center}
body.service-system-page .content-engine-outputs article{position:relative;min-height:180px;padding:34px clamp(28px,5vw,72px);display:grid;grid-template-columns:48px minmax(190px,.75fr) minmax(0,1.25fr) 18px;align-items:center;gap:26px;border-bottom:1px solid var(--light-line);transition:background .35s var(--ease)}
body.service-system-page .content-engine-outputs article:last-child{border-bottom:0}
body.service-system-page .content-engine-outputs article:hover{background:rgba(82,180,212,.09)}
body.service-system-page .content-engine-outputs article>span{color:var(--yellow);font:400 20px/1 NewBlack,sans-serif}
body.service-system-page .content-engine-outputs h3{margin:0;font:400 25px/1.04 NewBlack,sans-serif}
body.service-system-page .content-engine-outputs p{max-width:55ch;margin:0;color:rgba(216,236,209,.78);font-size:16px;line-height:1.62}
body.service-system-page .content-engine-outputs i{width:9px;aspect-ratio:1;border:1px solid rgba(216,236,209,.42);border-radius:50%;transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
body.service-system-page .content-engine-outputs article:hover i{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 13px var(--yellow)}

@media(max-width:900px){
  body.service-system-page .search-comparison{grid-template-columns:1fr}body.service-system-page .process-route-five .process-phase{min-height:auto}
  body.service-system-page .brand-continuity{grid-template-columns:1fr}body.service-system-page .brand-continuity-visual{min-height:560px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .brand-continuity-core{width:min(62vw,390px)}
  body.service-system-page .paid-funnel>header{grid-template-columns:1fr}body.service-system-page .paid-funnel-body{grid-template-columns:1fr}body.service-system-page .paid-funnel-map{min-height:560px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .paid-funnel-ring{width:min(55vw,330px)}
  body.service-system-page .social-platforms>header{grid-template-columns:1fr}body.service-system-page .social-platforms-body{grid-template-columns:1fr}body.service-system-page .social-platform-radar{position:relative;top:auto;height:auto;min-height:560px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .social-platform-radar::before{width:min(68vw,460px)}body.service-system-page .social-platform-radar::after{width:min(48vw,320px)}
  body.service-system-page .content-engine>header{grid-template-columns:1fr}body.service-system-page .content-engine-body{grid-template-columns:1fr}body.service-system-page .content-engine-source{min-height:560px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .content-source-core{left:50%;width:min(56vw,300px)}
  body.service-system-page .why-fictora-heading,body.service-system-page .saas-authority-heading{min-height:auto;padding:64px 32px;grid-template-columns:1fr;gap:42px}body.service-system-page .why-fictora-body{grid-template-columns:1fr}body.service-system-page .why-fictora-core{position:relative;top:auto;height:560px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .why-fictora-core>span:nth-child(1){width:360px}body.service-system-page .why-fictora-core>span:nth-child(2){width:250px}body.service-system-page .why-fictora-core>span:nth-child(3){width:145px}body.service-system-page .zena-product-proof{grid-template-columns:1fr}body.service-system-page .zena-proof-copy{min-height:650px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .zena-proof-visual{min-height:650px}body.service-system-page .saas-authority-articles{grid-template-columns:1fr}body.service-system-page .saas-authority-articles article,body.service-system-page .saas-authority-articles article:nth-child(1),body.service-system-page .saas-authority-articles article:nth-child(2),body.service-system-page .saas-authority-articles article:nth-child(3){grid-column:auto;min-height:auto;padding:54px 0;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .saas-authority-articles article:last-child{border-bottom:0}body.service-system-page .saas-authority-articles h3{margin-top:34px}body.service-system-page .saas-connected-services{grid-template-columns:1fr}body.service-system-page .saas-connected-services>header{min-height:290px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .service-faq{grid-template-columns:1fr}body.service-system-page .service-faq>header{position:relative;top:auto;height:auto;min-height:540px;border-right:0;border-bottom:1px solid var(--line)}body.service-system-page .service-faq-signal{width:280px}body.service-system-page .service-close{min-height:900px;grid-template-columns:1fr 1fr}body.service-system-page .service-close-orbit{width:280px}body.service-system-page .service-close-copy{grid-column:2}body.service-system-page .service-close-actions{grid-column:2}
}

@media(max-width:700px){
  body.service-system-page .service-page-sections>section{scroll-margin-top:72px}
  body.service-system-page .search-comparison{padding:56px 20px}body.service-system-page .search-comparison>header h2{max-width:18ch}body.service-system-page .search-comparison-table{margin-top:8px}body.service-system-page .comparison-row{min-height:0;grid-template-columns:1fr 1fr}body.service-system-page .comparison-row>*{min-height:76px;padding:17px;font-size:15px}body.service-system-page .comparison-row>strong{grid-column:1/-1;min-height:54px;border-right:0;border-bottom:1px solid var(--light-line)}body.service-system-page .comparison-head{display:grid;grid-template-columns:1fr 1fr}body.service-system-page .comparison-head span:first-child{display:none}body.service-system-page .comparison-head span{min-height:72px;font-size:12px}body.service-system-page .seo-core-cta{align-items:stretch;flex-direction:column}body.service-system-page .seo-core-cta button{width:100%}body.service-system-page .seo-process-intro p{font-size:16px}body.service-system-page .seo-process-intro button{width:100%}
  body.service-system-page .seo-process-navigator{min-height:0;padding:20px;display:block;border-top:1px solid var(--line)}body.service-system-page .seo-process-step{display:block}body.service-system-page .seo-process-trigger{width:100%;min-height:88px;padding:18px 38px 18px 0;display:grid}body.service-system-page .seo-process-trigger:hover,body.service-system-page .seo-process-trigger:focus-visible,body.service-system-page .seo-process-step.is-active .seo-process-trigger{padding-left:8px}body.service-system-page .seo-process-trigger strong{font-size:16px}body.service-system-page .seo-process-panel{display:grid;grid-template-rows:0fr;visibility:visible;opacity:1;transform:none;pointer-events:auto;overflow:hidden;transition:grid-template-rows .5s var(--ease)}body.service-system-page .seo-process-step.is-active .seo-process-panel{grid-template-rows:1fr}body.service-system-page .seo-process-panel-inner{min-height:0;padding:0 8px;overflow:hidden;background:transparent;border:0}body.service-system-page .seo-process-step.is-active .seo-process-panel-inner{padding-top:30px;padding-bottom:42px}body.service-system-page .seo-process-counter{font-size:12px}body.service-system-page .seo-process-panel h3{margin-top:24px;font-size:26px}body.service-system-page .seo-process-panel .process-source-copy,body.service-system-page .seo-process-panel .process-result p{font-size:16px;line-height:1.64}body.service-system-page .seo-process-panel .process-result{margin-top:28px;padding-top:24px}
  body.service-system-page .branding-product-brief .product-brief-main{min-height:820px}body.service-system-page .branding-hero-copy p{font-size:16px;line-height:1.6}body.service-system-page .branding-process .process-phase{min-height:0}body.service-system-page .brand-continuity{min-height:0}body.service-system-page .brand-continuity-visual{min-height:420px}body.service-system-page .brand-continuity-core{width:260px}body.service-system-page .brand-continuity-copy{padding:56px 20px}body.service-system-page .brand-continuity-copy>p:first-child{font-size:12px}body.service-system-page .brand-continuity-copy>p:nth-of-type(2){font-size:16px}body.service-system-page .brand-continuity-copy nav a{font-size:14px}
  body.service-system-page .paid-process .process-phase{min-height:0}body.service-system-page .paid-funnel>header{min-height:0;padding:54px 20px}body.service-system-page .paid-funnel>header p{font-size:12px}body.service-system-page .paid-funnel>header h2{margin-top:28px}body.service-system-page .paid-funnel-map{min-height:420px}body.service-system-page .paid-funnel-ring{width:250px}body.service-system-page .paid-funnel-stage{min-width:104px;padding:11px}body.service-system-page .paid-funnel-stage span{font-size:9px}body.service-system-page .stage-awareness{left:4%;top:8%}body.service-system-page .stage-lead{right:4%;top:43%}body.service-system-page .stage-return{left:6%;bottom:7%}body.service-system-page .paid-funnel-copy article{min-height:0;padding:46px 20px}body.service-system-page .paid-funnel-copy article>span{font-size:22px}body.service-system-page .paid-funnel-copy h3{font-size:24px}body.service-system-page .paid-funnel-copy p{font-size:16px;line-height:1.64}
  body.service-system-page .social-product-brief .product-brief-main{min-height:920px}body.service-system-page .social-hero-thesis>div:first-child p{font-size:16px;line-height:1.64}body.service-system-page .social-process .process-phase{min-height:0}body.service-system-page .social-platforms>header{min-height:0;padding:54px 20px}body.service-system-page .social-platforms>header p{font-size:12px}body.service-system-page .social-platforms>header h2{margin-top:28px}body.service-system-page .social-platform-radar{min-height:420px}body.service-system-page .social-platform-radar::before{width:330px}body.service-system-page .social-platform-radar::after{width:230px}body.service-system-page .social-platform-radar>div{width:118px}body.service-system-page .social-platform-radar>span{transform:translate(-50%,-50%) rotate(calc(var(--platform-node) * 72deg)) translateY(-154px)}body.service-system-page .social-platform-list article{min-height:0;padding:38px 20px;grid-template-columns:42px minmax(0,1fr) 15px;gap:12px 18px}body.service-system-page .social-platform-list article>p{grid-column:2/4;margin-top:8px;font-size:16px;line-height:1.64}body.service-system-page .social-platform-list article>span{font-size:19px}body.service-system-page .social-platform-list h3{font-size:23px}
  body.service-system-page .content-process .process-phase{min-height:0}body.service-system-page .content-engine>header{min-height:0;padding:54px 20px}body.service-system-page .content-engine>header p{font-size:12px}body.service-system-page .content-engine>header h2{margin-top:28px}body.service-system-page .content-engine-source{min-height:420px}body.service-system-page .content-engine-source>svg{left:-11%;width:122%}body.service-system-page .content-source-core{width:244px}body.service-system-page .content-engine-outputs article{min-height:0;padding:40px 20px;grid-template-columns:42px minmax(0,1fr) 15px;gap:12px 18px}body.service-system-page .content-engine-outputs article>p{grid-column:2/4;margin-top:8px;font-size:16px;line-height:1.64}body.service-system-page .content-engine-outputs article>span{font-size:19px}body.service-system-page .content-engine-outputs h3{font-size:23px}
  body.service-system-page .service-recognition{height:32px}body.service-system-page .service-recognition>div{gap:18px}body.service-system-page .service-recognition span{font-size:10px}body.service-system-page .service-recognition img{width:12px}body.service-system-page .why-fictora-heading,body.service-system-page .saas-authority-heading{padding:54px 20px}body.service-system-page .why-fictora-heading>div>p,body.service-system-page .saas-authority-heading>div>p{font-size:12px;line-height:1.35}body.service-system-page .why-fictora-heading h2,body.service-system-page .saas-authority-heading h2{margin-top:28px}body.service-system-page .why-fictora-heading>p,body.service-system-page .saas-authority-heading>p{font-size:15px;line-height:1.62}body.service-system-page .why-fictora-core{height:400px}body.service-system-page .why-fictora-core>span:nth-child(1){width:290px}body.service-system-page .why-fictora-core>span:nth-child(2){width:205px}body.service-system-page .why-fictora-core>span:nth-child(3){width:118px}body.service-system-page .why-fictora-core p{left:20px;bottom:24px;font-size:10px}body.service-system-page .why-fictora-list article{min-height:0;padding:42px 20px;grid-template-columns:44px minmax(0,1fr);gap:14px}body.service-system-page .why-fictora-list article>span{font-size:22px}body.service-system-page .why-fictora-list h3{font-size:22px}body.service-system-page .why-fictora-list p{margin-top:20px;font-size:14px;line-height:1.62}body.service-system-page .zena-product-proof{min-height:0}body.service-system-page .zena-proof-copy{min-height:auto;padding:56px 20px}body.service-system-page .zena-proof-copy>p:first-child{font-size:12px}body.service-system-page .zena-proof-copy>p:nth-of-type(2){font-size:14px}body.service-system-page .zena-proof-copy dl>div{grid-template-columns:92px 1fr}body.service-system-page .zena-proof-copy dt{font-size:11px}body.service-system-page .zena-proof-copy dd{font-size:16px}body.service-system-page .zena-proof-copy>a{font-size:11px}body.service-system-page .zena-proof-visual{min-height:430px;padding:42px 20px 60px}body.service-system-page .zena-proof-orbit{width:420px}body.service-system-page .zena-proof-visual figure{box-shadow:10px 12px 0 rgba(1,17,42,.42)}body.service-system-page .zena-proof-visual figure header,body.service-system-page .zena-proof-visual figcaption{padding:0 12px;font-size:8px}body.service-system-page .zena-proof-visual figcaption{gap:14px}body.service-system-page .saas-authority-articles{padding:0 20px}body.service-system-page .saas-authority-articles article,body.service-system-page .saas-authority-articles article:nth-child(1),body.service-system-page .saas-authority-articles article:nth-child(2),body.service-system-page .saas-authority-articles article:nth-child(3){padding:44px 0}body.service-system-page .saas-authority-articles h3{font-size:22px}body.service-system-page .saas-authority-articles p{font-size:14px;line-height:1.64}body.service-system-page .saas-connected-services{display:block}body.service-system-page .saas-connected-services>header{min-height:300px;padding:48px 20px}body.service-system-page .saas-connected-services nav{display:block}body.service-system-page .saas-connected-services a{min-height:110px;padding:22px 20px;border-right:0;border-bottom:1px solid var(--line)!important}body.service-system-page .saas-connected-services a:last-child{border-bottom:0!important}body.service-system-page .service-faq>header{min-height:420px;padding:54px 20px}body.service-system-page .service-faq>header>p{font-size:12px}body.service-system-page .service-faq-signal{width:220px}body.service-system-page .service-faq-list{padding:20px}body.service-system-page .service-faq-list summary{min-height:100px;grid-template-columns:34px minmax(0,1fr) 22px;gap:10px}body.service-system-page .service-faq-list summary strong{font-size:17px}body.service-system-page .service-faq-list details>p{margin:-2px 22px 0 44px;padding-bottom:28px;font-size:14px}body.service-system-page .service-close{min-height:790px;padding:56px 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:50px}body.service-system-page .service-close-orbit{width:220px;align-self:center}body.service-system-page .service-close-copy h2{font-size:26px}body.service-system-page .service-close-copy>p:last-child{font-size:14px}body.service-system-page .service-close-actions button{font-size:11px}
}


@media(max-width:700px){
  body.service-system-page .product-brief-breadcrumb{font-size:13px;line-height:1.4}
  body.service-system-page .product-brief-eyebrow{margin-bottom:22px;font-size:15px;line-height:1.35}
  body.service-system-page .product-brief-thesis>p,body.service-system-page .service-overview-body p,body.service-system-page .overview-outcomes p,body.service-system-page .micro-capabilities-item p,body.service-system-page .delivery-process-heading>p,body.service-system-page .process-source-copy,body.service-system-page .process-work li,body.service-system-page .process-result p,body.service-system-page .industry-usecases-heading>p,body.service-system-page .industry-panel-problem p,body.service-system-page .industry-panel-outcome p,body.service-system-page .why-fictora-heading>p,body.service-system-page .why-fictora-list p,body.service-system-page .zena-proof-copy>p:nth-of-type(2),body.service-system-page .saas-authority-heading>p,body.service-system-page .saas-authority-articles p,body.service-system-page .insight-signal>div>span,body.service-system-page .service-faq-list details>p,body.service-system-page .service-close-copy>p:last-child{font-size:16px;line-height:1.64}
  body.service-system-page .branding-hero-copy p,body.service-system-page .brand-continuity-copy>p:nth-of-type(2),body.service-system-page .paid-funnel-copy p,body.service-system-page .social-hero-thesis>div:first-child p,body.service-system-page .social-platform-list article>p,body.service-system-page .content-engine-outputs p{font-size:16px;line-height:1.64}
  body.service-system-page .service-overview-copy>p,body.service-system-page .micro-capabilities-intro>div:first-child>p,body.service-system-page .delivery-process-heading>div>p,body.service-system-page .industry-usecases-heading>div>p,body.service-system-page .why-fictora-heading>div>p,body.service-system-page .saas-authority-heading>div>p,body.service-system-page .zena-proof-copy>p:first-child,body.service-system-page .service-faq>header>p{font-size:14px;letter-spacing:.045em}
}

@media(prefers-reduced-motion:reduce){body.service-system-page .service-recognition>div,body.service-system-page .service-close-orbit img{animation:none}}


body.service-system-page .services-index-main:not(.dark-field){background:var(--soft)}
body.service-system-page .services-index-hero{position:relative;min-height:calc(100svh - 112px);padding:clamp(54px,6vw,84px) clamp(28px,5vw,76px) 118px;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.62fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}
body.service-system-page .services-index-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 50% 45%,rgba(231,255,0,.23),transparent 29%),linear-gradient(110deg,var(--soft) 0%,var(--mint) 32%,rgba(82,180,212,.68) 72%,rgba(51,118,176,.78) 100%)}
body.service-system-page .services-index-hero::after{content:"";position:absolute;z-index:-1;left:50%;top:47%;width:min(78vw,1120px);aspect-ratio:1;border:1px solid rgba(1,33,69,.12);border-radius:50%;box-shadow:0 0 0 120px rgba(1,33,69,.025),0 0 0 240px rgba(1,33,69,.02);transform:translate(-50%,-50%);pointer-events:none}
body.service-system-page .services-index-kicker{position:relative;z-index:5;grid-column:1/-1;margin:0;display:flex;justify-content:space-between;color:rgba(1,33,69,.65);font-size:13px;font-weight:750;letter-spacing:.075em}
body.service-system-page .services-index-kicker span{color:rgba(1,33,69,.48)}
body.service-system-page .services-index-statement{position:relative;z-index:3;grid-column:1/-1;grid-row:2;align-self:stretch;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.62fr) minmax(0,1fr);font-family:NewBlack,sans-serif;font-size:42.068px;font-weight:400;line-height:.91;letter-spacing:-.04em}
body.service-system-page .services-index-statement>span{position:relative;z-index:3;display:block}
body.service-system-page .services-statement-design{grid-column:1;grid-row:2;justify-self:start;align-self:start;margin-top:24%;font-size:clamp(42.068px,5.2vw,74px)}
body.service-system-page .services-statement-smart{grid-column:3;grid-row:2;justify-self:end;align-self:start;margin-top:18%;color:var(--ink);font-size:clamp(42.068px,4.9vw,70px);text-align:right}
body.service-system-page .services-statement-scale{grid-column:1/-1;grid-row:2;align-self:end;justify-self:center;margin-bottom:5%;font-size:clamp(42.068px,6.2vw,88px);white-space:nowrap}
body.service-system-page .services-statement-scale strong{color:var(--yellow);font:inherit}
body.service-system-page .services-index-system{position:relative;z-index:4;grid-column:2;grid-row:2;display:grid;place-items:center}
body.service-system-page .services-index-orbit{position:relative;width:min(31vw,430px);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 28px 70px rgba(1,33,69,.14))}
body.service-system-page .services-orbit-ring,body.service-system-page .services-index-orbit::before{position:absolute;left:50%;top:50%;aspect-ratio:1;border:1px solid rgba(1,33,69,.25);border-radius:50%;transform:translate(-50%,-50%)}
body.service-system-page .services-index-orbit::before{content:"";width:100%;border-color:rgba(1,33,69,.14);box-shadow:inset 0 0 90px rgba(231,255,0,.16),0 0 80px rgba(82,180,212,.13)}
body.service-system-page .services-orbit-ring-outer{width:84%;border-color:rgba(231,255,0,.75)}
body.service-system-page .services-orbit-ring-middle{width:60%;border-style:dashed;border-color:rgba(1,33,69,.35)}
body.service-system-page .services-orbit-ring-inner{width:36%;border-color:rgba(231,255,0,.75)}
body.service-system-page .services-index-core{position:absolute;z-index:3;left:50%;top:50%;width:25%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--deep);box-shadow:0 0 0 14px rgba(1,33,69,.08),0 0 54px rgba(231,255,0,.28);transform:translate(-50%,-50%);animation:servicesCoreGlow 4.8s ease-in-out infinite}
body.service-system-page .services-index-core::before{content:"";position:absolute;inset:16%;border:1px solid rgba(216,236,209,.28);border-radius:50%}
body.service-system-page .services-index-core img{position:relative;z-index:2;width:43%;filter:drop-shadow(0 0 13px rgba(231,255,0,.78))}
body.service-system-page .services-index-orbit>i{--node:0;position:absolute;z-index:3;left:50%;top:50%;width:9px;aspect-ratio:1;border:1px solid rgba(1,33,69,.36);border-radius:50%;background:var(--yellow);box-shadow:0 0 13px rgba(231,255,0,.86);transform:translate(-50%,-50%) rotate(calc(var(--node) * 40deg)) translateY(-180px)}
body.service-system-page .services-index-orbit>i:nth-of-type(1){--node:0}body.service-system-page .services-index-orbit>i:nth-of-type(2){--node:1}body.service-system-page .services-index-orbit>i:nth-of-type(3){--node:2}body.service-system-page .services-index-orbit>i:nth-of-type(4){--node:3}body.service-system-page .services-index-orbit>i:nth-of-type(5){--node:4}body.service-system-page .services-index-orbit>i:nth-of-type(6){--node:5}body.service-system-page .services-index-orbit>i:nth-of-type(7){--node:6}body.service-system-page .services-index-orbit>i:nth-of-type(8){--node:7}body.service-system-page .services-index-orbit>i:nth-of-type(9){--node:8}
body.service-system-page .services-system-label{position:absolute;z-index:4;padding:0;color:rgba(1,33,69,.48);font:700 11px/1 Acumin,sans-serif;letter-spacing:.095em;transition:color .35s var(--ease),opacity .35s var(--ease)}
body.service-system-page .services-system-label:hover{color:var(--ink)}
body.service-system-page .services-system-label-build{left:-6%;top:21%}body.service-system-page .services-system-label-automate{right:-15%;top:42%}body.service-system-page .services-system-label-brand{left:-9%;bottom:23%}body.service-system-page .services-system-label-grow{right:1%;bottom:8%}
body.service-system-page .services-index-control{position:relative;z-index:5;grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:52px}
body.service-system-page .services-index-intro{max-width:65ch;margin:0;color:rgba(1,33,69,.78);font-size:17px;line-height:1.62}
body.service-system-page .services-index-control .primary-cta{min-width:230px;font-size:11px;font-weight:750;letter-spacing:.08em}
body.service-system-page .services-index-rail{position:absolute;z-index:4;left:clamp(28px,5vw,76px);right:clamp(28px,5vw,76px);bottom:28px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:18px;color:rgba(1,33,69,.56);font-size:11px;font-weight:650;letter-spacing:.08em}
body.service-system-page .services-index-rail i{height:1px;background:rgba(1,33,69,.22)}body.service-system-page .services-index-rail strong{color:var(--ink);font-weight:750}
@keyframes servicesCoreGlow{0%,100%{box-shadow:0 0 0 14px rgba(1,33,69,.08),0 0 42px rgba(231,255,0,.2)}50%{box-shadow:0 0 0 18px rgba(1,33,69,.05),0 0 72px rgba(231,255,0,.38)}}

@media(max-width:900px){
  body.service-system-page .services-index-hero{min-height:auto;padding-top:72px;grid-template-columns:1fr minmax(250px,.72fr) 1fr;grid-template-rows:auto minmax(560px,1fr) auto}
  body.service-system-page .services-index-orbit{width:min(43vw,380px)}
  body.service-system-page .services-index-orbit>i{transform:translate(-50%,-50%) rotate(calc(var(--node) * 40deg)) translateY(calc(min(43vw,380px) * -.42))}
  body.service-system-page .services-statement-design{font-size:42.068px}body.service-system-page .services-statement-smart{font-size:42.068px}body.service-system-page .services-statement-scale{font-size:clamp(42.068px,7.6vw,66px)}
  body.service-system-page .services-index-statement{grid-template-columns:1fr minmax(250px,.72fr) 1fr}
}
@media(max-width:700px){
  body.service-system-page .services-index-hero{padding:48px 20px 96px;display:flex;flex-direction:column;gap:0;text-align:center}
  body.service-system-page .services-index-kicker{width:100%;font-size:11px}body.service-system-page .services-index-kicker span{display:none}
  body.service-system-page .services-index-statement{display:flex;width:100%;margin:56px 0 0;flex-direction:column;gap:0;font-size:42.068px}
  body.service-system-page .services-index-statement>span{margin:0!important;align-self:center!important;justify-self:auto!important;font-size:42.068px!important;text-align:center!important;white-space:normal}
  body.service-system-page .services-statement-smart br{display:none}body.service-system-page .services-statement-scale{margin-top:6px!important}
  body.service-system-page .services-index-system{width:100%;margin-top:38px}
  body.service-system-page .services-index-orbit{width:min(86vw,340px)}
  body.service-system-page .services-index-orbit>i{width:8px;transform:translate(-50%,-50%) rotate(calc(var(--node) * 40deg)) translateY(calc(min(86vw,340px) * -.42))}
  body.service-system-page .services-system-label{font-size:10px}body.service-system-page .services-system-label-build{left:0}body.service-system-page .services-system-label-automate{right:-1%}body.service-system-page .services-system-label-brand{left:-1%}body.service-system-page .services-system-label-grow{right:4%}
  body.service-system-page .services-index-control{width:100%;margin-top:50px;display:flex;flex-direction:column;align-items:stretch;gap:28px}body.service-system-page .services-index-intro{font-size:16px;line-height:1.64}body.service-system-page .services-index-control .primary-cta{width:100%}
  body.service-system-page .services-index-rail{left:20px;right:20px;bottom:24px;grid-template-columns:auto 1fr auto;gap:10px;font-size:9px}body.service-system-page .services-index-rail i:nth-of-type(2),body.service-system-page .services-index-rail span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){body.service-system-page .services-index-core{animation:none}}


body.service-system-page .services-recognition-section{border-top:0}
body.service-system-page .services-recognition-section .proof-ledger-heading span{font-size:clamp(34px,4vw,62px)}
body.service-system-page .services-recognition-entries article{min-height:64svh}
body.service-system-page .services-recognition-entries article>p{max-width:38ch;margin:clamp(46px,8vh,94px) 0;align-self:center;color:var(--mint);font:400 clamp(26px,2.75vw,46px)/1.05 NewBlack,sans-serif;letter-spacing:-.03em}
body.service-system-page .services-recognition-entries footer strong{font-size:18px}
@media(max-width:700px){
  body.service-system-page .services-recognition-section .proof-ledger-heading span{font-size:34px;line-height:.9}
  body.service-system-page .services-recognition-entries article{min-height:72svh}
  body.service-system-page .services-recognition-entries article>p{font-size:clamp(27px,8vw,36px);line-height:1.06}
}

/* Approved homepage shell and closing systems */

@font-face{
  font-family: NewBlack;
  src: url('/assets/brand/fonts/NewBlackTypeface-Regular.ttf');
}

@font-face{
  font-family: Acumin;
  src: url('/assets/brand/fonts/Acumin Variable Concept.ttf');
}

body.homepage{
  --brand-gradient-cyan: #3aa0b7;
  --brand-gradient-navy: #002c4d;
  --brand-gradient-deep: #051d43;
  --brand-gradient-ink: #012145;
  --brand-gradient: url('/assets/brand/fictora-gradient.svg');
  --deep: #051d43;
  --navy: #002c4d;
  --ink: #012145;
  --mid: #3376b0;
  --sky: #52b4d4;
  --yellow: #e7ff00;
  --mint: #d8ecd1;
  --soft: #eef8ea;
  --light-line: rgba(216, 236, 209, 0.22);
  --site-header-height: 112px;
}

body.homepage *{
  box-sizing: border-box;
}

html:has(body.homepage){
  background: var(--deep);
  scroll-behavior: auto;
  scroll-padding-top: var(--site-header-height);
}

body.homepage{
  position: relative;
  isolation: isolate;
  margin: 0;
  overflow-x: hidden;
  color: var(--mint);
  background: transparent;
  font-family: Acumin, Arial, sans-serif;
}

body.homepage::before{
  content: "";
  position: fixed;
  z-index: 0;
  inset: 0;
  background: var(--brand-gradient-deep) var(--brand-gradient) center / 100vw 100vh no-repeat;
  pointer-events: none;
}

body.homepage main{
  position: relative;
  z-index: 1;
}

body.homepage a{
  color: inherit;
}

body.homepage .skip-link{
  position: fixed;
  z-index: 1000;
  left: 16px;
  top: 12px;
  padding: 12px 16px;
  color: var(--ink);
  background: var(--yellow);
  font-size: 11px;
  letter-spacing: 0.1em;
  transform: translateY(-160%);
}

body.homepage .skip-link:focus{
  transform: translateY(0);
}

body.homepage .page-loader{
  position: fixed;
  z-index: 999;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 20px;
  color: var(--mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  font-size: 8px;
  letter-spacing: 0.2em;
  transition: opacity 500ms ease, visibility 500ms ease;
}

body.homepage .page-loader img{
  width: 62px;
  filter: drop-shadow(0 0 22px rgba(231, 255, 0, 0.52));
  animation: loader-glow 2.8s ease-in-out infinite;
}

body.homepage body.is-ready .page-loader{
  visibility: hidden;
  opacity: 0;
}

body.homepage .home-section,body.homepage .section-module{
  position: relative;
  display: block;
  width: 100%;
}

body.homepage .hero-section{
  min-height: 100svh;
  margin-top: -2px;
  padding-top: 2px;
  background: transparent;
}

body.homepage .alchemy-section{
  min-height: 100svh;
  background: transparent;
}

body.homepage .services-section{
  min-height: 100svh;
  color: var(--ink);
  background: var(--brand-gradient-deep);
}

body.homepage .services-marquee{
  position: relative;
  z-index: 20;
  height: 58px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: var(--ink);
  background: var(--yellow);
  border-block: 1px solid rgba(1, 33, 69, 0.2);
}

body.homepage .services-marquee-track{
  display: flex;
  width: max-content;
  animation: services-marquee 32s linear infinite;
  will-change: transform;
}

body.homepage .services-marquee-group{
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

body.homepage .services-marquee span{
  padding: 0 clamp(18px, 2.2vw, 34px);
  white-space: nowrap;
  font: 600 clamp(16px, 1.5vw, 22px) / 1 NewBlack, sans-serif;
  letter-spacing: -0.015em;
}

body.homepage .services-marquee i{
  font-style: normal;
  font-size: 15px;
}

body.homepage .convergence-track{
  position: relative;
  height: 480vh;
  height: 480svh;
  background: var(--deep);
}

body.homepage .convergence-sticky{
  position: sticky;
  top: var(--site-header-height);
  width: 100%;
  height: calc(100vh - var(--site-header-height));
  height: calc(100svh - var(--site-header-height));
  overflow: hidden;
  background: var(--deep);
}

body.homepage #convergence-frame{
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
  background: transparent;
}

body.homepage .continuation{
  min-height: 52svh;
  padding: clamp(54px, 8vw, 110px) clamp(22px, 5vw, 76px);
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  align-items: end;
  gap: 28px;
  color: var(--mint);
  background:
    linear-gradient(rgba(82, 180, 212, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(82, 180, 212, 0.08) 1px, transparent 1px),
    var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  background-size: 44px 44px, 44px 44px, cover;
  border-top: 1px solid var(--light-line);
}

body.homepage .continuation > div{
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 8px;
  letter-spacing: 0.16em;
}

body.homepage .continuation img{
  width: 32px;
}

body.homepage .continuation p{
  margin: 0;
  font: 400 clamp(42px, 5vw, 82px) / 0.82 NewBlack, sans-serif;
  letter-spacing: -0.05em;
}

body.homepage .continuation p b{
  color: var(--yellow);
  font-weight: 400;
}

body.homepage .continuation small{
  color: rgba(216, 236, 209, 0.5);
  font-size: 7px;
  line-height: 1.7;
  letter-spacing: 0.14em;
  text-align: right;
}

@keyframes loader-glow{
  50% {
    opacity: 0.72;
    filter: drop-shadow(0 0 7px rgba(231, 255, 0, 0.7)) drop-shadow(0 0 30px rgba(231, 255, 0, 0.42));
  }
}

@keyframes services-marquee{
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@keyframes recognition-marquee{
  from { transform: translate3d(-50%, 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}

@media (max-width: 760px){
  body.homepage{ --site-header-height: 100px; }
  body.homepage .services-marquee{ height: 50px; }
  body.homepage .services-marquee-track{ animation-duration: 24s; }
  body.homepage .services-marquee span{ padding-inline: 18px; font-size: 15px; }

  body.homepage .continuation{
    min-height: 64svh;
    grid-template-columns: 1fr;
    align-content: end;
  }

  body.homepage .continuation small{
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce){
  body.homepage .page-loader img{
    animation: none;
  }

  body.homepage .services-marquee-track{
    animation-play-state: paused;
  }
}

body.homepage .portfolio-reel-section{
  position: relative;
  color: var(--mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  border-top: 1px solid var(--light-line);
  overflow: hidden;
}

body.homepage .portfolio-reel-intro{
  min-height: 58svh;
  padding: clamp(64px, 7vw, 110px) clamp(24px, 5vw, 76px);
  display: grid;
  grid-template-columns: minmax(190px, .42fr) minmax(0, 1fr) minmax(270px, .5fr);
  align-items: end;
  gap: clamp(28px, 4vw, 64px);
  border-bottom: 1px solid var(--light-line);
}

body.homepage .portfolio-reel-label{
  align-self: start;
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 11px;
  letter-spacing: .14em;
}

body.homepage .portfolio-reel-label img{ width: 29px; }

body.homepage .portfolio-reel-intro h2{
  margin: 0;
  font: 400 clamp(58px, 7.4vw, 118px) / .79 NewBlack, sans-serif;
  letter-spacing: -.052em;
}

body.homepage .portfolio-reel-intro h2 em{
  color: var(--yellow);
  font-style: normal;
}

body.homepage .portfolio-reel-intro > p{
  max-width: 31rem;
  margin: 0;
  color: rgba(216, 236, 209, .74);
  font-size: clamp(16px, 1.2vw, 19px);
  line-height: 1.55;
}

body.homepage .portfolio-reel{
  min-height: calc(100svh - var(--site-header-height));
  padding: clamp(28px, 3vw, 48px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  background:
    linear-gradient(rgba(82, 180, 212, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(82, 180, 212, .07) 1px, transparent 1px),
    transparent;
  background-size: 46px 46px;
  overflow: hidden;
}

body.homepage .portfolio-reel-meta{
  position: relative;
  z-index: 4;
  display: flex;
  align-items: start;
  justify-content: space-between;
  font-size: 9px;
  letter-spacing: .14em;
}

body.homepage .portfolio-reel-meta > span,body.homepage .portfolio-reel-meta b{ color: var(--yellow); }
body.homepage .portfolio-reel-meta b{ font-weight: 500; }
body.homepage .portfolio-reel-meta > div{ display: grid; gap: 5px; text-align: right; }
body.homepage .portfolio-reel-meta small{ color: rgba(216, 236, 209, .5); }

body.homepage .portfolio-reel-viewport{
  position: relative;
  min-height: 0;
  display: grid;
  align-items: center;
  overflow: hidden;
  outline: 0;
  touch-action: pan-y;
}

body.homepage .portfolio-reel-track{
  display: flex;
  gap: clamp(22px, 3vw, 48px);
  will-change: transform;
  transition: transform 900ms cubic-bezier(.22, 1, .36, 1);
}

body.homepage .portfolio-reel-card{
  position: relative;
  width: min(64vw, 980px);
  flex: 0 0 auto;
  margin: 0;
  opacity: .25;
  filter: saturate(.42);
  transform: scale(.88);
  transition: opacity 700ms cubic-bezier(.22, 1, .36, 1), filter 700ms cubic-bezier(.22, 1, .36, 1), transform 900ms cubic-bezier(.22, 1, .36, 1);
}

body.homepage .portfolio-reel-card.is-active{
  opacity: 1;
  filter: none;
  transform: scale(1);
}

body.homepage .portfolio-reel-card img{
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: top;
  border: 1px solid rgba(216, 236, 209, .26);
  box-shadow: 0 38px 90px rgba(1, 33, 69, .46);
}

body.homepage .portfolio-reel-card figcaption{
  position: absolute;
  left: 16px;
  top: 16px;
  padding: 7px 9px;
  color: var(--ink);
  background: var(--yellow);
  font-size: 7px;
  letter-spacing: .12em;
}

body.homepage .portfolio-reel-focus{
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  width: min(70vw, 1080px);
  aspect-ratio: 1.7;
  border: 1px solid rgba(231, 255, 0, .18);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

body.homepage .portfolio-pointer{
  position: fixed;
  z-index: 900;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transform: translate3d(-200px, -200px, 0);
  transition: opacity 180ms ease;
  pointer-events: none;
  will-change: transform;
}

body.homepage .portfolio-pointer::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(1, 33, 69, .72);
  border-radius: 50%;
  background: var(--yellow);
  box-shadow: 0 0 0 1px rgba(216, 236, 209, .42);
  transform: translate(-50%, -50%) scale(.68);
  transition: transform 260ms cubic-bezier(.22, 1, .36, 1), background-color 180ms ease;
}

body.homepage .portfolio-pointer span{
  position: absolute;
  left: 24px;
  top: 0;
  min-height: 36px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
  background: var(--yellow);
  border: 1px solid var(--ink);
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(1, 33, 69, .18);
  white-space: nowrap;
  transform: translateY(-50%) translateX(-10px);
  transition: opacity 150ms ease, transform 260ms cubic-bezier(.22, 1, .36, 1), background-color 180ms ease;
}

body.homepage .portfolio-pointer span i,body.homepage .portfolio-pointer span svg{ width: 16px; height: 16px; display: block; }
body.homepage .portfolio-pointer span svg{ fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.homepage .portfolio-pointer span b{ font-size: 12px; font-weight: 650; line-height: 1; letter-spacing: .1em; }
body.homepage .portfolio-pointer.is-visible{ opacity: 1; }
body.homepage .portfolio-pointer.is-visible::before{ transform: translate(-50%, -50%) scale(1); }
body.homepage .portfolio-pointer.is-visible span{ transform: translateY(-50%); }
body.homepage .portfolio-pointer.is-changing span{ opacity: 0; transform: translateY(-50%) translateX(-8px); }
body.homepage .portfolio-pointer.is-pressed::before{ transform: translate(-50%, -50%) scale(.56); }
body.homepage .portfolio-pointer.is-pressed span{ transform: translateY(-50%) scale(.96); }
body.homepage .portfolio-pointer.is-flipped span{ left: auto; right: 24px; }
body.homepage .portfolio-pointer[data-mode="enter"] span{ background: var(--yellow); }

@media (hover: hover) and (pointer: fine){
  body.homepage .portfolio-reel.is-cursor-ready .portfolio-reel-viewport{ cursor: none; }
}

body.homepage .portfolio-reel-footer{
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 30px;
}

body.homepage .portfolio-reel-footer h3{
  max-width: 14ch;
  margin: 0;
  font: 400 clamp(42px, 5vw, 78px) / .84 NewBlack, sans-serif;
  letter-spacing: -.045em;
  text-wrap: balance;
}

body.homepage .portfolio-reel-progress{ align-self: center; }
body.homepage .portfolio-reel-progress > span{ display: block; width: clamp(120px, 14vw, 220px); height: 2px; background: rgba(216, 236, 209, .18); }
body.homepage .portfolio-reel-progress i{ display: block; width: 8.33%; height: 100%; background: var(--yellow); transition: width 700ms cubic-bezier(.22, 1, .36, 1); }
body.homepage .portfolio-mobile-controls{ display: none; }

@media (hover: hover) and (pointer: fine){
  body.homepage .portfolio-reel.is-cursor-ready .portfolio-reel-viewport{ cursor: none; }
}

@media (max-width: 900px){
  body.homepage .portfolio-reel-intro{ grid-template-columns: 1fr 1fr; }
  body.homepage .portfolio-reel-label{ grid-column: 1 / -1; }
}

@media (max-width: 760px){
  body.homepage .portfolio-reel-intro{
    min-height: 54svh;
    padding: 46px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }

  body.homepage .portfolio-reel-intro h2{ font-size: clamp(44px, 13vw, 58px); line-height: .84; }
  body.homepage .portfolio-reel-intro > p{ font-size: 16px; }
  body.homepage .portfolio-reel{ min-height: 760px; padding: 22px 14px 28px; }
  body.homepage .portfolio-reel-meta small{ display: none; }
  body.homepage .portfolio-reel-viewport{ min-height: 410px; }
  body.homepage .portfolio-reel-card{ width: 84vw; }
  body.homepage .portfolio-reel-focus{ width: 90vw; }
  body.homepage .portfolio-pointer{ display: none; }
  body.homepage .portfolio-reel-footer{ grid-template-columns: 1fr auto; gap: 18px; }
  body.homepage .portfolio-reel-footer h3{ font-size: clamp(36px, 11vw, 50px); }
  body.homepage .portfolio-reel-progress > span{ width: 72px; }
  body.homepage .portfolio-mobile-controls{ grid-column: 1 / -1; margin-top: 8px; display: grid; grid-template-columns: 1fr 1.25fr 1fr; border: 1px solid rgba(216, 236, 209, .24); }
  body.homepage .portfolio-mobile-controls > *{ min-height: 50px; padding: 0 8px; display: flex; align-items: center; justify-content: center; gap: 6px; color: var(--mint); background: transparent; border: 0; border-right: 1px solid rgba(216, 236, 209, .2); font: 500 8px / 1 Acumin, sans-serif; letter-spacing: .08em; text-decoration: none; text-align: center; }
  body.homepage .portfolio-mobile-controls > :last-child{ border-right: 0; }
  body.homepage .portfolio-mobile-controls a{ color: var(--ink); background: var(--yellow); }
}

@media (prefers-reduced-motion: reduce){
  body.homepage .portfolio-reel-track,body.homepage .portfolio-reel-card,body.homepage .portfolio-pointer,body.homepage .portfolio-reel-progress i{ transition-duration: .001ms !important; }
}

body.homepage .proof-ledger-section{
  position: relative;
  color: var(--mint);
  background: transparent;
  border-top: 1px solid var(--light-line);
}

body.homepage .proof-ledger-heading{
  min-height: 150px;
  padding: 0 clamp(24px, 5vw, 80px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--light-line);
}

body.homepage .proof-ledger-heading span{
  color: var(--yellow);
  font: 400 clamp(38px, 4.5vw, 72px) NewBlack, sans-serif;
  letter-spacing: -0.04em;
}

body.homepage .proof-ledger-heading p{
  margin: 0;
  color: rgba(216, 236, 209, 0.52);
  font-size: 12px;
  letter-spacing: 0.07em;
}

body.homepage .proof-ledger-grid{
  display: grid;
  grid-template-columns: minmax(280px, 0.52fr) 1.48fr;
  align-items: start;
}

body.homepage .proof-ledger-recognition{
  position: sticky;
  top: var(--site-header-height);
  min-height: calc(100svh - var(--site-header-height));
  padding: clamp(38px, 5vw, 78px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid var(--light-line);
  background: rgba(1, 33, 69, 0.26);
}

body.homepage .proof-ledger-recognition > span{
  color: var(--yellow);
  font-size: 8px;
  letter-spacing: 0.15em;
}

body.homepage .proof-ledger-recognition img{
  width: 52px;
  margin: 68px 0 28px;
}

body.homepage .proof-ledger-recognition strong{
  color: var(--yellow);
  font: 400 clamp(76px, 8vw, 130px) / 0.78 NewBlack, sans-serif;
}

body.homepage .proof-ledger-recognition h2{
  margin: 28px 0 18px;
  font: 400 clamp(34px, 3vw, 52px) / 0.88 NewBlack, sans-serif;
}

body.homepage .proof-ledger-recognition p{
  margin: 0;
  color: rgba(216, 236, 209, 0.56);
  font-size: 14px;
}

body.homepage .proof-ledger-entries article{
  min-height: 56svh;
  padding: clamp(38px, 5vw, 84px);
  display: grid;
  grid-template-rows: auto 1fr auto;
  border-bottom: 1px solid var(--light-line);
}

body.homepage .proof-ledger-entries article:nth-child(even){
  background: transparent;
}

body.homepage .proof-ledger-entries header,body.homepage .proof-ledger-entries footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

body.homepage .proof-ledger-entries header{
  color: var(--yellow);
  font-size: 8px;
  letter-spacing: 0.14em;
}

body.homepage .proof-ledger-entries header b{
  font-weight: 500;
}

body.homepage .proof-ledger-entries blockquote{
  max-width: 31ch;
  margin: clamp(48px, 8vh, 100px) 0;
  padding: 0;
  align-self: center;
  border: 0;
  color: #fff;
  background: transparent;
  font: 400 clamp(28px, 3.1vw, 52px) / 1.02 NewBlack, sans-serif;
  letter-spacing: -0.035em;
}

body.homepage .proof-ledger-entries footer strong{
  font: 20px NewBlack, sans-serif;
}

body.homepage .proof-ledger-entries footer small{
  color: rgba(255, 255, 255, .7);
  font-size: 8px;
  letter-spacing: 0.12em;
}

@media (max-width: 760px){
  body.homepage .proof-ledger-heading{
    min-height: 120px;
    padding: 0 20px;
  }

  body.homepage .proof-ledger-heading span{
    font-size: 38px;
  }

  body.homepage .proof-ledger-heading p{
    display: none;
  }

  body.homepage .proof-ledger-grid{
    display: block;
  }

  body.homepage .proof-ledger-recognition{
    position: relative;
    top: auto;
    min-height: 82svh;
    padding: 48px 22px;
    border-right: 0;
    border-bottom: 1px solid var(--light-line);
  }

  body.homepage .proof-ledger-entries article{
    min-height: 78svh;
    padding: 48px 22px;
  }

  body.homepage .proof-ledger-entries blockquote{
    font-size: clamp(28px, 8vw, 39px);
  }

  body.homepage .proof-ledger-entries footer{
    align-items: end;
  }

  body.homepage .proof-ledger-entries footer small{
    max-width: 18ch;
    text-align: right;
  }
}

body.services-index-page .proof-ledger-section{
  position: relative;
  color: var(--mint);
  background: transparent;
  border-top: 1px solid var(--light-line);
}

body.services-index-page .proof-ledger-heading{
  min-height: 150px;
  padding: 0 clamp(24px, 5vw, 80px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--light-line);
}

body.services-index-page .proof-ledger-heading span{
  color: var(--yellow);
  font: 400 clamp(38px, 4.5vw, 72px) NewBlack, sans-serif;
  letter-spacing: -0.04em;
}

body.services-index-page .proof-ledger-heading p{
  margin: 0;
  color: rgba(216, 236, 209, 0.52);
  font-size: 12px;
  letter-spacing: 0.07em;
}

body.services-index-page .proof-ledger-grid{
  display: grid;
  grid-template-columns: minmax(280px, 0.52fr) 1.48fr;
  align-items: start;
}

body.services-index-page .proof-ledger-recognition{
  position: sticky;
  top: var(--site-header-height);
  min-height: calc(100svh - var(--site-header-height));
  padding: clamp(38px, 5vw, 78px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid var(--light-line);
  background: rgba(1, 33, 69, 0.26);
}

body.services-index-page .proof-ledger-recognition > span{
  color: var(--yellow);
  font-size: 8px;
  letter-spacing: 0.15em;
}

body.services-index-page .proof-ledger-recognition img{
  width: 52px;
  margin: 68px 0 28px;
}

body.services-index-page .proof-ledger-recognition strong{
  color: var(--yellow);
  font: 400 clamp(76px, 8vw, 130px) / 0.78 NewBlack, sans-serif;
}

body.services-index-page .proof-ledger-recognition h2{
  margin: 28px 0 18px;
  font: 400 clamp(34px, 3vw, 52px) / 0.88 NewBlack, sans-serif;
}

body.services-index-page .proof-ledger-recognition p{
  margin: 0;
  color: rgba(216, 236, 209, 0.56);
  font-size: 14px;
}

body.services-index-page .proof-ledger-entries article{
  min-height: 56svh;
  padding: clamp(38px, 5vw, 84px);
  display: grid;
  grid-template-rows: auto 1fr auto;
  border-bottom: 1px solid var(--light-line);
}

body.services-index-page .proof-ledger-entries article:nth-child(even){
  background: rgba(82, 180, 212, 0.08);
}

body.services-index-page .proof-ledger-entries header,body.services-index-page .proof-ledger-entries footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

body.services-index-page .proof-ledger-entries header{
  color: var(--yellow);
  font-size: 8px;
  letter-spacing: 0.14em;
}

body.services-index-page .proof-ledger-entries header b{
  font-weight: 500;
}

body.services-index-page .proof-ledger-entries blockquote{
  max-width: 31ch;
  margin: clamp(48px, 8vh, 100px) 0;
  align-self: center;
  font: 400 clamp(28px, 3.1vw, 52px) / 1.02 NewBlack, sans-serif;
  letter-spacing: -0.035em;
}

body.services-index-page .proof-ledger-entries footer strong{
  font: 20px NewBlack, sans-serif;
}

body.services-index-page .proof-ledger-entries footer small{
  color: rgba(216, 236, 209, 0.45);
  font-size: 8px;
  letter-spacing: 0.12em;
}

@media (max-width: 760px){
  body.services-index-page .proof-ledger-heading{
    min-height: 120px;
    padding: 0 20px;
  }

  body.services-index-page .proof-ledger-heading span{
    font-size: 38px;
  }

  body.services-index-page .proof-ledger-heading p{
    display: none;
  }

  body.services-index-page .proof-ledger-grid{
    display: block;
  }

  body.services-index-page .proof-ledger-recognition{
    position: relative;
    top: auto;
    min-height: 82svh;
    padding: 48px 22px;
    border-right: 0;
    border-bottom: 1px solid var(--light-line);
  }

  body.services-index-page .proof-ledger-entries article{
    min-height: 78svh;
    padding: 48px 22px;
  }

  body.services-index-page .proof-ledger-entries blockquote{
    font-size: clamp(28px, 8vw, 39px);
  }

  body.services-index-page .proof-ledger-entries footer{
    align-items: end;
  }

  body.services-index-page .proof-ledger-entries footer small{
    max-width: 18ch;
    text-align: right;
  }
}

body.homepage .process-transfer-section{
  --process-progress: 0;
  position: relative;
  height: 310svh;
  color: var(--mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover fixed no-repeat;
  border-top: 1px solid var(--light-line);
}

body.homepage .process-transfer-sticky{
  position: sticky;
  top: var(--site-header-height);
  height: calc(100svh - var(--site-header-height));
  display: grid;
  grid-template-columns: minmax(300px, 0.7fr) minmax(380px, 1fr) minmax(260px, 0.55fr);
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
}

body.homepage .process-transfer-grid{
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(216, 236, 209, 0.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 236, 209, 0.065) 1px, transparent 1px);
  background-size: 52px 52px;
  pointer-events: none;
}

body.homepage .process-transfer-heading{
  position: relative;
  z-index: 3;
  grid-column: 1 / -1;
  min-height: 86px;
  padding: 0 clamp(24px, 4vw, 62px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--light-line);
}

body.homepage .process-transfer-heading span{
  color: var(--yellow);
  font-size: 9px;
  letter-spacing: 0.14em;
}

body.homepage .process-transfer-heading p{
  margin: 0;
  color: rgba(216, 236, 209, 0.48);
  font-size: 11px;
}

body.homepage .process-transfer-copy{
  position: relative;
  z-index: 3;
  padding: clamp(38px, 5vw, 78px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid var(--light-line);
}

body.homepage .process-transfer-copy > span{
  color: var(--yellow);
  font-size: 9px;
  letter-spacing: 0.16em;
}

body.homepage .process-transfer-copy h2{
  max-width: 9ch;
  margin: 40px 0 28px;
  font: 400 clamp(52px, 6vw, 94px) / 0.8 NewBlack, sans-serif;
  letter-spacing: -0.05em;
  text-wrap: balance;
}

body.homepage .process-transfer-copy p{
  max-width: 35ch;
  margin: 0;
  color: rgba(216, 236, 209, 0.68);
  font-size: 16px;
  line-height: 1.55;
}

body.homepage .process-transfer-core{
  position: relative;
  z-index: 3;
  align-self: center;
  justify-self: center;
  width: min(34vw, 510px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  will-change: transform;
}

body.homepage .process-transfer-core img{
  position: relative;
  z-index: 4;
  width: clamp(66px, 7vw, 105px);
  filter: drop-shadow(0 0 22px rgba(231, 255, 0, 0.55));
  animation: process-core-breathe 3.8s ease-in-out infinite;
}

body.homepage .process-core-ring{
  position: absolute;
  border: 1px solid rgba(231, 255, 0, 0.46);
  border-radius: 50%;
}

body.homepage .process-ring-one{ width: 37%; aspect-ratio: 1; }
body.homepage .process-ring-two{ width: 67%; aspect-ratio: 1; border-color: rgba(216, 236, 209, 0.2); }
body.homepage .process-ring-three{
  width: 100%;
  aspect-ratio: 1;
  border-style: dashed;
  border-color: rgba(231, 255, 0, 0.23);
  transform: rotate(calc(var(--process-progress) * 120deg));
}

body.homepage .process-transfer-pulse{
  position: absolute;
  width: calc(37% + var(--process-progress) * 55%);
  aspect-ratio: 1;
  border: 1px solid var(--yellow);
  border-radius: 50%;
  opacity: calc(0.35 + var(--process-progress) * 0.35);
  transition: width 400ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.homepage .process-transfer-output{
  position: relative;
  z-index: 3;
  padding: clamp(36px, 4vw, 62px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--light-line);
}

body.homepage .process-transfer-output > span{ font-size: 8px; letter-spacing: 0.14em; }
body.homepage .process-transfer-output strong{
  margin: 36px 0 15px;
  color: var(--yellow);
  font: 400 clamp(42px, 4.4vw, 72px) / 0.85 NewBlack, sans-serif;
}
body.homepage .process-transfer-output p{
  max-width: 25ch;
  margin: 0;
  color: rgba(216, 236, 209, 0.58);
  font-size: 13px;
  line-height: 1.5;
}

body.homepage .process-transfer-index{
  position: relative;
  z-index: 4;
  grid-column: 1 / -1;
  min-height: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--light-line);
}

body.homepage .process-transfer-index button{
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(216, 236, 209, 0.38);
  background: rgba(5, 29, 67, 0.25);
  border: 0;
  border-right: 1px solid var(--light-line);
  cursor: pointer;
  transition: 400ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.homepage .process-transfer-index button:hover,body.homepage .process-transfer-index button:focus-visible,body.homepage .process-transfer-index button.is-active{
  color: var(--mint);
  background: rgba(231, 255, 0, 0.055);
  outline: 0;
}

body.homepage .process-transfer-index button span{ color: var(--yellow); font-size: 8px; }
body.homepage .process-transfer-index button b{ font: 24px NewBlack, sans-serif; }
body.homepage .process-transfer-index button.is-active b{ color: var(--yellow); }

@keyframes process-core-breathe{
  50% {
    transform: scale(1.08);
    filter: drop-shadow(0 0 34px rgba(231, 255, 0, 0.85));
  }
}

@media (max-width: 1080px){
  body.homepage .process-transfer-sticky{ grid-template-columns: 0.72fr 1fr; }
  body.homepage .process-transfer-output{
    grid-column: 1 / -1;
    min-height: 170px;
    border: 0;
    border-top: 1px solid var(--light-line);
  }
  body.homepage .process-transfer-core{ width: min(48vw, 480px); }
}

@media (max-width: 760px){
  body.homepage .process-transfer-section{
    height: 330svh;
    background-attachment: scroll;
  }

  body.homepage .process-transfer-sticky{
    top: var(--site-header-height);
    height: calc(100svh - var(--site-header-height));
    display: flex;
    flex-direction: column;
  }

  body.homepage .process-transfer-heading{
    min-height: 60px;
    padding: 0 18px;
  }

  body.homepage .process-transfer-heading p{ display: none; }

  body.homepage .process-transfer-copy{
    min-height: 37%;
    padding: 28px 20px 16px;
    display: block;
    border: 0;
    text-align: center;
  }

  body.homepage .process-transfer-copy h2{
    max-width: 9ch;
    margin: 24px auto 18px;
    font-size: clamp(42px, 12.5vw, 62px);
  }

  body.homepage .process-transfer-copy p{
    margin-inline: auto;
    font-size: 13px;
  }

  body.homepage .process-transfer-core{
    position: absolute;
    left: 50%;
    top: 58%;
    width: 68vw;
    transform: translate(-50%, -50%) !important;
  }

  body.homepage .process-transfer-output{
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 62px;
    min-height: auto;
    padding: 18px 20px;
    align-items: center;
    text-align: center;
    background: rgba(5, 29, 67, 0.7);
    border-top: 1px solid var(--light-line);
  }

  body.homepage .process-transfer-output strong{ margin: 8px 0 3px; font-size: 32px; }
  body.homepage .process-transfer-output p{ font-size: 11px; }

  body.homepage .process-transfer-index{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 62px;
  }

  body.homepage .process-transfer-index button{ padding: 0 12px; }
  body.homepage .process-transfer-index button b{ font-size: 15px; }
}

@media (prefers-reduced-motion: reduce){
  body.homepage .process-transfer-core img{ animation: none; }
}

body.homepage .closure-label{
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .15em;
}

body.homepage .closure-label img{ width: 29px; height: 29px; }
body.homepage .closure-label-dark{ color: var(--ink); }

body.homepage .insights-section{
  position: relative;
  color: var(--navy);
  background: var(--mint);
  border-top: 1px solid rgba(1, 33, 69, .2);
}

body.homepage .closure-heading{
  min-height: 48svh;
  padding: clamp(60px, 7vw, 108px) clamp(24px, 5vw, 76px);
  display: grid;
  grid-template-columns: minmax(190px, .42fr) minmax(0, 1fr) minmax(260px, .52fr);
  align-items: end;
  gap: clamp(28px, 4vw, 64px);
  border-bottom: 1px solid rgba(1, 33, 69, .2);
}

body.homepage .closure-heading .closure-label{ align-self: start; }
body.homepage .insights-heading .closure-label{ color: var(--mid); }

body.homepage .closure-heading h2{
  margin: 0;
  color: var(--navy);
  font: 400 clamp(54px, 6.4vw, 100px) / .82 NewBlack, sans-serif;
  letter-spacing: -.048em;
}

body.homepage .closure-heading h2 em{ color: var(--mid); font-style: normal; }
body.homepage .closure-heading-side{ display: grid; gap: 28px; align-self: end; }
body.homepage .closure-heading-side p{ max-width: 32rem; margin: 0; color: rgba(0, 44, 77, .72); font-size: clamp(18px, 1.25vw, 20px); line-height: 1.55; }
body.homepage .closure-heading-side a,body.homepage .faq-intro > a{ width: max-content; padding-bottom: 8px; display: flex; align-items: center; gap: 28px; border-bottom: 1px solid currentColor; font-size: 14px; font-weight: 680; letter-spacing: .09em; text-decoration: none; }
body.homepage .insights-heading .closure-heading-side a{ color: var(--mid); }

body.homepage .insights-indexbar{
  min-height: 78px;
  padding: 0 clamp(24px, 5vw, 76px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: var(--mint);
  background: var(--navy);
  border-bottom: 1px solid rgba(216, 236, 209, .2);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: .09em;
}

body.homepage .insights-indexbar span{ color: rgba(216, 236, 209, .66); }
body.homepage .insights-indexbar b{ margin-left: 10px; color: var(--yellow); font-size: 12px; }
body.homepage .insights-indexbar a{ min-height: 78px; padding: 0 22px; display: flex; align-items: center; gap: 22px; color: var(--ink); background: var(--yellow); text-decoration: none; }
body.homepage .insights-indexbar a i{ font-size: 20px; font-style: normal; }

body.homepage .insights-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-left: 1px solid rgba(1, 33, 69, .2);
}

body.homepage .insight-entry{
  min-width: 0;
  border-right: 1px solid rgba(1, 33, 69, .2);
  border-bottom: 1px solid rgba(1, 33, 69, .2);
}

body.homepage .insight-entry > a{ height: 100%; display: flex; flex-direction: column; color: var(--navy); text-decoration: none; transition: background-color 480ms cubic-bezier(.22, 1, .36, 1); }
body.homepage .insight-entry > a:hover,body.homepage .insight-entry > a:focus-visible{ background: var(--soft); }
body.homepage .insight-entry figure{ position: relative; margin: 0; overflow: hidden; border-bottom: 1px solid rgba(1, 33, 69, .2); background: var(--soft); }
body.homepage .insight-entry figure::after{ content: ""; position: absolute; inset: 0; border: 1px solid rgba(51, 118, 176, .38); opacity: 0; transform: scale(.96); transition: opacity 360ms cubic-bezier(.22, 1, .36, 1), transform 560ms cubic-bezier(.22, 1, .36, 1); pointer-events: none; }
body.homepage .insight-entry > a:hover figure::after,body.homepage .insight-entry > a:focus-visible figure::after{ opacity: 1; transform: scale(1); }
body.homepage .insight-entry figure img{ width: 100%; aspect-ratio: 16 / 10; display: block; object-fit: cover; transition: transform 760ms cubic-bezier(.22, 1, .36, 1), filter 520ms cubic-bezier(.22, 1, .36, 1); }
body.homepage .insight-entry > a:hover figure img,body.homepage .insight-entry > a:focus-visible figure img{ transform: scale(1.025); filter: saturate(1.08); }
body.homepage .insight-entry__copy{ flex: 1; min-width: 0; padding: clamp(28px, 3vw, 42px); display: flex; flex-direction: column; align-items: flex-start; }
body.homepage .insight-entry__meta{ width: 100%; margin-bottom: 22px; display: grid; grid-template-columns: 28px auto 1fr; align-items: center; gap: 12px; color: rgba(0, 44, 77, .52); font-size: 12px; line-height: 1.3; letter-spacing: .1em; }
body.homepage .insight-entry__meta > span,body.homepage .insight-entry__meta b{ color: var(--mid); font-weight: 680; }
body.homepage .insight-entry__meta time{ justify-self: end; }
body.homepage .insight-entry h3{ max-width: 20ch; margin: 0; color: var(--navy); font: 400 clamp(29px, 2.35vw, 38px) / 1.02 NewBlack, sans-serif; letter-spacing: -.033em; text-wrap: balance; }
body.homepage .insight-entry__copy > p{ max-width: 65ch; margin: 20px 0 0; color: rgba(0, 44, 77, .72); font-size: clamp(18px, 1.15vw, 20px); line-height: 1.55; }
body.homepage .insight-entry__read{ margin-top: auto; padding-top: 27px; display: inline-flex; align-items: center; gap: 16px; color: var(--mid); font-size: 14px; font-weight: 700; letter-spacing: .09em; }
body.homepage .insight-entry__read i{ font-size: 18px; font-style: normal; }

body.homepage .faq-section{
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  color: var(--ink);
  background:
    linear-gradient(rgba(1, 33, 69, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1, 33, 69, .055) 1px, transparent 1px),
    linear-gradient(145deg, var(--soft), var(--mint) 62%, rgba(82, 180, 212, .72));
  background-size: 48px 48px, 48px 48px, auto;
}

body.homepage .faq-intro{
  min-height: 76svh;
  padding: clamp(48px, 6vw, 84px) clamp(24px, 5vw, 76px);
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(1, 33, 69, .18);
}

body.homepage .faq-intro h2{ margin: auto 0 0; font: 400 clamp(54px, 6vw, 92px) / .82 NewBlack, sans-serif; letter-spacing: -.05em; }
body.homepage .faq-intro p{ max-width: 24rem; margin: 24px 0 34px; color: rgba(1, 33, 69, .68); font-size: 17px; line-height: 1.5; }
body.homepage .faq-list{ align-self: center; padding: clamp(24px, 4vw, 64px); }
body.homepage .faq-item{ border-top: 1px solid rgba(1, 33, 69, .22); }
body.homepage .faq-item:last-child{ border-bottom: 1px solid rgba(1, 33, 69, .22); }
body.homepage .faq-item summary{ min-height: 92px; display: grid; grid-template-columns: 42px minmax(0, 1fr) 32px; align-items: center; gap: 18px; list-style: none; cursor: pointer; }
body.homepage .faq-item summary::-webkit-details-marker{ display: none; }
body.homepage .faq-item summary > span{ color: var(--blue); font-size: 9px; letter-spacing: .12em; }
body.homepage .faq-item summary strong{ font: 400 clamp(17px, 1.45vw, 23px) / 1.12 NewBlack, sans-serif; letter-spacing: -.015em; }
body.homepage .faq-item summary i{ position: relative; width: 28px; height: 28px; border: 1px solid rgba(1, 33, 69, .28); border-radius: 50%; }
body.homepage .faq-item summary i::before,body.homepage .faq-item summary i::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1px; background: var(--ink); transform: translate(-50%, -50%); transition: transform 350ms cubic-bezier(.22, 1, .36, 1); }
body.homepage .faq-item summary i::after{ transform: translate(-50%, -50%) rotate(90deg); }
body.homepage .faq-item[open] summary i::after{ transform: translate(-50%, -50%) rotate(0); }
body.homepage .faq-item > div{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows 450ms cubic-bezier(.22, 1, .36, 1); }
body.homepage .faq-item > div > p{ min-height: 0; overflow: hidden; }
body.homepage .faq-item[open] > div{ grid-template-rows: 1fr; }
body.homepage .faq-item p{ max-width: 62ch; margin: 0; padding: 0 50px 30px 60px; color: rgba(1, 33, 69, .72); font-size: 16px; line-height: 1.55; }

body.homepage .project-cta{
  position: relative;
  min-height: 88svh;
  padding: clamp(34px, 4vw, 58px) clamp(24px, 5vw, 76px) clamp(54px, 7vw, 100px);
  display: grid;
  grid-template-rows: auto 1fr auto;
  color: var(--mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  overflow: hidden;
  isolation: isolate;
}

body.homepage .project-cta-grid{ position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgba(82, 180, 212, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(82, 180, 212, .09) 1px, transparent 1px); background-size: 50px 50px; mask-image: linear-gradient(to bottom, #000, transparent 92%); }
body.homepage .project-cta > header{ display: flex; align-items: center; justify-content: space-between; gap: 24px; color: rgba(216, 236, 209, .55); font-size: 8px; letter-spacing: .13em; }
body.homepage .project-cta > header > span::before{ content: ""; width: 7px; height: 7px; margin-right: 9px; display: inline-block; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 13px var(--yellow); animation: cta-signal 2.6s ease-in-out infinite; }
body.homepage .project-cta-copy{ align-self: center; display: grid; grid-template-columns: minmax(0, 1fr) clamp(170px, 18vw, 260px); align-items: end; gap: clamp(32px, 6vw, 90px); }
body.homepage .project-cta-copy > p{ max-width: 13ch; margin: clamp(70px, 10vh, 120px) 0 0; font: 400 clamp(55px, 7.4vw, 116px) / .78 NewBlack, sans-serif; letter-spacing: -.055em; }
body.homepage .project-cta-copy > p em{ color: var(--yellow); font-style: normal; }
body.homepage .project-cta-copy > a{ aspect-ratio: 1; display: grid; place-content: center; justify-items: center; gap: 24px; color: var(--ink); background: var(--yellow); border-radius: 50%; font-size: 10px; letter-spacing: .12em; text-decoration: none; transition: transform 500ms cubic-bezier(.22, 1, .36, 1), background-color 350ms ease; }
body.homepage .project-cta-copy > a b{ font-size: 34px; font-weight: 400; transition: transform 400ms cubic-bezier(.22, 1, .36, 1); }
body.homepage .project-cta-copy > a:hover,body.homepage .project-cta-copy > a:focus-visible{ transform: scale(1.04); background: var(--mint); outline: 2px solid var(--yellow); outline-offset: 7px; }
body.homepage .project-cta-copy > a:hover b,body.homepage .project-cta-copy > a:focus-visible b{ transform: translate(6px, -6px); }
body.homepage .project-cta-paths{ margin-top: 54px; display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--light-line); }
body.homepage .project-cta-paths > span{ min-height: 64px; padding: 0 18px; display: flex; align-items: center; gap: 18px; border-right: 1px solid var(--light-line); color: rgba(216, 236, 209, .72); font-size: 10px; letter-spacing: .1em; }
body.homepage .project-cta-paths > span:last-child{ border-right: 0; }
body.homepage .project-cta-paths i{ color: var(--yellow); font-size: 8px; font-style: normal; }

@keyframes cta-signal{ 50% { opacity: .36; transform: scale(.72); } }

@media (max-width: 1000px){
  body.homepage .closure-heading{ grid-template-columns: 1fr 1fr; }
  body.homepage .closure-heading .closure-label{ grid-column: 1 / -1; }
}

@media (max-width: 760px){
  body.homepage .closure-heading{ min-height: auto; padding: 54px 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 42px; }
  body.homepage .closure-heading h2{ font-size: clamp(44px, 13vw, 58px); line-height: .86; }
  body.homepage .closure-heading-side{ gap: 24px; }
  body.homepage .insights-indexbar{ min-height: 70px; padding: 0 20px; }
  body.homepage .insights-indexbar > span{ display: none; }
  body.homepage .insights-indexbar a{ width: 100%; min-height: 54px; justify-content: space-between; }
  body.homepage .insights-grid{ grid-template-columns: 1fr; }
  body.homepage .insight-entry__copy{ padding: 28px 20px 38px; }
  body.homepage .insight-entry h3{ font-size: clamp(32px, 9vw, 42px); }
  body.homepage .insight-entry__meta{ grid-template-columns: 27px 1fr auto; gap: 10px; font-size: 11px; }
  body.homepage .insight-entry__copy > p{ font-size: 18px; }

  body.homepage .faq-section{ display: block; }
  body.homepage .faq-intro{ min-height: 52svh; padding: 48px 20px; border-right: 0; border-bottom: 1px solid rgba(1, 33, 69, .18); }
  body.homepage .faq-intro h2{ margin-top: auto; font-size: 56px; }
  body.homepage .faq-list{ padding: 12px 20px 54px; }
  body.homepage .faq-item summary{ min-height: 82px; grid-template-columns: 28px minmax(0, 1fr) 30px; gap: 12px; }
  body.homepage .faq-item summary strong{ font-size: 17px; }
  body.homepage .faq-item p{ padding: 0 0 26px 40px; font-size: 15px; }

  body.homepage .project-cta{ min-height: 780px; padding: 30px 20px 44px; }
  body.homepage .project-cta > header > span{ display: none; }
  body.homepage .project-cta-copy{ display: block; }
  body.homepage .project-cta-copy > p{ margin-top: 84px; font-size: clamp(50px, 14.5vw, 64px); line-height: .82; }
  body.homepage .project-cta-copy > a{ width: 176px; margin: 54px 0 0 auto; }
  body.homepage .project-cta-paths{ margin-top: 50px; grid-template-columns: 1fr; }
  body.homepage .project-cta-paths > span{ min-height: 52px; border-right: 0; border-bottom: 1px solid var(--light-line); }
  body.homepage .project-cta-paths > span:last-child{ border-bottom: 0; }

}

@media (prefers-reduced-motion: reduce){
  body.homepage .project-cta > header > span::before{ animation: none; }
}

body.services-index-page .closure-label{
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .15em;
}

body.services-index-page .closure-label img{ width: 29px; height: 29px; }
body.services-index-page .closure-label-dark{ color: var(--ink); }

body.services-index-page .insights-section{
  position: relative;
  color: var(--navy);
  background: var(--mint);
  border-top: 1px solid rgba(1, 33, 69, .2);
}

body.services-index-page .closure-heading{
  min-height: 48svh;
  padding: clamp(60px, 7vw, 108px) clamp(24px, 5vw, 76px);
  display: grid;
  grid-template-columns: minmax(190px, .42fr) minmax(0, 1fr) minmax(260px, .52fr);
  align-items: end;
  gap: clamp(28px, 4vw, 64px);
  border-bottom: 1px solid rgba(1, 33, 69, .2);
}

body.services-index-page .closure-heading .closure-label{ align-self: start; }
body.services-index-page .insights-heading .closure-label{ color: var(--mid); }

body.services-index-page .closure-heading h2{
  margin: 0;
  color: var(--navy);
  font: 400 clamp(54px, 6.4vw, 100px) / .82 NewBlack, sans-serif;
  letter-spacing: -.048em;
}

body.services-index-page .closure-heading h2 em{ color: var(--mid); font-style: normal; }
body.services-index-page .closure-heading-side{ display: grid; gap: 28px; align-self: end; }
body.services-index-page .closure-heading-side p{ max-width: 32rem; margin: 0; color: rgba(0, 44, 77, .72); font-size: clamp(18px, 1.25vw, 20px); line-height: 1.55; }
body.services-index-page .closure-heading-side a,body.services-index-page .faq-intro > a{ width: max-content; padding-bottom: 8px; display: flex; align-items: center; gap: 28px; border-bottom: 1px solid currentColor; font-size: 14px; font-weight: 680; letter-spacing: .09em; text-decoration: none; }
body.services-index-page .insights-heading .closure-heading-side a{ color: var(--mid); }

body.services-index-page .insights-indexbar{
  min-height: 78px;
  padding: 0 clamp(24px, 5vw, 76px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: var(--mint);
  background: var(--navy);
  border-bottom: 1px solid rgba(216, 236, 209, .2);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: .09em;
}

body.services-index-page .insights-indexbar span{ color: rgba(216, 236, 209, .66); }
body.services-index-page .insights-indexbar b{ margin-left: 10px; color: var(--yellow); font-size: 12px; }
body.services-index-page .insights-indexbar a{ min-height: 78px; padding: 0 22px; display: flex; align-items: center; gap: 22px; color: var(--ink); background: var(--yellow); text-decoration: none; }
body.services-index-page .insights-indexbar a i{ font-size: 20px; font-style: normal; }

body.services-index-page .insights-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-left: 1px solid rgba(1, 33, 69, .2);
}

body.services-index-page .insight-entry{
  min-width: 0;
  border-right: 1px solid rgba(1, 33, 69, .2);
  border-bottom: 1px solid rgba(1, 33, 69, .2);
}

body.services-index-page .insight-entry > a{ height: 100%; display: flex; flex-direction: column; color: var(--navy); text-decoration: none; transition: background-color 480ms cubic-bezier(.22, 1, .36, 1); }
body.services-index-page .insight-entry > a:hover,body.services-index-page .insight-entry > a:focus-visible{ background: var(--soft); }
body.services-index-page .insight-entry figure{ position: relative; margin: 0; overflow: hidden; border-bottom: 1px solid rgba(1, 33, 69, .2); background: var(--soft); }
body.services-index-page .insight-entry figure::after{ content: ""; position: absolute; inset: 0; border: 1px solid rgba(51, 118, 176, .38); opacity: 0; transform: scale(.96); transition: opacity 360ms cubic-bezier(.22, 1, .36, 1), transform 560ms cubic-bezier(.22, 1, .36, 1); pointer-events: none; }
body.services-index-page .insight-entry > a:hover figure::after,body.services-index-page .insight-entry > a:focus-visible figure::after{ opacity: 1; transform: scale(1); }
body.services-index-page .insight-entry figure img{ width: 100%; aspect-ratio: 16 / 10; display: block; object-fit: cover; transition: transform 760ms cubic-bezier(.22, 1, .36, 1), filter 520ms cubic-bezier(.22, 1, .36, 1); }
body.services-index-page .insight-entry > a:hover figure img,body.services-index-page .insight-entry > a:focus-visible figure img{ transform: scale(1.025); filter: saturate(1.08); }
body.services-index-page .insight-entry__copy{ flex: 1; min-width: 0; padding: clamp(28px, 3vw, 42px); display: flex; flex-direction: column; align-items: flex-start; }
body.services-index-page .insight-entry__meta{ width: 100%; margin-bottom: 22px; display: grid; grid-template-columns: 28px auto 1fr; align-items: center; gap: 12px; color: rgba(0, 44, 77, .52); font-size: 12px; line-height: 1.3; letter-spacing: .1em; }
body.services-index-page .insight-entry__meta > span,body.services-index-page .insight-entry__meta b{ color: var(--mid); font-weight: 680; }
body.services-index-page .insight-entry__meta time{ justify-self: end; }
body.services-index-page .insight-entry h3{ max-width: 20ch; margin: 0; color: var(--navy); font: 400 clamp(29px, 2.35vw, 38px) / 1.02 NewBlack, sans-serif; letter-spacing: -.033em; text-wrap: balance; }
body.services-index-page .insight-entry__copy > p{ max-width: 65ch; margin: 20px 0 0; color: rgba(0, 44, 77, .72); font-size: clamp(18px, 1.15vw, 20px); line-height: 1.55; }
body.services-index-page .insight-entry__read{ margin-top: auto; padding-top: 27px; display: inline-flex; align-items: center; gap: 16px; color: var(--mid); font-size: 14px; font-weight: 700; letter-spacing: .09em; }
body.services-index-page .insight-entry__read i{ font-size: 18px; font-style: normal; }

body.services-index-page .faq-section{
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  color: var(--ink);
  background:
    linear-gradient(rgba(1, 33, 69, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1, 33, 69, .055) 1px, transparent 1px),
    linear-gradient(145deg, var(--soft), var(--mint) 62%, rgba(82, 180, 212, .72));
  background-size: 48px 48px, 48px 48px, auto;
}

body.services-index-page .faq-intro{
  min-height: 76svh;
  padding: clamp(48px, 6vw, 84px) clamp(24px, 5vw, 76px);
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(1, 33, 69, .18);
}

body.services-index-page .faq-intro h2{ margin: auto 0 0; font: 400 clamp(54px, 6vw, 92px) / .82 NewBlack, sans-serif; letter-spacing: -.05em; }
body.services-index-page .faq-intro p{ max-width: 24rem; margin: 24px 0 34px; color: rgba(1, 33, 69, .68); font-size: 17px; line-height: 1.5; }
body.services-index-page .faq-list{ align-self: center; padding: clamp(24px, 4vw, 64px); }
body.services-index-page .faq-item{ border-top: 1px solid rgba(1, 33, 69, .22); }
body.services-index-page .faq-item:last-child{ border-bottom: 1px solid rgba(1, 33, 69, .22); }
body.services-index-page .faq-item summary{ min-height: 92px; display: grid; grid-template-columns: 42px minmax(0, 1fr) 32px; align-items: center; gap: 18px; list-style: none; cursor: pointer; }
body.services-index-page .faq-item summary::-webkit-details-marker{ display: none; }
body.services-index-page .faq-item summary > span{ color: var(--blue); font-size: 9px; letter-spacing: .12em; }
body.services-index-page .faq-item summary strong{ font: 400 clamp(17px, 1.45vw, 23px) / 1.12 NewBlack, sans-serif; letter-spacing: -.015em; }
body.services-index-page .faq-item summary i{ position: relative; width: 28px; height: 28px; border: 1px solid rgba(1, 33, 69, .28); border-radius: 50%; }
body.services-index-page .faq-item summary i::before,body.services-index-page .faq-item summary i::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1px; background: var(--ink); transform: translate(-50%, -50%); transition: transform 350ms cubic-bezier(.22, 1, .36, 1); }
body.services-index-page .faq-item summary i::after{ transform: translate(-50%, -50%) rotate(90deg); }
body.services-index-page .faq-item[open] summary i::after{ transform: translate(-50%, -50%) rotate(0); }
body.services-index-page .faq-item > div{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows 450ms cubic-bezier(.22, 1, .36, 1); }
body.services-index-page .faq-item > div > p{ min-height: 0; overflow: hidden; }
body.services-index-page .faq-item[open] > div{ grid-template-rows: 1fr; }
body.services-index-page .faq-item p{ max-width: 62ch; margin: 0; padding: 0 50px 30px 60px; color: rgba(1, 33, 69, .72); font-size: 16px; line-height: 1.55; }

body.services-index-page .project-cta{
  position: relative;
  min-height: 88svh;
  padding: clamp(34px, 4vw, 58px) clamp(24px, 5vw, 76px) clamp(54px, 7vw, 100px);
  display: grid;
  grid-template-rows: auto 1fr auto;
  color: var(--mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
  overflow: hidden;
  isolation: isolate;
}

body.services-index-page .project-cta-grid{ position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgba(82, 180, 212, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(82, 180, 212, .09) 1px, transparent 1px); background-size: 50px 50px; mask-image: linear-gradient(to bottom, #000, transparent 92%); }
body.services-index-page .project-cta > header{ display: flex; align-items: center; justify-content: space-between; gap: 24px; color: rgba(216, 236, 209, .55); font-size: 8px; letter-spacing: .13em; }
body.services-index-page .project-cta > header > span::before{ content: ""; width: 7px; height: 7px; margin-right: 9px; display: inline-block; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 13px var(--yellow); animation: cta-signal 2.6s ease-in-out infinite; }
body.services-index-page .project-cta-copy{ align-self: center; display: grid; grid-template-columns: minmax(0, 1fr) clamp(170px, 18vw, 260px); align-items: end; gap: clamp(32px, 6vw, 90px); }
body.services-index-page .project-cta-copy > p{ max-width: 13ch; margin: clamp(70px, 10vh, 120px) 0 0; font: 400 clamp(55px, 7.4vw, 116px) / .78 NewBlack, sans-serif; letter-spacing: -.055em; }
body.services-index-page .project-cta-copy > p em{ color: var(--yellow); font-style: normal; }
body.services-index-page .project-cta-copy > a{ aspect-ratio: 1; display: grid; place-content: center; justify-items: center; gap: 24px; color: var(--ink); background: var(--yellow); border-radius: 50%; font-size: 10px; letter-spacing: .12em; text-decoration: none; transition: transform 500ms cubic-bezier(.22, 1, .36, 1), background-color 350ms ease; }
body.services-index-page .project-cta-copy > a b{ font-size: 34px; font-weight: 400; transition: transform 400ms cubic-bezier(.22, 1, .36, 1); }
body.services-index-page .project-cta-copy > a:hover,body.services-index-page .project-cta-copy > a:focus-visible{ transform: scale(1.04); background: var(--mint); outline: 2px solid var(--yellow); outline-offset: 7px; }
body.services-index-page .project-cta-copy > a:hover b,body.services-index-page .project-cta-copy > a:focus-visible b{ transform: translate(6px, -6px); }
body.services-index-page .project-cta-paths{ margin-top: 54px; display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--light-line); }
body.services-index-page .project-cta-paths > span{ min-height: 64px; padding: 0 18px; display: flex; align-items: center; gap: 18px; border-right: 1px solid var(--light-line); color: rgba(216, 236, 209, .72); font-size: 10px; letter-spacing: .1em; }
body.services-index-page .project-cta-paths > span:last-child{ border-right: 0; }
body.services-index-page .project-cta-paths i{ color: var(--yellow); font-size: 8px; font-style: normal; }

@keyframes cta-signal{ 50% { opacity: .36; transform: scale(.72); } }

@media (max-width: 1000px){
  body.services-index-page .closure-heading{ grid-template-columns: 1fr 1fr; }
  body.services-index-page .closure-heading .closure-label{ grid-column: 1 / -1; }
}

@media (max-width: 760px){
  body.services-index-page .closure-heading{ min-height: auto; padding: 54px 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 42px; }
  body.services-index-page .closure-heading h2{ font-size: clamp(44px, 13vw, 58px); line-height: .86; }
  body.services-index-page .closure-heading-side{ gap: 24px; }
  body.services-index-page .insights-indexbar{ min-height: 70px; padding: 0 20px; }
  body.services-index-page .insights-indexbar > span{ display: none; }
  body.services-index-page .insights-indexbar a{ width: 100%; min-height: 54px; justify-content: space-between; }
  body.services-index-page .insights-grid{ grid-template-columns: 1fr; }
  body.services-index-page .insight-entry__copy{ padding: 28px 20px 38px; }
  body.services-index-page .insight-entry h3{ font-size: clamp(32px, 9vw, 42px); }
  body.services-index-page .insight-entry__meta{ grid-template-columns: 27px 1fr auto; gap: 10px; font-size: 11px; }
  body.services-index-page .insight-entry__copy > p{ font-size: 18px; }

  body.services-index-page .faq-section{ display: block; }
  body.services-index-page .faq-intro{ min-height: 52svh; padding: 48px 20px; border-right: 0; border-bottom: 1px solid rgba(1, 33, 69, .18); }
  body.services-index-page .faq-intro h2{ margin-top: auto; font-size: 56px; }
  body.services-index-page .faq-list{ padding: 12px 20px 54px; }
  body.services-index-page .faq-item summary{ min-height: 82px; grid-template-columns: 28px minmax(0, 1fr) 30px; gap: 12px; }
  body.services-index-page .faq-item summary strong{ font-size: 17px; }
  body.services-index-page .faq-item p{ padding: 0 0 26px 40px; font-size: 15px; }

  body.services-index-page .project-cta{ min-height: 780px; padding: 30px 20px 44px; }
  body.services-index-page .project-cta > header > span{ display: none; }
  body.services-index-page .project-cta-copy{ display: block; }
  body.services-index-page .project-cta-copy > p{ margin-top: 84px; font-size: clamp(50px, 14.5vw, 64px); line-height: .82; }
  body.services-index-page .project-cta-copy > a{ width: 176px; margin: 54px 0 0 auto; }
  body.services-index-page .project-cta-paths{ margin-top: 50px; grid-template-columns: 1fr; }
  body.services-index-page .project-cta-paths > span{ min-height: 52px; border-right: 0; border-bottom: 1px solid var(--light-line); }
  body.services-index-page .project-cta-paths > span:last-child{ border-bottom: 0; }

}

@media (prefers-reduced-motion: reduce){
  body.services-index-page .project-cta > header > span::before{ animation: none; }
}

/* Homepage scroll story */

@font-face{
  font-family: "New Black";
  src: url("/assets/brand/fonts/NewBlackTypeface-Regular.ttf") format("truetype");
  font-display: swap;
  font-weight: 400;
}

@font-face{
  font-family: "New Black";
  src: url("/assets/brand/fonts/NewBlackTypeface-Medium.ttf") format("truetype");
  font-display: swap;
  font-weight: 600;
}

@font-face{
  font-family: "Acumin";
  src: url("/assets/brand/fonts/Acumin Variable Concept.ttf") format("truetype");
  font-display: swap;
}

body.homepage .convergence-section{
  --brand-gradient-cyan: #3aa0b7;
  --brand-gradient-navy: #002c4d;
  --brand-gradient-deep: #051d43;
  --brand-gradient-ink: #012145;
  --brand-gradient: url('/assets/brand/fictora-gradient.svg');
  --deep: #051d43;
  --navy: #002c4d;
  --ink: #012145;
  --blue: #3376b0;
  --sky: #52b4d4;
  --mint: #d8ecd1;
  --soft: #eef8ea;
  --yellow: #e7ff00;
  --line: rgba(1, 33, 69, 0.18);
  --light-line: rgba(216, 236, 209, 0.24);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --header-height: 0rem;
  --footer-height: 3.5rem;
}

body.homepage .convergence-section *{
  box-sizing: border-box;
}

html:has(body.homepage .convergence-section){
  background: var(--deep);
  scroll-behavior: auto;
}

body.homepage .convergence-section{
  margin: 0;
  overflow-x: clip;
  color: var(--ink);
  background: var(--soft);
  font-family: "Acumin", Arial, sans-serif;
  font-kerning: normal;
}

body.homepage .convergence-section a{
  color: inherit;
  text-decoration: none;
}

body.homepage .convergence-section .source small,body.homepage .convergence-section .fictora-core > small,body.homepage .convergence-section .audience-constellation > small{
  text-transform: uppercase;
}

body.homepage .convergence-section .story{
  position: relative;
  width: 100%;
  height: 960vh;
  height: 960svh;
  background: transparent;
}

body.homepage .convergence-section .story-frame{
  position: sticky;
  top: var(--site-header-height, 0px);
  width: 100%;
  height: calc(100vh - var(--site-header-height, 0px));
  height: calc(100svh - var(--site-header-height, 0px));
  overflow: clip;
  isolation: isolate;
  color: var(--ink);
  background: transparent;
}

body.homepage .convergence-section .grid-field{
  position: absolute;
  z-index: -4;
  inset: 0;
  background: linear-gradient(118deg, var(--soft) 0%, var(--mint) 29%, var(--sky) 70%, var(--blue) 100%);
}

body.homepage .convergence-section .grid-field::after{
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(1, 33, 69, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1, 33, 69, 0.07) 1px, transparent 1px);
  background-size: clamp(2.75rem, 3.65vw, 3.5rem) clamp(2.75rem, 3.65vw, 3.5rem);
  mask-image: linear-gradient(to bottom, transparent 0, rgba(1, 33, 69, 1) 14%, rgba(1, 33, 69, 1) 87%, transparent 100%);
}

body.homepage .convergence-section .deep-field{
  position: absolute;
  z-index: -3;
  inset: 0;
  opacity: 0;
  background: transparent;
  will-change: opacity;
}

body.homepage .convergence-section .deep-field::after{
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
}


body.homepage .convergence-section .beam{
  position: absolute;
  z-index: -2;
  width: 72vw;
  height: 18vw;
  border-radius: 50%;
  filter: blur(3.75rem);
  opacity: 0.22;
  transform-origin: center;
}

body.homepage .convergence-section .beam-a{
  left: -22vw;
  top: 24vh;
  background: linear-gradient(90deg, transparent, var(--yellow), transparent);
  transform: rotate(12deg);
}

body.homepage .convergence-section .beam-b{
  right: -23vw;
  bottom: 17vh;
  background: linear-gradient(90deg, transparent, var(--sky), transparent);
  transform: rotate(-15deg);
}

body.homepage .convergence-section .convergence-marquee{
  height: var(--header-height);
  padding: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: var(--mint);
  background: var(--blue);
  border-color: rgba(216, 236, 209, 0.22);
}

body.homepage .convergence-section .convergence-marquee-track{
  display: flex;
  width: max-content;
  will-change: transform;
  animation: convergence-marquee 34s linear infinite;
}

body.homepage .convergence-section .convergence-marquee-group{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  white-space: nowrap;
}

body.homepage .convergence-section .convergence-marquee span,body.homepage .convergence-section .convergence-marquee b{
  padding: 0 clamp(1rem, 1.7vw, 1.75rem);
  font: 400 clamp(0.9rem, 1.35vw, 1.25rem) / 1 "New Black", sans-serif;
  letter-spacing: -0.015em;
}

body.homepage .convergence-section .convergence-marquee b{
  color: var(--ink);
  background: var(--mint);
}

body.homepage .convergence-section .convergence-marquee i,body.homepage .convergence-section .convergence-marquee em{
  color: var(--yellow);
  font-size: clamp(0.875rem, 1.15vw, 1.125rem);
  font-style: normal;
}

body.homepage .convergence-section .story-brand{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.5rem;
  letter-spacing: 0.16em;
}

body.homepage .convergence-section .story-brand img{
  width: 1.5rem;
  height: 1.5rem;
}

body.homepage .convergence-section .story-progress{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

body.homepage .convergence-section .chapter-rail{
  position: absolute;
  z-index: 40;
  left: clamp(1rem, 2.2vw, 2.25rem);
  top: 50%;
  display: grid;
  gap: 1.375rem;
  transform: translateY(-50%);
}

body.homepage .convergence-section .chapter-rail::before{
  content: "";
  position: absolute;
  left: 0.1875rem;
  top: 0.4375rem;
  bottom: 0.4375rem;
  width: 1px;
  background: rgba(1, 33, 69, 0.2);
}

body.homepage .convergence-section .signal-stage{
  position: absolute;
  z-index: 4;
  inset: var(--header-height) 0 0;
  overflow: hidden;
  pointer-events: none;
}

body.homepage .convergence-section .signal-field{
  position: absolute;
  z-index: 1;
  top: 50%;
  width: clamp(18rem, 38vw, 42rem);
  aspect-ratio: 1;
  opacity: 0.25;
  border: 1px solid rgba(1, 33, 69, 0.22);
  border-radius: 50%;
  background:
    radial-gradient(circle, transparent 0 20%, rgba(82, 180, 212, 0.12) 20.5% 21%, transparent 21.5% 36%, rgba(1, 33, 69, 0.14) 36.5% 37%, transparent 37.5% 52%, rgba(231, 255, 0, 0.13) 52.5% 53%, transparent 53.5%),
    conic-gradient(from 90deg, transparent, rgba(82, 180, 212, 0.22), transparent 38%, rgba(231, 255, 0, 0.18), transparent 72%);
  filter: blur(0.1px);
  transform: translateY(-50%) scale(0.86);
}

body.homepage .convergence-section .signal-field::after{
  content: "";
  position: absolute;
  inset: 13%;
  border: 1px dashed rgba(1, 33, 69, 0.25);
  border-radius: 50%;
}

body.homepage .convergence-section .signal-field-ai{
  left: -17vw;
}

body.homepage .convergence-section .signal-field-marketing{
  right: -17vw;
  transform: translateY(-50%) scale(0.86) rotate(180deg);
}

body.homepage .convergence-section .core-burst{
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 50%;
  width: clamp(11rem, 18vw, 19rem);
  aspect-ratio: 1;
  opacity: 0;
  border: 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(231, 255, 0, 0.22) 0 8%, rgba(82, 180, 212, 0.13) 20%, rgba(231, 255, 0, 0.06) 42%, transparent 72%);
  filter: blur(0.3rem);
  box-shadow: none;
  transform: translate(-50%, -50%) scale(0.45);
}

body.homepage .convergence-section .core-burst::before,body.homepage .convergence-section .core-burst::after{
  content: none;
}

body.homepage .convergence-section .core-burst::before{
  inset: 14%;
}

body.homepage .convergence-section .core-burst::after{
  inset: 29%;
}

body.homepage .convergence-section .signal-map{
  position: absolute;
  z-index: 4;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
}

body.homepage .convergence-section .reactor-map{
  position: absolute;
  z-index: 10;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  pointer-events: none;
}

body.homepage .convergence-section .map-line{
  stroke: rgba(1, 33, 69, 0.46);
  stroke-width: 1.4;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .map-line-output{
  stroke: var(--yellow);
}

body.homepage .convergence-section .core-circuit-network{
  opacity: 0.92;
  transform-origin: center;
  transform-box: fill-box;
  filter: drop-shadow(0 0 0.65rem rgba(82, 180, 212, 0.12));
}

body.homepage .convergence-section .circuit-line{
  stroke: rgba(1, 33, 69, 0.48);
  stroke-width: 1.35;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  stroke-linecap: square;
  stroke-linejoin: bevel;
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-trace-hot{
  stroke: rgba(231, 255, 0, 0.82);
  stroke-width: 1.6;
  filter: url("#reactor-map-glow");
}

body.homepage .convergence-section .reactor-branch{
  stroke: rgba(51, 118, 176, 0.66);
  stroke-dasharray: 0.84 0.035 0.04 0.035;
}

body.homepage .convergence-section .reactor-armature-reveal,body.homepage .convergence-section .reactor-armature,body.homepage .convergence-section .reactor-scan,body.homepage .convergence-section .reactor-stators{
  transform-origin: 720px 360px;
}

body.homepage .convergence-section .reactor-armature-reveal{
  transform-box: view-box;
}

body.homepage .convergence-section .reactor-armature{
  animation: reactor-armature-turn 36s linear infinite;
}

body.homepage .convergence-section .reactor-frame{
  fill: none;
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-frame-outer{
  stroke: rgba(1, 33, 69, 0.58);
  stroke-width: 5;
  stroke-dasharray: 0.115 0.022 0.045 0.022;
  filter: drop-shadow(0 0 0.3rem rgba(1, 33, 69, 0.22));
}

body.homepage .convergence-section .reactor-frame-inner{
  stroke: rgba(231, 255, 0, 0.68);
  stroke-width: 2.2;
  stroke-dasharray: 0.035 0.014 0.008 0.014;
  filter: url("#reactor-map-glow");
}

body.homepage .convergence-section .reactor-braces{
  fill: none;
  stroke: rgba(1, 33, 69, 0.74);
  stroke-width: 6;
  stroke-linecap: butt;
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-locks{
  fill: rgba(1, 33, 69, 0.82);
  stroke: rgba(216, 236, 209, 0.62);
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
}


body.homepage .convergence-section .reactor-locks,body.homepage .convergence-section .reactor-stators,body.homepage .convergence-section .reactor-readouts,body.homepage .convergence-section .reactor-ring-two,body.homepage .convergence-section .reactor-tick-ring,body.homepage .convergence-section .reactor-gates{
  display: none;
}

body.homepage .convergence-section .reactor-frame-outer{
  stroke-width: 3;
}

body.homepage .convergence-section .reactor-braces{
  stroke-width: 3.25;
}

body.homepage .convergence-section .reactor-ring-three{
  opacity: 0.66;
}

body.homepage .convergence-section .reactor-trace:not(.reactor-trace-hot){
  opacity: 0.68;
}

body.homepage .convergence-section .reactor-stators{
  animation: reactor-stators-turn 23s linear infinite;
}

body.homepage .convergence-section .reactor-calibration-ring{
  fill: none;
  stroke: rgba(231, 255, 0, 0.72);
  stroke-width: 4;
  stroke-dasharray: 0.004 0.014;
  filter: url("#reactor-map-glow");
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-coil-cell rect{
  fill: rgba(1, 33, 69, 0.88);
  stroke: rgba(82, 180, 212, 0.9);
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-coil-cell path{
  fill: none;
  stroke: var(--yellow);
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-scan{
  opacity: 0.52;
  animation: reactor-scan-turn 7.5s linear infinite;
}

body.homepage .convergence-section .reactor-scan-sector{
  fill: rgba(82, 180, 212, 0.09);
  stroke: none;
}

body.homepage .convergence-section .reactor-scan-line{
  fill: none;
  stroke: rgba(231, 255, 0, 0.7);
  stroke-width: 1.4;
  filter: url("#reactor-map-glow");
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-readouts{
  fill: rgba(1, 33, 69, 0.82);
  font: 700 7px/1 "Acumin", Arial, sans-serif;
  letter-spacing: 1.8px;
}

body.homepage .convergence-section .reactor-ring,body.homepage .convergence-section .reactor-tick-ring{
  fill: none;
  vector-effect: non-scaling-stroke;
  transform-origin: center;
  transform-box: fill-box;
}

body.homepage .convergence-section .reactor-ring{
  stroke: rgba(1, 33, 69, 0.4);
  stroke-width: 1.25;
}

body.homepage .convergence-section .reactor-ring-one{
  stroke: rgba(231, 255, 0, 0.9);
  stroke-width: 2;
  stroke-dasharray: 0.12 0.035 0.2 0.035 0.08 0.04 0.34 0.15;
  filter: url("#reactor-map-glow");
  animation: reactor-ring-clockwise 8s linear infinite;
}

body.homepage .convergence-section .reactor-ring-two{
  stroke: rgba(1, 33, 69, 0.6);
  stroke-dasharray: 0.06 0.025 0.14 0.03 0.08 0.02;
  animation: reactor-ring-counter 13s linear infinite;
}

body.homepage .convergence-section .reactor-ring-three{
  stroke: rgba(82, 180, 212, 0.78);
  stroke-width: 1.6;
  stroke-dasharray: 0.22 0.045 0.08 0.035 0.12 0.06;
  animation: reactor-ring-clockwise 19s linear infinite;
}

body.homepage .convergence-section .reactor-tick-ring{
  stroke: rgba(1, 33, 69, 0.44);
  stroke-width: 6;
  stroke-dasharray: 0.006 0.035;
  animation: reactor-ring-counter 28s linear infinite;
}

body.homepage .convergence-section .reactor-gates{
  fill: none;
  stroke: rgba(1, 33, 69, 0.58);
  stroke-width: 1.35;
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-terminal rect{
  fill: rgba(1, 33, 69, 0.14);
  stroke: rgba(1, 33, 69, 0.64);
  stroke-width: 1.25;
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-terminal path{
  stroke: var(--yellow);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-energy{
  fill: none;
  stroke: var(--yellow);
  stroke-width: 3;
  stroke-dasharray: 24 420;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  opacity: 0;
  filter: url("#reactor-map-glow");
  vector-effect: non-scaling-stroke;
  animation: reactor-energy-flow 2.8s linear infinite;
}

body.homepage .convergence-section .reactor-energy-delay-one{ animation-delay: -0.7s; }
body.homepage .convergence-section .reactor-energy-delay-two{ animation-delay: -1.4s; }
body.homepage .convergence-section .reactor-energy-delay-three{ animation-delay: -2.1s; }

body.homepage .convergence-section .reactor-packet{
  opacity: 0;
  fill: var(--sky);
  stroke: var(--mint);
  stroke-width: 1;
  filter: url("#reactor-map-glow");
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .reactor-packet-primary{
  fill: var(--yellow);
  stroke: var(--yellow);
}

body.homepage .convergence-section .circuit-node{
  opacity: 0;
  fill: var(--ink);
  stroke: var(--yellow);
  stroke-width: 1.8;
  vector-effect: non-scaling-stroke;
}

@keyframes reactor-ring-clockwise{
  to { transform: rotate(360deg); }
}

@keyframes reactor-ring-counter{
  to { transform: rotate(-360deg); }
}

@keyframes reactor-armature-turn{
  to { transform: rotate(360deg); }
}

@keyframes reactor-scan-turn{
  to { transform: rotate(360deg); }
}

@keyframes reactor-stators-turn{
  to { transform: rotate(-360deg); }
}

@keyframes reactor-energy-flow{
  to { stroke-dashoffset: -444; }
}

body.homepage .convergence-section .signal-pulse{
  opacity: 0;
  fill: var(--yellow);
  filter: url("#signal-glow");
}

body.homepage .convergence-section .source{
  position: absolute;
  z-index: 8;
  display: grid;
  gap: 0.25rem;
  transform-origin: center;
}

body.homepage .convergence-section .source small{
  font-size: 0.375rem;
  letter-spacing: 0.17em;
}

body.homepage .convergence-section .source b{
  font: 400 clamp(2rem, 4vw, 4.25rem) / 0.9 "New Black", sans-serif;
  letter-spacing: -0.04em;
}

body.homepage .convergence-section .source-ai{
  left: 3.4vw;
  top: 13%;
}

body.homepage .convergence-section .source-marketing{
  right: 3.4vw;
  bottom: 13%;
  text-align: right;
}

body.homepage .convergence-section .fictora-core{
  position: absolute;
  z-index: 18;
  left: 50%;
  top: 50%;
  width: clamp(6.25rem, 8vw, 7.375rem);
  height: clamp(6.25rem, 8vw, 7.375rem);
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(216, 236, 209, 0.42);
  background:
    radial-gradient(circle at 38% 34%, rgba(216, 236, 209, 0.16), transparent 22%),
    radial-gradient(circle, rgba(51, 118, 176, 0.74) 0 9%, var(--ink) 10% 56%, #00182f 72% 100%);
  box-shadow:
    0 0 0 0.34rem rgba(1, 33, 69, 0.68),
    0 0 0 0.62rem rgba(82, 180, 212, 0.32),
    0 0 2.8rem rgba(82, 180, 212, 0.34),
    0 1.5rem 3.75rem rgba(1, 33, 69, 0.28),
    inset 0 0 1.8rem rgba(82, 180, 212, 0.24);
  transform: translate(-50%, -50%);
}

body.homepage .convergence-section .fictora-core::before{
  content: "";
  position: absolute;
  z-index: 5;
  inset: 14%;
  border: 1px solid rgba(216, 236, 209, 0.32);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(231, 255, 0, 0.08), transparent 62%);
  box-shadow: inset 0 0 1.15rem rgba(231, 255, 0, 0.14);
}

body.homepage .convergence-section .fictora-core::after{
  content: "";
  position: absolute;
  z-index: 7;
  inset: 8%;
  border-radius: 50%;
  background: linear-gradient(132deg, rgba(216, 236, 209, 0.2), transparent 31% 68%, rgba(82, 180, 212, 0.08));
  pointer-events: none;
}

body.homepage .convergence-section .fictora-core img{
  position: relative;
  z-index: 8;
  width: 38%;
  max-width: 38%;
  animation: core-glow 4.8s var(--ease-out) infinite;
}

body.homepage .convergence-section .reactor-housing,body.homepage .convergence-section .reactor-coil,body.homepage .convergence-section .reactor-aperture{
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

body.homepage .convergence-section .reactor-housing{
  z-index: 2;
  inset: 2%;
  background: repeating-conic-gradient(
    from 3deg,
    rgba(216, 236, 209, 0.56) 0 1.4deg,
    rgba(1, 33, 69, 0.84) 1.4deg 7deg,
    rgba(82, 180, 212, 0.52) 7deg 9deg,
    transparent 9deg 15deg
  );
  -webkit-mask: radial-gradient(circle, transparent 0 70%, #000 71% 91%, transparent 92%);
  mask: radial-gradient(circle, transparent 0 70%, #000 71% 91%, transparent 92%);
  animation: reactor-shell-turn 22s linear infinite;
}

body.homepage .convergence-section .reactor-coil{
  z-index: 3;
  inset: 12%;
  background: repeating-conic-gradient(
    from 0deg,
    var(--yellow) 0 2deg,
    rgba(82, 180, 212, 0.18) 2deg 9deg,
    rgba(216, 236, 209, 0.72) 9deg 10deg,
    transparent 10deg 18deg
  );
  -webkit-mask: radial-gradient(circle, transparent 0 71%, #000 72% 86%, transparent 87%);
  mask: radial-gradient(circle, transparent 0 71%, #000 72% 86%, transparent 87%);
  filter: drop-shadow(0 0 0.32rem rgba(231, 255, 0, 0.58));
  animation: reactor-coil-turn 9s linear infinite;
}

body.homepage .convergence-section .reactor-aperture{
  z-index: 4;
  inset: 30%;
  border: 1px solid rgba(231, 255, 0, 0.74);
  background:
    conic-gradient(from 22.5deg, rgba(231, 255, 0, 0.22), transparent 12.5% 25%, rgba(82, 180, 212, 0.22) 25% 37.5%, transparent 37.5% 50%, rgba(231, 255, 0, 0.22) 50% 62.5%, transparent 62.5% 75%, rgba(82, 180, 212, 0.22) 75% 87.5%, transparent 87.5%),
    var(--ink);
  box-shadow:
    0 0 0 0.24rem rgba(82, 180, 212, 0.16),
    0 0 1.25rem rgba(231, 255, 0, 0.32),
    inset 0 0 0.8rem rgba(82, 180, 212, 0.4);
  animation: reactor-aperture-turn 14s linear infinite;
}

body.homepage .convergence-section .fictora-core > small{
  position: absolute;
  top: calc(100% + 2.125rem);
  width: max-content;
  color: var(--ink);
  font-size: 0.375rem;
  letter-spacing: 0.18em;
}

body.homepage .convergence-section .core-orbit{
  position: absolute;
  border-radius: 50%;
}

body.homepage .convergence-section .orbit-outer{
  inset: -1.5625rem;
  border: 1px dashed rgba(1, 33, 69, 0.45);
  animation: orbit-turn 17s linear infinite;
}

body.homepage .convergence-section .orbit-inner{
  inset: -0.8125rem;
  border: 1px solid rgba(231, 255, 0, 0.55);
  animation: orbit-turn 11s linear infinite reverse;
}

body.homepage .convergence-section .core-orbit::after{
  content: "";
  position: absolute;
  left: -0.1875rem;
  top: 50%;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: var(--yellow);
  box-shadow: 0 0 0.875rem var(--yellow);
}

body.homepage .convergence-section .audience-constellation{
  position: absolute;
  z-index: 12;
  right: clamp(2rem, 5vw, 5rem);
  top: 50%;
  width: min(25vw, 22rem);
  aspect-ratio: 1.08;
  opacity: 0;
  transform: translateY(-50%) scale(0.76);
  transform-origin: center;
}

body.homepage .convergence-section .heart-line{
  position: absolute;
  inset: 10%;
  width: 80%;
  height: 80%;
  overflow: visible;
  fill: rgba(216, 236, 209, 0.12);
}

body.homepage .convergence-section .heart-line path{
  stroke: var(--yellow);
  stroke-width: 1.35;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 0.4375rem rgba(231, 255, 0, 0.55));
}

body.homepage .convergence-section .audience-node{
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s);
  height: var(--s);
  opacity: 0;
  border-radius: 50%;
  background: var(--mint);
  box-shadow: 0 0 0 0.3125rem rgba(216, 236, 209, 0.15), 0 0 1.125rem var(--yellow);
  transform: scale(0);
}

body.homepage .convergence-section .audience-constellation > b,body.homepage .convergence-section .audience-constellation > small{
  position: absolute;
  left: 50%;
  top: 49%;
  width: max-content;
  transform: translate(-50%, -50%);
  text-align: center;
}

body.homepage .convergence-section .audience-constellation > b{
  font: 400 1.3125rem "New Black", sans-serif;
  letter-spacing: -0.025em;
}

body.homepage .convergence-section .audience-constellation > small{
  top: 59%;
  font-size: 0.375rem;
  letter-spacing: 0.18em;
}

body.homepage .convergence-section .chapter-stack{
  position: absolute;
  z-index: 22;
  inset: var(--header-height) 0 0;
}

body.homepage .convergence-section .chapter{
  position: absolute;
  inset: 0;
  pointer-events: none;
}

body.homepage .convergence-section .chapter-kicker{
  margin: 0;
  color: var(--ink);
  font-family: "New Black", sans-serif;
  font-weight: 400;
}

body.homepage .convergence-section .statement{
  margin: 0;
  font-family: "New Black", sans-serif;
  font-weight: 400;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

body.homepage .convergence-section .chapter-origin .chapter-kicker{
  position: absolute;
  left: 50%;
  top: 13%;
  width: max-content;
  max-width: 88vw;
  font-size: clamp(1.5rem, 2.4vw, 2.75rem);
  line-height: 0.96;
  letter-spacing: -0.025em;
  text-align: center;
  transform: translateX(-50%);
}

body.homepage .convergence-section .statement-origin{
  position: absolute;
  inset: 0;
  font-size: clamp(3.8rem, 6.8vw, 7.8rem);
  line-height: 0.8;
}

body.homepage .convergence-section .statement-origin span,body.homepage .convergence-section .statement-origin i{
  position: absolute;
}

body.homepage .convergence-section .statement-origin span:first-child{
  left: 7.5%;
  top: 48%;
  width: 34%;
  text-align: right;
  transform: translateY(-50%);
}

body.homepage .convergence-section .statement-origin span:last-child{
  right: 6%;
  top: 48%;
  width: 35%;
  text-align: left;
  transform: translateY(-50%);
}

body.homepage .convergence-section .statement-origin i{
  left: 50%;
  top: 27%;
  padding: 0.5rem 0.875rem 0.6rem;
  color: var(--ink);
  background: var(--yellow);
  font: 600 clamp(1rem, 1.5vw, 1.5rem) / 1 "Acumin", sans-serif;
  font-style: normal;
  letter-spacing: 0.14em;
  transform: translateX(-50%);
}

body.homepage .convergence-section .chapter-audience{
  padding: 0;
}

body.homepage .convergence-section .statement-audience{
  position: absolute;
  left: 8%;
  top: 50%;
  width: min(45vw, 48rem);
  font-size: clamp(3.25rem, 5.8vw, 6.6rem);
  line-height: 0.82;
  transform: translateY(-50%);
}

body.homepage .convergence-section .statement-audience span{
  color: var(--blue);
}

body.homepage .convergence-section .statement-audience strong{
  display: block;
  width: max-content;
  max-width: 100%;
  margin-top: 0.625rem;
  padding: 0.25rem 0.75rem 0.5rem;
  color: var(--ink);
  background: var(--yellow);
  font-weight: 400;
}

body.homepage .convergence-section .chapter-meeting{
  text-align: center;
}

body.homepage .convergence-section .chapter-meeting .chapter-kicker{
  position: absolute;
  left: 50%;
  top: 13%;
  width: max-content;
  font-size: clamp(1.25rem, 1.9vw, 2rem);
  transform: translateX(-50%);
}

body.homepage .convergence-section .statement-meeting{
  position: absolute;
  inset: 0;
  font-size: clamp(3.75rem, 7vw, 7.5rem);
  line-height: 0.78;
}

body.homepage .convergence-section .statement-meeting span{
  position: absolute;
  left: 50%;
  width: 88%;
  transform: translateX(-50%);
}

body.homepage .convergence-section .statement-meeting span:first-child{
  top: 24%;
}

body.homepage .convergence-section .statement-meeting span:last-child{
  bottom: 17%;
}

body.homepage .convergence-section .statement-meeting em,body.homepage .convergence-section .statement-meeting strong{
  display: inline-block;
  padding: 0.08em 0.14em 0.14em;
  color: var(--ink);
  background: var(--yellow);
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
}

body.homepage .convergence-section .chapter-magic{
  color: var(--mint);
  backface-visibility: hidden;
  transform: translateZ(0);
}

body.homepage .convergence-section .magic-title{
  position: absolute;
  inset: 0;
  margin: 0;
  color: var(--mint);
  font: 400 clamp(6rem, 12vw, 12.5rem) / 0.66 "New Black", sans-serif;
  letter-spacing: -0.065em;
  text-align: center;
}

body.homepage .convergence-section .magic-word{
  position: absolute;
  left: 50%;
  display: flex;
  justify-content: center;
  transform: translateX(-50%);
}

body.homepage .convergence-section .magic-word:first-child{
  top: 16%;
  text-shadow: 0 0 2.25rem rgba(231, 255, 0, 0.3);
}

body.homepage .convergence-section .magic-word-outline{
  bottom: 18%;
  color: transparent;
  -webkit-text-stroke: 1px var(--mint);
}

body.homepage .convergence-section .magic-letter{
  display: inline-block;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform, opacity;
}

body.homepage .convergence-section .chapter-magic blockquote{
  position: absolute;
  right: clamp(1.5rem, 6vw, 7rem);
  bottom: clamp(1.25rem, 4.5vh, 3.5rem);
  width: min(44rem, 68vw);
  margin: 0;
  color: rgba(216, 236, 209, 0.82);
  font: 400 clamp(1rem, 1.45vw, 1.375rem) / 1.34 "New Black", sans-serif;
  letter-spacing: 0.02em;
  text-align: right;
  text-wrap: balance;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform, opacity;
}

body.homepage .convergence-section .chapter-magic blockquote em{
  color: var(--yellow);
  font-style: normal;
}

body.homepage .convergence-section .has-js .chapter:not(.chapter-origin){
  visibility: hidden;
  opacity: 0;
}

body.homepage .convergence-section .has-js .chapter-origin{
  visibility: visible;
  opacity: 1;
}

body.homepage .convergence-section .is-deep .story-brand,body.homepage .convergence-section .is-deep .chapter-rail,body.homepage .convergence-section .is-deep .fictora-core > small{
  color: var(--mint);
}

body.homepage .convergence-section .is-deep .story-brand img{
  filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(372%) hue-rotate(55deg) brightness(95%);
}

body.homepage .convergence-section .is-deep .chapter-rail::before{
  background: rgba(216, 236, 209, 0.25);
}

@keyframes orbit-turn{
  to {
    transform: rotate(360deg);
  }
}

@keyframes core-glow{
  0%,
  100% {
    opacity: 0.84;
    filter: drop-shadow(0 0 0.1875rem rgba(231, 255, 0, 0.28)) drop-shadow(0 0 0.5rem rgba(231, 255, 0, 0.18));
  }

  50% {
    opacity: 1;
    filter: drop-shadow(0 0 0.5625rem rgba(231, 255, 0, 0.88)) drop-shadow(0 0 1.5625rem rgba(231, 255, 0, 0.58));
  }
}

@keyframes reactor-shell-turn{
  to { transform: rotate(360deg); }
}

@keyframes reactor-coil-turn{
  to { transform: rotate(-360deg); }
}

@keyframes reactor-aperture-turn{
  to { transform: rotate(360deg); }
}

@media (max-width: 68.75rem){
  body.homepage .convergence-section .chapter-rail{
    display: none;
  }

  body.homepage .convergence-section .statement-origin{
    font-size: clamp(3.25rem, 6.4vw, 5.25rem);
  }

  body.homepage .convergence-section .statement-audience{
    left: 5%;
    width: 44vw;
    font-size: clamp(3rem, 5.7vw, 4.5rem);
  }

  body.homepage .convergence-section .audience-constellation{
    right: 2vw;
    width: min(28vw, 18rem);
  }
}

@media (max-height: 46rem) and (min-width: 48rem){
  body.homepage .convergence-section .fictora-core{
    width: 5.75rem;
    height: 5.75rem;
  }

  body.homepage .convergence-section .chapter-origin .chapter-kicker,body.homepage .convergence-section .chapter-meeting .chapter-kicker{
    top: 11%;
  }

  body.homepage .convergence-section .magic-title{
    font-size: clamp(5.75rem, 10vw, 9rem);
  }

  body.homepage .convergence-section .chapter-magic blockquote{
    bottom: 1.25rem;
  }
}

@media (max-width: 62.5rem){
  body.homepage .convergence-section{ --header-height: 0rem; --footer-height: 0rem; }

  body.homepage .convergence-section .story-brand span,body.homepage .convergence-section .story-progress{ display: none; }

  body.homepage .convergence-section .convergence-marquee span,body.homepage .convergence-section .convergence-marquee b{ padding-inline: 0.75rem; font-size: 0.8125rem; }

  body.homepage .convergence-section .convergence-marquee i,body.homepage .convergence-section .convergence-marquee em{ font-size: 0.75rem; }

  body.homepage .convergence-section .chapter-rail{
    display: none;
  }

  body.homepage .convergence-section .signal-stage,body.homepage .convergence-section .chapter-stack{
    inset: var(--header-height) 0 0;
  }

  body.homepage .convergence-section .signal-field{
    width: 76vw;
  }

  body.homepage .convergence-section .signal-field-ai{
    left: -48vw;
  }

  body.homepage .convergence-section .signal-field-marketing{
    right: -48vw;
  }

  body.homepage .convergence-section .core-burst{
    top: 54%;
    width: 11rem;
  }

  body.homepage .convergence-section .source small{
    display: none;
  }

  body.homepage .convergence-section .source b{
    font-size: clamp(1.25rem, 6.5vw, 1.65rem);
  }

  body.homepage .convergence-section .source-ai{
    left: 1rem;
    top: 20%;
  }

  body.homepage .convergence-section .source-marketing{
    top: 20%;
    right: 1rem;
    bottom: auto;
  }

  body.homepage .convergence-section .fictora-core{
    top: 54%;
    width: 4.625rem;
    height: 4.625rem;
  }

  body.homepage .convergence-section .fictora-core > small{
    top: calc(100% + 1.25rem);
    font-size: 0.3125rem;
  }

  body.homepage .convergence-section .orbit-outer{
    inset: -1rem;
  }

  body.homepage .convergence-section .orbit-inner{
    inset: -0.55rem;
  }

  body.homepage .convergence-section .audience-constellation{
    right: 1rem;
    top: 78%;
    width: 7rem;
  }

  body.homepage .convergence-section .audience-constellation > b{
    font-size: 0.72rem;
  }

  body.homepage .convergence-section .audience-constellation > small{
    top: 61%;
    font-size: 0.25rem;
  }

  body.homepage .convergence-section .chapter-origin .chapter-kicker{
    left: 1.25rem;
    right: 1.25rem;
    top: 12%;
    width: auto;
    max-width: none;
    font-size: clamp(1.1rem, 5.2vw, 1.35rem);
    line-height: 1;
    text-align: left;
    transform: none;
  }

  body.homepage .convergence-section .statement-origin{
    font-size: clamp(3.1rem, 14.7vw, 4rem);
  }

  body.homepage .convergence-section .statement-origin span:first-child{
    left: 1.25rem;
    top: 27%;
    width: calc(100% - 2.5rem);
    text-align: left;
    transform: none;
  }

  body.homepage .convergence-section .statement-origin i{
    left: 1.25rem;
    top: 41%;
    padding: 0.4rem 0.75rem 0.5rem;
    font-size: 0.875rem;
    transform: none;
  }

  body.homepage .convergence-section .statement-origin span:last-child{
    left: 1.25rem;
    right: auto;
    top: 70%;
    width: calc(100% - 2.5rem);
    text-align: left;
    transform: none;
  }

  body.homepage .convergence-section .statement-audience{
    left: 1.25rem;
    top: 15%;
    width: calc(100% - 2.5rem);
    font-size: clamp(2.55rem, 11.8vw, 3.25rem);
    line-height: 0.84;
    transform: none;
  }

  body.homepage .convergence-section .statement-audience strong{
    width: max-content;
  }

  body.homepage .convergence-section .chapter-meeting .chapter-kicker{
    left: 1.25rem;
    top: 12%;
    font-size: 1rem;
    transform: none;
  }

  body.homepage .convergence-section .statement-meeting{
    font-size: clamp(3rem, 14vw, 4rem);
    text-align: left;
  }

  body.homepage .convergence-section .statement-meeting span{
    left: 1.25rem;
    width: calc(100% - 2.5rem);
    transform: none;
  }

  body.homepage .convergence-section .statement-meeting span:first-child{
    top: 25%;
  }

  body.homepage .convergence-section .statement-meeting span:last-child{
    bottom: 12%;
  }

  body.homepage .convergence-section .magic-title{
    font-size: clamp(4.7rem, 20vw, 6.2rem);
  }

  body.homepage .convergence-section .magic-word:first-child{
    top: 17%;
  }

  body.homepage .convergence-section .magic-word-outline{
    bottom: 21%;
  }

  body.homepage .convergence-section .chapter-magic blockquote{
    right: 1.25rem;
    bottom: 5.5%;
    width: calc(100% - 2.5rem);
    font-size: 0.92rem;
    line-height: 1.35;
    text-align: center;
  }
}

body.homepage .convergence-section .no-gsap .story,body.homepage .convergence-section .is-reduced .story{
  height: auto;
}

body.homepage .convergence-section html.homepage-embed,body.homepage .convergence-section html.homepage-embed body{
  height: 100%;
  overflow: hidden;
}

body.homepage .convergence-section .homepage-embed main,body.homepage .convergence-section .homepage-embed .story{
  width: 100%;
  height: 100%;
  min-height: 100%;
}

body.homepage .convergence-section .homepage-embed .story-frame{
  position: relative;
  top: auto;
}

body.homepage .convergence-section .no-gsap .story-frame,body.homepage .convergence-section .is-reduced .story-frame{
  position: relative;
  height: auto;
  overflow: hidden;
}

body.homepage .convergence-section .no-gsap .signal-stage,body.homepage .convergence-section .is-reduced .signal-stage,body.homepage .convergence-section .no-gsap .chapter-stack,body.homepage .convergence-section .is-reduced .chapter-stack,body.homepage .convergence-section .no-gsap .chapter,body.homepage .convergence-section .is-reduced .chapter{
  position: relative;
  inset: auto;
}

body.homepage .convergence-section .no-gsap .signal-stage,body.homepage .convergence-section .is-reduced .signal-stage{
  height: clamp(18rem, 40vw, 26rem);
  border-bottom: 1px solid var(--line);
}

body.homepage .convergence-section .no-gsap .chapter,body.homepage .convergence-section .is-reduced .chapter{
  min-height: 100vh;
  min-height: 100svh;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

body.homepage .convergence-section .no-gsap .source,body.homepage .convergence-section .is-reduced .source,body.homepage .convergence-section .no-gsap .audience-constellation,body.homepage .convergence-section .is-reduced .audience-constellation,body.homepage .convergence-section .no-gsap .audience-node,body.homepage .convergence-section .is-reduced .audience-node{
  opacity: 1 !important;
}

body.homepage .convergence-section .no-gsap .audience-constellation,body.homepage .convergence-section .is-reduced .audience-constellation{
  transform: translateY(-50%) scale(1) !important;
}

body.homepage .convergence-section .no-gsap .audience-node,body.homepage .convergence-section .is-reduced .audience-node{
  transform: scale(1) !important;
}

body.homepage .convergence-section .no-gsap .map-line,body.homepage .convergence-section .is-reduced .map-line,body.homepage .convergence-section .no-gsap .circuit-line,body.homepage .convergence-section .is-reduced .circuit-line,body.homepage .convergence-section .no-gsap .heart-line path,body.homepage .convergence-section .is-reduced .heart-line path{
  stroke-dashoffset: 0 !important;
}

body.homepage .convergence-section .no-gsap .circuit-node,body.homepage .convergence-section .is-reduced .circuit-node{
  opacity: 1 !important;
}

body.homepage .convergence-section .no-gsap .signal-pulse,body.homepage .convergence-section .is-reduced .signal-pulse,body.homepage .convergence-section .no-gsap .deep-field,body.homepage .convergence-section .is-reduced .deep-field,body.homepage .convergence-section .no-gsap .beam,body.homepage .convergence-section .is-reduced .beam,body.homepage .convergence-section .no-gsap .signal-field,body.homepage .convergence-section .is-reduced .signal-field,body.homepage .convergence-section .no-gsap .core-burst,body.homepage .convergence-section .is-reduced .core-burst{
  display: none;
}

body.homepage .convergence-section .no-gsap .chapter-magic,body.homepage .convergence-section .is-reduced .chapter-magic{
  color: var(--mint);
  background: var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat;
}

@media (prefers-reduced-motion: reduce){
  body.homepage .convergence-section *,body.homepage .convergence-section *::before,body.homepage .convergence-section *::after{
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  body.homepage .convergence-section .convergence-marquee-track{ animation-play-state: paused; }
}



body.homepage .convergence-section .chapter-kicker{
  font-family: "Acumin", Arial, sans-serif;
  font-weight: 650;
  line-height: 1.05;
  letter-spacing: 0.1em;
}

body.homepage .convergence-section .chapter-origin .chapter-kicker{
  display: grid;
  justify-items: center;
  gap: 0.2rem;
  font-family: "New Black", sans-serif;
  font-size: clamp(1.65rem, 2.15vw, 2.35rem);
  font-weight: 400;
  line-height: 0.96;
  letter-spacing: -0.025em;
}

body.homepage .convergence-section .chapter-origin .chapter-kicker span,body.homepage .convergence-section .chapter-origin .chapter-kicker strong{
  display: block;
  font: inherit;
}

body.homepage .convergence-section .chapter-origin .chapter-kicker strong{
  color: var(--blue);
}

body.homepage .convergence-section .chapter-meeting .chapter-kicker{
  top: 8%;
  font-size: clamp(1rem, 1.45vw, 1.5rem);
}

body.homepage .convergence-section .statement-meeting span{
  top: 50%;
  bottom: auto;
  width: min(34vw, 34rem);
  transform: translateY(-50%);
}

body.homepage .convergence-section .statement-meeting span:first-child{
  left: 3%;
  top: 50%;
  text-align: center;
}

body.homepage .convergence-section .statement-meeting span:last-child{
  left: auto;
  right: 3%;
  top: 50%;
  bottom: auto;
  text-align: center;
}

body.homepage .convergence-section .statement{
  letter-spacing: -0.05em;
}

body.homepage .convergence-section .statement-origin{
  font-size: clamp(3.65rem, 5.2vw, 5.6rem);
  line-height: 0.86;
}

body.homepage .convergence-section .chapter-origin .chapter-kicker{
  top: 8%;
}

body.homepage .convergence-section .statement-origin span:first-child{
  left: 3%;
  top: 28%;
  width: 40%;
}

body.homepage .convergence-section .statement-origin i{
  left: 44.5%;
  top: 50%;
  transform: translate(-50%, -50%);
}

body.homepage .convergence-section .statement-origin span:last-child{
  right: 2%;
  top: 62%;
  width: 32%;
}

body.homepage .convergence-section .statement-origin i{
  font-size: clamp(0.85rem, 1.15vw, 1.15rem);
  line-height: 1;
  letter-spacing: 0.15em;
}

body.homepage .convergence-section .statement-audience{
  inset: 0;
  width: 100%;
  font-size: inherit;
  line-height: 1;
  transform: none;
}

body.homepage .convergence-section .statement-audience .audience-copy-intro,body.homepage .convergence-section .statement-audience .audience-copy-result,body.homepage .convergence-section .statement-audience .audience-copy-result em{
  display: block;
  color: var(--ink);
  font-style: normal;
}

body.homepage .convergence-section .statement-audience .audience-copy-intro,body.homepage .convergence-section .statement-audience .audience-copy-result em,body.homepage .convergence-section .statement-audience strong{
  font-size: clamp(2.45rem, 3.3vw, 3.65rem);
  line-height: 0.96;
}

body.homepage .convergence-section .statement-audience .audience-copy-intro,body.homepage .convergence-section .statement-audience .audience-copy-result{
  position: absolute;
  top: 50%;
  width: min(34vw, 34rem);
  transform: translateY(-50%);
}

body.homepage .convergence-section .statement-audience .audience-copy-intro{
  left: 3%;
  text-align: center;
}

body.homepage .convergence-section .statement-audience .audience-copy-result{
  right: 3%;
  text-align: center;
}

body.homepage .convergence-section .statement-audience .audience-copy-result em{
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  padding: 0.18rem 0.62rem 0.3rem;
  color: var(--ink);
  background: linear-gradient(transparent 54%, var(--yellow) 54% 100%);
}

body.homepage .convergence-section .statement-audience strong{
  width: max-content;
  max-width: 100%;
  margin: 0.65rem auto 0;
  padding: 0.2rem 0.65rem 0.4rem;
}

body.homepage .convergence-section .statement-meeting{
  font-size: clamp(3.65rem, 5.2vw, 5.6rem);
  line-height: 0.86;
}

body.homepage .convergence-section .magic-title{
  font-size: clamp(4.5rem, 6.4vw, 6.8rem);
  line-height: 0.8;
  letter-spacing: -0.052em;
}

body.homepage .convergence-section .chapter-magic blockquote{
  font-size: clamp(1rem, 1.35vw, 1.32rem);
  line-height: 1.3;
  letter-spacing: 0.015em;
}

body.homepage .convergence-section .chapter-products{
  color: var(--mint);
}

body.homepage .convergence-section .hud-product-copy{
  position: absolute;
  z-index: 24;
  left: 4%;
  top: clamp(8.5rem, 19vh, 11rem);
  width: min(34vw, 32rem);
  transform: none;
}

body.homepage .convergence-section .hud-product-copy > p{
  margin: 0 0 1.25rem;
  color: var(--yellow);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
}

body.homepage .convergence-section .hud-product-copy h2{
  margin: 0;
  color: var(--mint);
  font: 400 clamp(3rem, 4vw, 4.25rem) / 0.84 "New Black", sans-serif;
  letter-spacing: -0.05em;
}

body.homepage .convergence-section .hud-product-copy h2 em{
  color: var(--yellow);
  font-style: normal;
}

body.homepage .convergence-section .hud-product-copy > small{
  display: block;
  max-width: 34rem;
  margin-top: 1.6rem;
  color: rgba(216, 236, 209, 0.76);
  font-size: 1.05rem;
  line-height: 1.55;
}

body.homepage .convergence-section .hud-product-actions{
  display: flex;
  margin-top: 1.65rem;
  pointer-events: auto;
}

body.homepage .convergence-section .hud-product-actions a{
  min-height: 3.45rem;
  padding: 0.9rem 1.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  color: var(--ink);
  background: var(--yellow);
  border: 1px solid var(--yellow);
  font-size: 0.76rem;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 180ms ease, background-color 180ms ease;
}

body.homepage .convergence-section .hud-product-actions a:hover,body.homepage .convergence-section .hud-product-actions a:focus-visible{
  color: var(--yellow);
  background: var(--ink);
  outline: none;
}

body.homepage .convergence-section .hud-product-actions a span{
  font-size: 1.15rem;
  line-height: 1;
}

body.homepage .convergence-section .hud-product-system{
  position: absolute;
  z-index: 22;
  left: 50%;
  right: 13%;
  top: 50%;
  width: auto;
  height: min(72vh, 42rem);
  transform: translateY(-50%);
}

body.homepage .convergence-section .hud-product-system svg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

body.homepage .convergence-section .hud-product-route{
  fill: none;
  stroke: rgba(216, 236, 209, 0.5);
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
}

body.homepage .convergence-section .hud-product-junction{
  fill: var(--yellow);
  filter: drop-shadow(0 0 0.45rem rgba(231, 255, 0, 0.78));
}

body.homepage .convergence-section .hud-product-signal-pulse{
  fill: var(--yellow);
  filter: drop-shadow(0 0 0.5rem rgba(231, 255, 0, 0.9));
}

body.homepage .convergence-section .hud-product-mobile-route{
  display: none;
}

body.homepage .convergence-section .hud-product-node{
  position: absolute;
  z-index: 2;
  right: 0;
  width: clamp(12.5rem, 16vw, 15rem);
  min-height: 7rem;
  padding: 1rem 1.1rem;
  display: grid;
  align-content: center;
  gap: 0.3rem;
  color: var(--mint);
  background: rgba(1, 33, 69, 0.88);
  border: 1px solid rgba(216, 236, 209, 0.36);
  text-decoration: none;
  pointer-events: auto;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

body.homepage .convergence-section .hud-product-node:hover,body.homepage .convergence-section .hud-product-node:focus-visible{
  color: var(--yellow);
  background: rgba(1, 33, 69, 0.98);
  border-color: var(--yellow);
  outline: none;
}

body.homepage .convergence-section .hud-product-node b{
  font: 400 1.35rem / 1 "New Black", sans-serif;
}

body.homepage .convergence-section .hud-product-node p{
  margin: 0;
  color: rgba(216, 236, 209, 0.82);
  font-size: 0.92rem;
  line-height: 1.3;
}

body.homepage .convergence-section .hud-product-node span{
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: rgba(216, 236, 209, 0.68);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.09em;
}

body.homepage .convergence-section .hud-product-node i{
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: var(--sky);
  animation: hud-product-status-pulse 2.8s ease-in-out infinite;
}

body.homepage .convergence-section .hud-product-node > strong{
  position: absolute;
  right: 0.9rem;
  top: 0.8rem;
  color: var(--yellow);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1;
}

body.homepage .convergence-section .hud-product-zena{ top: 4%; border-color: var(--yellow); }
body.homepage .convergence-section .hud-product-zena i{ background: var(--yellow); box-shadow: 0 0 0.6rem var(--yellow); }
body.homepage .convergence-section .hud-product-aura{ top: 42%; }
body.homepage .convergence-section .hud-product-oppinio{ bottom: 4%; }
body.homepage .convergence-section .hud-product-oppinio i{ background: transparent; border: 1px solid var(--mint); }

body.homepage .convergence-section .fictora-core > small{
  transition: color 900ms var(--ease-out);
}

body.homepage .convergence-section .audience-hud{
  left: 50%;
  right: auto;
  top: 72%;
  width: min(16vw, 15rem);
  translate: -50% 0;
  aspect-ratio: 1;
  border: 1px solid rgba(1, 33, 69, 0.46);
  border-radius: 50%;
  background:
    linear-gradient(90deg, transparent 49.75%, rgba(1, 33, 69, 0.14) 50%, transparent 50.25%),
    linear-gradient(transparent 49.75%, rgba(1, 33, 69, 0.14) 50%, transparent 50.25%),
    radial-gradient(circle, rgba(231, 255, 0, 0.12) 0 18%, rgba(216, 236, 209, 0.08) 18% 35%, transparent 36%);
  box-shadow:
    0 0 0 0.8rem rgba(1, 33, 69, 0.04),
    0 0 2rem rgba(231, 255, 0, 0.11),
    inset 0 0 1.75rem rgba(82, 180, 212, 0.12);
}

body.homepage .convergence-section .audience-hud-ring,body.homepage .convergence-section .audience-hud-disc{
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

body.homepage .convergence-section .audience-hud-ring-outer{
  inset: 13%;
  border: 1px dashed rgba(1, 33, 69, 0.4);
  box-shadow: 0 0 1.5rem rgba(231, 255, 0, 0.12);
  animation: audience-hud-orbit 18s linear infinite;
}

body.homepage .convergence-section .audience-hud-ring-inner{
  inset: 24%;
  border: 1px solid rgba(231, 255, 0, 0.54);
}

body.homepage .convergence-section .audience-hud-disc{
  z-index: 1;
  inset: 31%;
  border: 1px solid rgba(231, 255, 0, 0.68);
  background: rgba(216, 236, 209, 0.74);
  box-shadow:
    0 0 0 0.45rem rgba(216, 236, 209, 0.1),
    0 0 1.25rem rgba(231, 255, 0, 0.18);
}

body.homepage .convergence-section .audience-hud .audience-node{
  z-index: 3;
  margin-left: calc(var(--s) / -2);
  margin-top: calc(var(--s) / -2);
  background: var(--yellow);
  box-shadow: 0 0 0.65rem rgba(231, 255, 0, 0.72);
}

body.homepage .convergence-section .audience-hud > b,body.homepage .convergence-section .audience-hud > small{
  z-index: 4;
}

body.homepage .convergence-section .audience-hud > b{
  color: var(--ink);
  font-size: clamp(0.9rem, 1.2vw, 1.15rem);
  letter-spacing: -0.02em;
}

body.homepage .convergence-section .audience-hud > small{
  top: 58%;
  color: rgba(1, 33, 69, 0.7);
  font-size: 0.34rem;
  font-weight: 650;
}

@keyframes audience-hud-orbit{
  to { transform: rotate(360deg); }
}

@keyframes hud-product-status-pulse{
  50% {
    opacity: 0.5;
    transform: scale(0.72);
  }
}

@keyframes hud-mobile-signal-travel{
  from { top: -0.2rem; opacity: 0; }
  18%, 82% { opacity: 1; }
  to { top: calc(100% - 0.2rem); opacity: 0; }
}

@media (max-width: 62.5rem){
  body.homepage .convergence-section{
    --mobile-label-y: clamp(2.25rem, 6%, 4.5rem);
    --mobile-primary-y: clamp(6rem, 18%, 11rem);
    --mobile-connector-y: clamp(9.5rem, 28%, 16rem);
    --mobile-core-y: clamp(14rem, 42%, 22rem);
    --mobile-secondary-y: clamp(21rem, 59%, 31rem);
    --mobile-caption-y: clamp(24rem, 67%, 37rem);
    --mobile-hud-size: clamp(24rem, min(112vw, 62svh), 31rem);
  }

  body.homepage .convergence-section .chapter-origin .chapter-kicker,body.homepage .convergence-section .chapter-meeting .chapter-kicker{
    left: 50%;
    right: auto;
    top: var(--mobile-label-y);
    width: calc(100% - 2.5rem);
    line-height: 1.1;
    text-align: center;
    transform: translateX(-50%);
  }

  body.homepage .convergence-section .chapter-origin .chapter-kicker{
    justify-items: center;
    gap: 0.14rem;
    font-size: clamp(1.3rem, 5.8vw, 1.55rem);
    line-height: 1;
    letter-spacing: -0.02em;
  }

  body.homepage .convergence-section .chapter-meeting .chapter-kicker{
    font-size: clamp(0.82rem, 3.8vw, 1rem);
  }

  body.homepage .convergence-section .statement-origin{
    font-size: clamp(2.65rem, 11.8vw, 3.25rem);
    line-height: 0.92;
    text-align: center;
  }

  body.homepage .convergence-section .statement-origin span:first-child,body.homepage .convergence-section .statement-origin span:last-child{
    left: 50%;
    right: auto;
    width: calc(100% - 2.5rem);
    text-align: center;
    transform: translateX(-50%);
  }

  body.homepage .convergence-section .statement-origin span:first-child{
    top: var(--mobile-primary-y);
  }

  body.homepage .convergence-section .statement-origin i{
    left: 50%;
    top: var(--mobile-connector-y);
    font-size: 0.78rem;
    transform: translateX(-50%);
  }

  body.homepage .convergence-section .statement-origin span:last-child{
    top: var(--mobile-secondary-y);
  }

  body.homepage .convergence-section .source b{
    font-size: clamp(1rem, 4.8vw, 1.25rem);
  }

  body.homepage .convergence-section .source-ai,body.homepage .convergence-section .source-marketing{
    top: 50%;
    bottom: auto;
  }

  body.homepage .convergence-section .source-ai{ left: 1.25rem; }
  body.homepage .convergence-section .source-marketing{ right: 1.25rem; }

  body.homepage .convergence-section .core-circuit-network{
    opacity: 0.82;
    transform: none;
  }

  body.homepage .convergence-section .reactor-map{
    inset: auto;
    left: 50%;
    top: var(--mobile-core-y);
    width: var(--mobile-hud-size);
    height: var(--mobile-hud-size);
    margin-top: calc(var(--mobile-hud-size) / -2);
    margin-left: calc(var(--mobile-hud-size) / -2);
  }

  body.homepage .convergence-section .reactor-tick-ring{
    stroke-width: 4;
  }

  body.homepage .convergence-section .reactor-terminal{
    opacity: 0.78;
  }

  body.homepage .convergence-section .statement-audience{
    inset: 0;
    width: 100%;
    font-size: inherit;
    text-align: center;
    transform: none;
  }

  body.homepage .convergence-section .statement-audience .audience-copy-intro,body.homepage .convergence-section .statement-audience .audience-copy-result{
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    width: calc(100% - 2.5rem);
    max-width: none;
    transform: none;
  }

  body.homepage .convergence-section .statement-audience .audience-copy-intro{
    top: var(--mobile-label-y);
  }

  body.homepage .convergence-section .statement-audience .audience-copy-result{
    top: var(--mobile-secondary-y);
  }

  body.homepage .convergence-section .statement-audience .audience-copy-result em{
    width: auto;
  }

  body.homepage .convergence-section .statement-audience strong{
    width: max-content;
    max-width: 100%;
    margin-top: 0.35rem;
    margin-inline: auto;
    padding: 0.2rem 0.6rem 0.38rem;
  }

  body.homepage .convergence-section .statement-audience .audience-copy-intro,body.homepage .convergence-section .statement-audience .audience-copy-result em,body.homepage .convergence-section .statement-audience strong{
    font-size: clamp(1.72rem, 7.5vw, 2.35rem);
    line-height: 1.02;
  }

  body.homepage .convergence-section .statement-meeting{
    font-size: clamp(2.65rem, 11.8vw, 3.25rem);
    line-height: 0.9;
    text-align: center;
  }

  body.homepage .convergence-section .statement-meeting span{
    left: 50%;
    right: auto;
    width: calc(100% - 2.5rem);
    text-align: center;
    transform: translateX(-50%);
  }

  body.homepage .convergence-section .statement-meeting span:first-child{
    left: 50%;
    right: auto;
    top: var(--mobile-primary-y);
  }

  body.homepage .convergence-section .statement-meeting span:last-child{
    left: 50%;
    right: auto;
    top: var(--mobile-secondary-y);
    bottom: auto;
  }

  body.homepage .convergence-section .magic-title{
    font-size: clamp(3.5rem, 15vw, 4.4rem);
    line-height: 0.84;
  }

  body.homepage .convergence-section .magic-word:first-child{
    top: 12%;
  }

  body.homepage .convergence-section .magic-word-outline{
    bottom: 23%;
  }

  body.homepage .convergence-section .chapter-magic blockquote{
    bottom: 6%;
    font-size: clamp(0.78rem, 3.25vw, 0.9rem);
    line-height: 1.38;
  }

  body.homepage .convergence-section .audience-hud{
    left: 50%;
    right: auto;
    top: 57%;
    width: clamp(10.5rem, 32vw, 15rem);
    translate: -50% 0;
    box-shadow:
      0 0 0 0.55rem rgba(1, 33, 69, 0.04),
      0 0 1.4rem rgba(231, 255, 0, 0.11),
      inset 0 0 1.1rem rgba(82, 180, 212, 0.12);
  }

  body.homepage .convergence-section .audience-hud > b{
    font-size: clamp(0.72rem, 2.8vw, 0.9rem);
  }

  body.homepage .convergence-section .audience-hud > small{
    top: 59%;
    font-size: 0.28rem;
  }

  body.homepage .convergence-section .core-burst,body.homepage .convergence-section .fictora-core{
    top: var(--mobile-core-y);
  }

  body.homepage .convergence-section .fictora-core{
    width: clamp(6rem, 24vw, 7.5rem);
    height: clamp(6rem, 24vw, 7.5rem);
  }

  body.homepage .convergence-section .core-burst{ width: clamp(12rem, 40vw, 16rem); }

  body.homepage .convergence-section .chapter-products{
    padding: clamp(1rem, 2.8vh, 1.5rem) 1.25rem max(0.75rem, env(safe-area-inset-bottom));
    display: grid;
    grid-template-rows: auto minmax(1.5rem, 1fr) auto;
    gap: 0;
  }

  body.homepage .convergence-section .hud-product-copy{
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    text-align: center;
    transform: none;
  }

  body.homepage .convergence-section .hud-product-copy > p{
    max-width: 30rem;
    margin: 0 auto 0.55rem;
    font-size: clamp(0.52rem, 2.2vw, 0.62rem);
    line-height: 1.45;
  }

  body.homepage .convergence-section .hud-product-copy h2{
    font-size: clamp(1.9rem, 8.5vw, 2.55rem);
    line-height: 0.86;
  }

  body.homepage .convergence-section .hud-product-copy > small{
    max-width: 31rem;
    margin: 0.75rem auto 0;
    font-size: clamp(0.78rem, 3.4vw, 0.9rem);
    line-height: 1.38;
  }

  body.homepage .convergence-section .hud-product-actions{
    justify-content: center;
    margin-top: 0.75rem;
  }

  body.homepage .convergence-section .hud-product-actions a{
    min-height: 2.75rem;
    padding: 0.62rem 0.85rem;
    gap: 1.2rem;
    font-size: 0.64rem;
  }

  body.homepage .convergence-section .hud-product-system{
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    grid-row: 3;
    width: 100%;
    height: auto;
    transform: none;
  }

  body.homepage .convergence-section .hud-product-system svg{
    display: none;
  }

  body.homepage .convergence-section .hud-product-mobile-route{
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 1px;
    height: clamp(1.5rem, 5vh, 3rem);
    display: block;
    background: linear-gradient(var(--yellow), rgba(216, 236, 209, 0.55));
    box-shadow: 0 0 0.55rem rgba(231, 255, 0, 0.42);
    transform-origin: top;
  }

  body.homepage .convergence-section .hud-product-mobile-route::after{
    content: "";
    position: absolute;
    left: -0.22rem;
    top: -0.2rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--yellow);
    box-shadow: 0 0 0.7rem rgba(231, 255, 0, 0.9);
    animation: hud-mobile-signal-travel 2.4s linear infinite;
  }

  body.homepage .convergence-section .hud-product-node{
    position: relative;
    inset: auto;
    width: 100%;
    min-height: clamp(3.35rem, 8.2vh, 4.05rem);
    padding: 0.55rem 0.75rem;
    grid-template-columns: 0.65fr 1.35fr;
    align-items: center;
    border-bottom: 0;
  }

  body.homepage .convergence-section .hud-product-node:last-child{ border-bottom: 1px solid rgba(216, 236, 209, 0.36); }
  body.homepage .convergence-section .hud-product-node b{ font-size: clamp(0.86rem, 3.8vw, 1rem); }
  body.homepage .convergence-section .hud-product-node p{ font-size: clamp(0.72rem, 3.2vw, 0.8rem); }
  body.homepage .convergence-section .hud-product-node span{ grid-column: 2; font-size: clamp(0.48rem, 2.15vw, 0.54rem); }
}

@media (max-width: 62.5rem) and (max-height: 43rem){
  body.homepage .convergence-section .chapter-products{
    padding-top: 0.7rem;
  }

  body.homepage .convergence-section .hud-product-copy > p{
    margin-bottom: 0.4rem;
  }

  body.homepage .convergence-section .hud-product-copy h2{
    font-size: clamp(1.7rem, 7.8vw, 2.2rem);
  }

  body.homepage .convergence-section .hud-product-copy > small{
    margin-top: 0.55rem;
    font-size: clamp(0.72rem, 3vw, 0.82rem);
  }

  body.homepage .convergence-section .hud-product-actions{
    margin-top: 0.55rem;
  }

  body.homepage .convergence-section .hud-product-actions a{
    min-height: 2.5rem;
  }

  body.homepage .convergence-section .hud-product-node{
    min-height: 3.1rem;
  }
}

@media (max-width: 62.5rem) and (min-height: 43.01rem){
  body.homepage .convergence-section .chapter-products{
    padding-top: clamp(1.25rem, 3.4vh, 2rem);
  }

  body.homepage .convergence-section .hud-product-copy > p{
    margin-bottom: 0.8rem;
  }

  body.homepage .convergence-section .hud-product-copy h2{
    line-height: 0.91;
  }

  body.homepage .convergence-section .hud-product-copy > small{
    margin-top: 1rem;
    line-height: 1.45;
  }

  body.homepage .convergence-section .hud-product-actions{
    margin-top: 1rem;
  }
}

@media (prefers-reduced-motion: reduce){
  body.homepage .convergence-section .audience-hud-ring-outer{
    animation: none;
  }

  body.homepage .convergence-section .hud-product-node i,body.homepage .convergence-section .hud-product-mobile-route::after{
    animation: none;
  }
}

/* Homepage company model */

@font-face{font-family:NewBlack;src:url('/assets/brand/fonts/NewBlackTypeface-Regular.ttf')}@font-face{font-family:NewBlack;src:url('/assets/brand/fonts/NewBlackTypeface-Medium.ttf');font-weight:600}@font-face{font-family:Acumin;src:url('/assets/brand/fonts/Acumin Variable Concept.ttf')}
body.homepage .about-alchemy{--navy:#002c4d;--deep:#051d43;--ink:#012145;--mid:#3376b0;--sky:#52b4d4;--yellow:#e7ff00;--mint:#d8ecd1;--soft:#eef8ea;--dark-line:rgba(1,33,69,.19);--light-line:rgba(216,236,209,.22);--ease:cubic-bezier(.22,1,.36,1)}
body.homepage .about-alchemy *{box-sizing:border-box}html:has(body.homepage .about-alchemy){background:var(--deep)}body.homepage .about-alchemy{margin:0;font-family:Acumin,Arial,sans-serif;color:var(--ink);overflow-x:hidden}body.homepage .about-alchemy a{color:inherit;text-decoration:none}body.homepage .about-alchemy button{font:inherit}body.homepage .about-alchemy .capability-ribbon{height:54px;display:flex;align-items:center;color:var(--ink);background:var(--yellow);border-bottom:1px solid rgba(1,33,69,.2);overflow:hidden;transform:rotate(-.55deg) scale(1.01);transform-origin:center}body.homepage .about-alchemy .ribbon-track{width:max-content;display:flex;align-items:center;gap:25px;animation:marquee 28s linear infinite;white-space:nowrap}body.homepage .about-alchemy .ribbon-track span{font:20px NewBlack;letter-spacing:-.01em}body.homepage .about-alchemy .ribbon-track i{font-style:normal}body.homepage .about-alchemy .ribbon-track.reverse{animation-direction:reverse}body.homepage .about-alchemy .ribbon-blue{color:var(--mint);background:var(--mid)}body.homepage .about-alchemy .ribbon-mint{background:var(--mint)}body.homepage .about-alchemy .section-shell{position:relative;width:calc(100% - 52px);max-width:1540px;min-height:calc(100vh - 170px);margin:22px auto 0;border:1px solid var(--dark-line);overflow:hidden}body.homepage .about-alchemy .section-intro,body.homepage .about-alchemy .alchemy-header{height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dark-line)}body.homepage .about-alchemy .section-label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.16em}body.homepage .about-alchemy .section-label img{width:24px;height:24px}body.homepage .about-alchemy .section-intro>p,body.homepage .about-alchemy .alchemy-header>p{margin:0;color:rgba(1,33,69,.54);font-size:10px;letter-spacing:.08em}body.homepage .about-alchemy .engine-shell{background:rgba(238,248,234,.74)}body.homepage .about-alchemy .engine-heading{min-height:215px;padding:28px 4vw;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;border-bottom:1px solid var(--dark-line)}body.homepage .about-alchemy .engine-heading h1{margin:0;font:400 clamp(58px,7.6vw,120px)/.76 NewBlack;letter-spacing:-.055em}body.homepage .about-alchemy .engine-heading h1 span{color:var(--mid)}body.homepage .about-alchemy .engine-heading p{max-width:500px;margin:0 0 10px;color:rgba(1,33,69,.66);font-size:15px;line-height:1.45}body.homepage .about-alchemy .engine-grid{position:relative;min-height:390px;display:grid;grid-template-columns:1fr 150px 1fr;border-bottom:1px solid var(--dark-line)}body.homepage .about-alchemy .engine{position:relative;z-index:3;padding:34px 4vw 38px;text-align:left;color:var(--ink);background:transparent;border:0;cursor:pointer;transition:background .45s var(--ease),color .45s var(--ease)}body.homepage .about-alchemy .engine-products{border-right:1px solid var(--dark-line)}body.homepage .about-alchemy .engine-systems{grid-column:3;border-left:1px solid var(--dark-line)}body.homepage .about-alchemy .engine:hover,body.homepage .about-alchemy .engine.is-active{color:var(--mint);background:linear-gradient(130deg,var(--navy),var(--mid))}body.homepage .about-alchemy .engine-number{position:absolute;right:28px;top:24px;color:rgba(1,33,69,.25);font:72px NewBlack}body.homepage .about-alchemy .engine:hover .engine-number,body.homepage .about-alchemy .engine.is-active .engine-number{color:rgba(216,236,209,.15)}body.homepage .about-alchemy .engine small{color:var(--mid);font-size:9px;letter-spacing:.18em}body.homepage .about-alchemy .engine:hover small,body.homepage .about-alchemy .engine.is-active small{color:var(--yellow)}body.homepage .about-alchemy .engine strong{display:block;margin:36px 0 16px;font:400 clamp(32px,3vw,48px)/.92 NewBlack;letter-spacing:-.035em}body.homepage .about-alchemy .engine p{max-width:420px;margin:0;color:inherit;opacity:.66;font-size:13px;line-height:1.5}body.homepage .about-alchemy .engine-action{position:absolute;left:4vw;bottom:30px;display:flex;gap:28px;font-size:8px;letter-spacing:.12em}body.homepage .about-alchemy .engine-action i{font-style:normal}body.homepage .about-alchemy .engine-core{position:absolute;z-index:8;left:50%;top:50%;width:112px;height:112px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--ink);box-shadow:0 0 0 10px rgba(82,180,212,.23),0 18px 45px rgba(1,33,69,.28)}body.homepage .about-alchemy .engine-core img{width:50px;animation:coreGlow 4.8s ease-in-out infinite}body.homepage .about-alchemy .engine-core b{position:absolute;top:122px;color:var(--ink);font-size:7px;line-height:1.35;letter-spacing:.16em;text-align:center}body.homepage .about-alchemy .engine-orbit{position:absolute;border:1px dashed rgba(231,255,0,.45);border-radius:50%;animation:spin 14s linear infinite}body.homepage .about-alchemy .orbit-a{inset:-19px}body.homepage .about-alchemy .orbit-b{inset:-9px;animation-duration:9s;animation-direction:reverse}body.homepage .about-alchemy .engine-orbit:after{content:"";position:absolute;left:-3px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 11px var(--yellow)}body.homepage .about-alchemy .engine-routes{position:absolute;z-index:2;inset:0;width:100%;height:100%;fill:none;stroke:rgba(51,118,176,.38);stroke-width:1.2}body.homepage .about-alchemy .engine-pulse{display:none;fill:var(--yellow);stroke:rgba(231,255,0,.25);stroke-width:10}body.homepage .about-alchemy .engine-shell[data-engine="products"] .pulse-left,body.homepage .about-alchemy .engine-shell[data-engine="systems"] .pulse-right{display:block}body.homepage .about-alchemy .engine-output{min-height:58px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);background:var(--soft);border-bottom:1px solid var(--dark-line)}body.homepage .about-alchemy .engine-output>span{padding:0 20px;display:flex;align-items:center;gap:9px;border-right:1px solid var(--dark-line)}body.homepage .about-alchemy .engine-output .output-title{color:rgba(1,33,69,.44);font-size:8px;letter-spacing:.16em}body.homepage .about-alchemy .engine-output b{font-size:10px;letter-spacing:.09em}body.homepage .about-alchemy .engine-output em{margin-left:auto;color:var(--mid);font-size:7px;font-style:normal;letter-spacing:.08em}body.homepage .about-alchemy .engine-output i{width:6px;height:6px;border-radius:50%;background:var(--sky)}body.homepage .about-alchemy .engine-output .live-dot{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}body.homepage .about-alchemy .engine-output .outline-dot{background:transparent;border:1px solid var(--ink)}body.homepage .about-alchemy .systems-output{grid-template-columns:1.2fr repeat(4,1fr);display:none}body.homepage .about-alchemy .engine-shell[data-engine="systems"] .products-output{display:none}body.homepage .about-alchemy .engine-shell[data-engine="systems"] .systems-output{display:grid}
body.homepage .about-alchemy{color:var(--mint);background:linear-gradient(118deg,var(--deep),var(--navy) 43%,var(--mid) 72%,var(--sky))}body.homepage .about-alchemy .alchemy-shell{border-color:var(--light-line);background:rgba(5,29,67,.13)}body.homepage .about-alchemy .alchemy-header{border-color:var(--light-line)}body.homepage .about-alchemy .light-label img{filter:none}body.homepage .about-alchemy .alchemy-header>p{color:rgba(216,236,209,.54)}body.homepage .about-alchemy .alchemy-title{height:185px;padding:28px 3vw;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;border-bottom:1px solid var(--light-line)}body.homepage .about-alchemy .alchemy-title h2{margin:0;font:400 clamp(52px,6.6vw,106px)/.82 NewBlack;letter-spacing:-.055em;white-space:nowrap}body.homepage .about-alchemy .alchemy-title h2 i{color:var(--yellow);font:300 .45em Acumin;font-style:normal}body.homepage .about-alchemy .alchemy-title p{margin:0 0 8px;color:rgba(216,236,209,.68);font-size:13px;line-height:1.5}body.homepage .about-alchemy .alchemy-fields{height:420px;display:grid;grid-template-columns:1.7fr .65fr .65fr;transition:grid-template-columns .7s var(--ease)}body.homepage .about-alchemy .alchemy-shell[data-field="aura"] .alchemy-fields{grid-template-columns:.65fr 1.7fr .65fr}body.homepage .about-alchemy .alchemy-shell[data-field="labs"] .alchemy-fields{grid-template-columns:.65fr .65fr 1.7fr}body.homepage .about-alchemy .alchemy-field{position:relative;padding:24px 2.5vw;text-align:left;color:var(--mint);background:rgba(5,29,67,.15);border:0;border-right:1px solid var(--light-line);overflow:hidden;cursor:pointer;transition:background .45s}body.homepage .about-alchemy .alchemy-field:hover,body.homepage .about-alchemy .alchemy-field.is-active{background:rgba(5,29,67,.52)}body.homepage .about-alchemy .field-letter{position:absolute;right:16px;top:4px;color:rgba(216,236,209,.08);font:270px/1 NewBlack}body.homepage .about-alchemy .alchemy-field small{position:relative;color:var(--yellow);font-size:8px;letter-spacing:.17em}body.homepage .about-alchemy .field-copy{position:absolute;left:2.5vw;right:2.5vw;bottom:40px;min-width:270px;opacity:0;transform:translateY(20px);transition:.5s var(--ease)}body.homepage .about-alchemy .alchemy-field.is-active .field-copy{opacity:1;transform:none}body.homepage .about-alchemy .field-copy strong{font:400 clamp(36px,3.6vw,58px)/.88 NewBlack;letter-spacing:-.035em}body.homepage .about-alchemy .field-copy p{max-width:380px;margin:15px 0;color:rgba(216,236,209,.67);font-size:12px;line-height:1.45}body.homepage .about-alchemy .field-copy em{color:var(--yellow);font-size:7px;font-style:normal;letter-spacing:.17em}body.homepage .about-alchemy .field-signal{position:absolute;top:50%;right:0;width:70%;height:1px;background:linear-gradient(90deg,transparent,var(--sky));opacity:.25}body.homepage .about-alchemy .alchemy-field.is-active .field-signal:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 14px var(--yellow);animation:signalTravel 2.7s var(--ease) infinite}body.homepage .about-alchemy .alchemy-result{position:absolute;z-index:9;right:2.5vw;bottom:27px;width:270px;padding:16px 18px 16px 70px;color:var(--ink);background:var(--yellow)}body.homepage .about-alchemy .alchemy-result>span{font-size:7px;letter-spacing:.14em}body.homepage .about-alchemy .alchemy-result strong{display:block;margin:2px 0;font:18px NewBlack}body.homepage .about-alchemy .alchemy-result p{margin:0;font-size:8px;line-height:1.3}body.homepage .about-alchemy .result-mark{position:absolute;left:11px;top:50%;width:48px;height:48px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;background:var(--ink)}body.homepage .about-alchemy .result-mark img{width:26px;animation:coreGlow 4.8s ease-in-out infinite}body.homepage .about-alchemy .result-mark span{position:absolute;inset:-6px;border:1px dashed var(--mid);border-radius:50%;animation:spin 10s linear infinite}body.homepage .about-alchemy .light-caption{color:rgba(216,236,209,.5)}body.homepage .about-alchemy .light-caption b{color:var(--yellow)}body.homepage .about-alchemy .index-shell{display:grid;grid-template-columns:42% 58%;grid-template-rows:235px 1fr;background:rgba(238,248,234,.75)}body.homepage .about-alchemy .index-header{grid-column:1/-1;padding:25px 3vw;display:grid;grid-template-columns:42% 1fr 34%;align-items:end;border-bottom:1px solid var(--dark-line)}body.homepage .about-alchemy .index-header h1{margin:0;font:400 clamp(58px,6.7vw,106px)/.76 NewBlack;letter-spacing:-.05em}body.homepage .about-alchemy .index-header h1 span{color:var(--mid)}body.homepage .about-alchemy .index-header>p{margin:0 0 5px;color:rgba(1,33,69,.64);font-size:13px;line-height:1.45}body.homepage .about-alchemy .capability-index{border-right:1px solid var(--dark-line)}body.homepage .about-alchemy .capability-row{width:100%;min-height:78px;padding:0 22px;display:grid;grid-template-columns:45px 1fr 1.1fr 30px;align-items:center;text-align:left;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--dark-line);cursor:pointer;transition:.3s}body.homepage .about-alchemy .capability-row span{color:var(--mid);font-size:9px}body.homepage .about-alchemy .capability-row b{font:18px NewBlack}body.homepage .about-alchemy .capability-row small{color:rgba(1,33,69,.55);font-size:10px}body.homepage .about-alchemy .capability-row i{font-style:normal;font-size:18px;transition:transform .3s}body.homepage .about-alchemy .capability-row:hover,body.homepage .about-alchemy .capability-row.is-active{color:var(--mint);background:var(--ink)}body.homepage .about-alchemy .capability-row:hover span,body.homepage .about-alchemy .capability-row.is-active span{color:var(--yellow)}body.homepage .about-alchemy .capability-row:hover small,body.homepage .about-alchemy .capability-row.is-active small{color:rgba(216,236,209,.58)}body.homepage .about-alchemy .capability-row:hover i,body.homepage .about-alchemy .capability-row.is-active i{transform:translate(3px,-3px)}body.homepage .about-alchemy .signal-stage{position:relative;min-height:468px;padding:22px;background:linear-gradient(130deg,var(--navy),var(--mid) 64%,var(--sky));overflow:hidden}body.homepage .about-alchemy .signal-meta{display:flex;justify-content:space-between;color:rgba(216,236,209,.5);font-size:7px;letter-spacing:.16em}body.homepage .about-alchemy .signal-meta b{color:var(--yellow);font-weight:400}body.homepage .about-alchemy .signal-visual{position:absolute;left:5%;right:5%;top:10%;height:62%}body.homepage .about-alchemy .signal-visual svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}body.homepage .about-alchemy .sig-line{fill:none;stroke:rgba(216,236,209,.28);stroke-width:1}body.homepage .about-alchemy .sig-pulse{fill:var(--yellow);stroke:rgba(231,255,0,.24);stroke-width:10}body.homepage .about-alchemy .signal-visual>img{position:absolute;z-index:3;left:50%;top:50%;width:62px;height:62px;padding:14px;transform:translate(-50%,-50%);border-radius:50%;background:var(--ink);animation:coreGlow 4.8s ease-in-out infinite}body.homepage .about-alchemy .visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(216,236,209,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.06) 1px,transparent 1px);background-size:30px 30px}body.homepage .about-alchemy .visual-ring{position:absolute;left:50%;top:50%;border:1px dashed rgba(231,255,0,.3);border-radius:50%;transform:translate(-50%,-50%);animation:spinCentered 14s linear infinite}body.homepage .about-alchemy .ring-one{width:120px;height:120px}body.homepage .about-alchemy .ring-two{width:165px;height:165px;animation-direction:reverse;animation-duration:20s}body.homepage .about-alchemy .visual-ring:after{content:"";position:absolute;left:-3px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow)}body.homepage .about-alchemy .visual-node{position:absolute;padding:7px 9px;color:var(--mint);background:rgba(5,29,67,.78);border:1px solid rgba(216,236,209,.2);font-size:7px;letter-spacing:.13em}body.homepage .about-alchemy .node-a{left:3%;top:15%}body.homepage .about-alchemy .node-b{right:3%;top:15%}body.homepage .about-alchemy .node-c{right:3%;bottom:10%}body.homepage .about-alchemy .signal-copy{position:absolute;z-index:5;left:22px;right:22px;bottom:18px;padding-top:15px;display:grid;grid-template-columns:130px 1fr 1fr auto;gap:15px;align-items:end;border-top:1px solid rgba(216,236,209,.22);color:var(--mint)}body.homepage .about-alchemy .signal-copy small{color:var(--yellow);font-size:7px;letter-spacing:.15em}body.homepage .about-alchemy .signal-copy strong{font:22px/ .95 NewBlack}body.homepage .about-alchemy .signal-copy p{margin:0;color:rgba(216,236,209,.62);font-size:9px;line-height:1.35}body.homepage .about-alchemy .signal-copy a{padding:12px 14px;display:flex;gap:20px;color:var(--ink);background:var(--yellow);font-size:7px;letter-spacing:.1em;text-transform:uppercase}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinCentered{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes coreGlow{0%,100%{opacity:.82;filter:drop-shadow(0 0 3px rgba(231,255,0,.3)) drop-shadow(0 0 8px rgba(231,255,0,.18))}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(231,255,0,.8)) drop-shadow(0 0 22px rgba(231,255,0,.55))}}@keyframes signalTravel{0%{right:100%;opacity:0}20%,80%{opacity:1}100%{right:0;opacity:0}}
@media(max-width:1100px){body.homepage .about-alchemy .engine-heading{grid-template-columns:1fr}body.homepage .about-alchemy .engine-heading p{display:none}body.homepage .about-alchemy .alchemy-title{grid-template-columns:1fr}body.homepage .about-alchemy .alchemy-title p{display:none}body.homepage .about-alchemy .index-shell{grid-template-columns:46% 54%}body.homepage .about-alchemy .index-header{grid-template-columns:38% 1fr}body.homepage .about-alchemy .index-header>p{display:none}body.homepage .about-alchemy .capability-row{grid-template-columns:35px 1fr 28px}body.homepage .about-alchemy .capability-row small{display:none}body.homepage .about-alchemy .signal-copy{grid-template-columns:100px 1fr auto}body.homepage .about-alchemy .signal-copy p{display:none}}
@media(max-width:760px){body.homepage .about-alchemy .capability-ribbon{height:42px}body.homepage .about-alchemy .ribbon-track span{font-size:14px}body.homepage .about-alchemy .section-shell{width:calc(100% - 20px);margin-top:10px}body.homepage .about-alchemy .section-intro,body.homepage .about-alchemy .alchemy-header{height:55px}body.homepage .about-alchemy .engine-heading{min-height:190px;padding:25px 20px}body.homepage .about-alchemy .engine-heading h1{font-size:54px}body.homepage .about-alchemy .engine-grid{display:block}body.homepage .about-alchemy .engine{width:100%;min-height:300px;padding:28px 24px}body.homepage .about-alchemy .engine-products,body.homepage .about-alchemy .engine-systems{border:0;border-bottom:1px solid var(--dark-line)}body.homepage .about-alchemy .engine-core{top:50%;left:82%}body.homepage .about-alchemy .engine-routes{display:none}body.homepage .about-alchemy .engine-output{grid-template-columns:1fr}body.homepage .about-alchemy .engine-output>span{min-height:48px;border-bottom:1px solid var(--dark-line)}body.homepage .about-alchemy .systems-output{grid-template-columns:1fr}body.homepage .about-alchemy .alchemy-title{height:165px;padding:25px 20px}body.homepage .about-alchemy .alchemy-title h2{font-size:45px;white-space:normal}body.homepage .about-alchemy .alchemy-fields,body.homepage .about-alchemy .alchemy-shell[data-field="aura"] .alchemy-fields,body.homepage .about-alchemy .alchemy-shell[data-field="labs"] .alchemy-fields{height:auto;display:block}body.homepage .about-alchemy .alchemy-field{width:100%;height:150px;border-bottom:1px solid var(--light-line)}body.homepage .about-alchemy .alchemy-field.is-active{height:340px}body.homepage .about-alchemy .field-letter{font-size:145px}body.homepage .about-alchemy .field-copy{left:24px;right:24px}body.homepage .about-alchemy .alchemy-result{position:relative;right:auto;bottom:auto;width:100%}body.homepage .about-alchemy .index-shell{display:block}body.homepage .about-alchemy .index-header{min-height:270px;padding:24px 20px;display:block}body.homepage .about-alchemy .index-header h1{margin-top:28px;font-size:58px}body.homepage .about-alchemy .capability-index{border-right:0}body.homepage .about-alchemy .capability-row{min-height:68px}body.homepage .about-alchemy .signal-stage{min-height:610px}body.homepage .about-alchemy .signal-visual{top:10%;height:48%}body.homepage .about-alchemy .signal-copy{grid-template-columns:1fr;gap:8px}body.homepage .about-alchemy .signal-copy strong{font-size:26px}body.homepage .about-alchemy .signal-copy a{width:max-content}}
@media(prefers-reduced-motion:reduce){body.homepage .about-alchemy *,body.homepage .about-alchemy *:before,body.homepage .about-alchemy *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
body.homepage .about-alchemy .alchemy-field:hover,body.homepage .about-alchemy .alchemy-field.is-active{background:rgba(5,29,67,.7)}
body.homepage .about-alchemy .alchemy-field.is-active .field-copy{z-index:3;opacity:1;transform:none}
body.homepage .about-alchemy .index-header{grid-template-columns:26% 44% 30%}
@media(max-width:1100px){body.homepage .about-alchemy .index-header{grid-template-columns:30% 1fr}}
@media(max-width:760px){body.homepage .about-alchemy .index-header{display:block}}
@media(max-width:760px){body.homepage .about-alchemy .alchemy-field .field-copy{transition:none}body.homepage .about-alchemy .alchemy-field:not(.is-active) .field-copy{display:none}}


body.homepage .about-alchemy{
  --brand-gradient-cyan:#3aa0b7;
  --brand-gradient-navy:#002c4d;
  --brand-gradient-deep:#051d43;
  --brand-gradient-ink:#012145;
  --brand-gradient:url('/assets/brand/fictora-gradient.svg');
}
body.homepage .about-alchemy{background:var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat}


body.homepage .about-alchemy .alchemy-result{
  width:clamp(360px,30vw,470px);
  min-height:106px;
  padding:20px 24px 20px 104px;
}
body.homepage .about-alchemy .alchemy-result>span{font-size:9px;font-weight:600;letter-spacing:.16em}
body.homepage .about-alchemy .alchemy-result strong{margin:5px 0 4px;font-size:clamp(23px,1.65vw,29px);line-height:1}
body.homepage .about-alchemy .alchemy-result p{max-width:310px;font-size:11px;line-height:1.42}
body.homepage .about-alchemy .alchemy-result .result-mark{left:18px;width:68px;height:68px}
body.homepage .about-alchemy .alchemy-result .result-mark img{width:36px}
body.homepage .about-alchemy .alchemy-result .result-mark span{inset:-7px}

@media(max-width:760px){
  body.homepage .about-alchemy .alchemy-result{width:100%;min-height:126px;padding:22px 20px 22px 104px}
  body.homepage .about-alchemy .alchemy-result strong{font-size:24px}
  body.homepage .about-alchemy .alchemy-result p{font-size:11px}
}

@font-face{font-family:NewBlack;src:url('/assets/brand/fonts/NewBlackTypeface-Regular.ttf')}@font-face{font-family:NewBlack;src:url('/assets/brand/fonts/NewBlackTypeface-Medium.ttf');font-weight:600}@font-face{font-family:Acumin;src:url('/assets/brand/fonts/Acumin Variable Concept.ttf')}
body.fictora-about .about-alchemy{--navy:#002c4d;--deep:#051d43;--ink:#012145;--mid:#3376b0;--sky:#52b4d4;--yellow:#e7ff00;--mint:#d8ecd1;--soft:#eef8ea;--dark-line:rgba(1,33,69,.19);--light-line:rgba(216,236,209,.22);--ease:cubic-bezier(.22,1,.36,1)}
body.fictora-about .about-alchemy *{box-sizing:border-box}html:has(body.fictora-about .about-alchemy){background:var(--deep)}body.fictora-about .about-alchemy{margin:0;font-family:Acumin,Arial,sans-serif;color:var(--ink);overflow-x:hidden}body.fictora-about .about-alchemy a{color:inherit;text-decoration:none}body.fictora-about .about-alchemy button{font:inherit}body.fictora-about .about-alchemy .capability-ribbon{height:54px;display:flex;align-items:center;color:var(--ink);background:var(--yellow);border-bottom:1px solid rgba(1,33,69,.2);overflow:hidden;transform:rotate(-.55deg) scale(1.01);transform-origin:center}body.fictora-about .about-alchemy .ribbon-track{width:max-content;display:flex;align-items:center;gap:25px;animation:marquee 28s linear infinite;white-space:nowrap}body.fictora-about .about-alchemy .ribbon-track span{font:20px NewBlack;letter-spacing:-.01em}body.fictora-about .about-alchemy .ribbon-track i{font-style:normal}body.fictora-about .about-alchemy .ribbon-track.reverse{animation-direction:reverse}body.fictora-about .about-alchemy .ribbon-blue{color:var(--mint);background:var(--mid)}body.fictora-about .about-alchemy .ribbon-mint{background:var(--mint)}body.fictora-about .about-alchemy .section-shell{position:relative;width:calc(100% - 52px);max-width:1540px;min-height:calc(100vh - 170px);margin:22px auto 0;border:1px solid var(--dark-line);overflow:hidden}body.fictora-about .about-alchemy .section-intro,body.fictora-about .about-alchemy .alchemy-header{height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dark-line)}body.fictora-about .about-alchemy .section-label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.16em}body.fictora-about .about-alchemy .section-label img{width:24px;height:24px}body.fictora-about .about-alchemy .section-intro>p,body.fictora-about .about-alchemy .alchemy-header>p{margin:0;color:rgba(1,33,69,.54);font-size:10px;letter-spacing:.08em}body.fictora-about .about-alchemy .engine-shell{background:rgba(238,248,234,.74)}body.fictora-about .about-alchemy .engine-heading{min-height:215px;padding:28px 4vw;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;border-bottom:1px solid var(--dark-line)}body.fictora-about .about-alchemy .engine-heading h1{margin:0;font:400 clamp(58px,7.6vw,120px)/.76 NewBlack;letter-spacing:-.055em}body.fictora-about .about-alchemy .engine-heading h1 span{color:var(--mid)}body.fictora-about .about-alchemy .engine-heading p{max-width:500px;margin:0 0 10px;color:rgba(1,33,69,.66);font-size:15px;line-height:1.45}body.fictora-about .about-alchemy .engine-grid{position:relative;min-height:390px;display:grid;grid-template-columns:1fr 150px 1fr;border-bottom:1px solid var(--dark-line)}body.fictora-about .about-alchemy .engine{position:relative;z-index:3;padding:34px 4vw 38px;text-align:left;color:var(--ink);background:transparent;border:0;cursor:pointer;transition:background .45s var(--ease),color .45s var(--ease)}body.fictora-about .about-alchemy .engine-products{border-right:1px solid var(--dark-line)}body.fictora-about .about-alchemy .engine-systems{grid-column:3;border-left:1px solid var(--dark-line)}body.fictora-about .about-alchemy .engine:hover,body.fictora-about .about-alchemy .engine.is-active{color:var(--mint);background:linear-gradient(130deg,var(--navy),var(--mid))}body.fictora-about .about-alchemy .engine-number{position:absolute;right:28px;top:24px;color:rgba(1,33,69,.25);font:72px NewBlack}body.fictora-about .about-alchemy .engine:hover .engine-number,body.fictora-about .about-alchemy .engine.is-active .engine-number{color:rgba(216,236,209,.15)}body.fictora-about .about-alchemy .engine small{color:var(--mid);font-size:9px;letter-spacing:.18em}body.fictora-about .about-alchemy .engine:hover small,body.fictora-about .about-alchemy .engine.is-active small{color:var(--yellow)}body.fictora-about .about-alchemy .engine strong{display:block;margin:36px 0 16px;font:400 clamp(32px,3vw,48px)/.92 NewBlack;letter-spacing:-.035em}body.fictora-about .about-alchemy .engine p{max-width:420px;margin:0;color:inherit;opacity:.66;font-size:13px;line-height:1.5}body.fictora-about .about-alchemy .engine-action{position:absolute;left:4vw;bottom:30px;display:flex;gap:28px;font-size:8px;letter-spacing:.12em}body.fictora-about .about-alchemy .engine-action i{font-style:normal}body.fictora-about .about-alchemy .engine-core{position:absolute;z-index:8;left:50%;top:50%;width:112px;height:112px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--ink);box-shadow:0 0 0 10px rgba(82,180,212,.23),0 18px 45px rgba(1,33,69,.28)}body.fictora-about .about-alchemy .engine-core img{width:50px;animation:coreGlow 4.8s ease-in-out infinite}body.fictora-about .about-alchemy .engine-core b{position:absolute;top:122px;color:var(--ink);font-size:7px;line-height:1.35;letter-spacing:.16em;text-align:center}body.fictora-about .about-alchemy .engine-orbit{position:absolute;border:1px dashed rgba(231,255,0,.45);border-radius:50%;animation:spin 14s linear infinite}body.fictora-about .about-alchemy .orbit-a{inset:-19px}body.fictora-about .about-alchemy .orbit-b{inset:-9px;animation-duration:9s;animation-direction:reverse}body.fictora-about .about-alchemy .engine-orbit:after{content:"";position:absolute;left:-3px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 11px var(--yellow)}body.fictora-about .about-alchemy .engine-routes{position:absolute;z-index:2;inset:0;width:100%;height:100%;fill:none;stroke:rgba(51,118,176,.38);stroke-width:1.2}body.fictora-about .about-alchemy .engine-pulse{display:none;fill:var(--yellow);stroke:rgba(231,255,0,.25);stroke-width:10}body.fictora-about .about-alchemy .engine-shell[data-engine="products"] .pulse-left,body.fictora-about .about-alchemy .engine-shell[data-engine="systems"] .pulse-right{display:block}body.fictora-about .about-alchemy .engine-output{min-height:58px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);background:var(--soft);border-bottom:1px solid var(--dark-line)}body.fictora-about .about-alchemy .engine-output>span{padding:0 20px;display:flex;align-items:center;gap:9px;border-right:1px solid var(--dark-line)}body.fictora-about .about-alchemy .engine-output .output-title{color:rgba(1,33,69,.44);font-size:8px;letter-spacing:.16em}body.fictora-about .about-alchemy .engine-output b{font-size:10px;letter-spacing:.09em}body.fictora-about .about-alchemy .engine-output em{margin-left:auto;color:var(--mid);font-size:7px;font-style:normal;letter-spacing:.08em}body.fictora-about .about-alchemy .engine-output i{width:6px;height:6px;border-radius:50%;background:var(--sky)}body.fictora-about .about-alchemy .engine-output .live-dot{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}body.fictora-about .about-alchemy .engine-output .outline-dot{background:transparent;border:1px solid var(--ink)}body.fictora-about .about-alchemy .systems-output{grid-template-columns:1.2fr repeat(4,1fr);display:none}body.fictora-about .about-alchemy .engine-shell[data-engine="systems"] .products-output{display:none}body.fictora-about .about-alchemy .engine-shell[data-engine="systems"] .systems-output{display:grid}
body.fictora-about .about-alchemy{color:var(--mint);background:linear-gradient(118deg,var(--deep),var(--navy) 43%,var(--mid) 72%,var(--sky))}body.fictora-about .about-alchemy .alchemy-shell{border-color:var(--light-line);background:rgba(5,29,67,.13)}body.fictora-about .about-alchemy .alchemy-header{border-color:var(--light-line)}body.fictora-about .about-alchemy .light-label img{filter:none}body.fictora-about .about-alchemy .alchemy-header>p{color:rgba(216,236,209,.54)}body.fictora-about .about-alchemy .alchemy-title{height:185px;padding:28px 3vw;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;border-bottom:1px solid var(--light-line)}body.fictora-about .about-alchemy .alchemy-title h2{margin:0;font:400 clamp(52px,6.6vw,106px)/.82 NewBlack;letter-spacing:-.055em;white-space:nowrap}body.fictora-about .about-alchemy .alchemy-title h2 i{color:var(--yellow);font:300 .45em Acumin;font-style:normal}body.fictora-about .about-alchemy .alchemy-title p{margin:0 0 8px;color:rgba(216,236,209,.68);font-size:13px;line-height:1.5}body.fictora-about .about-alchemy .alchemy-fields{height:420px;display:grid;grid-template-columns:1.7fr .65fr .65fr;transition:grid-template-columns .7s var(--ease)}body.fictora-about .about-alchemy .alchemy-shell[data-field="aura"] .alchemy-fields{grid-template-columns:.65fr 1.7fr .65fr}body.fictora-about .about-alchemy .alchemy-shell[data-field="labs"] .alchemy-fields{grid-template-columns:.65fr .65fr 1.7fr}body.fictora-about .about-alchemy .alchemy-field{position:relative;padding:24px 2.5vw;text-align:left;color:var(--mint);background:rgba(5,29,67,.15);border:0;border-right:1px solid var(--light-line);overflow:hidden;cursor:pointer;transition:background .45s}body.fictora-about .about-alchemy .alchemy-field:hover,body.fictora-about .about-alchemy .alchemy-field.is-active{background:rgba(5,29,67,.52)}body.fictora-about .about-alchemy .field-letter{position:absolute;right:16px;top:4px;color:rgba(216,236,209,.08);font:270px/1 NewBlack}body.fictora-about .about-alchemy .alchemy-field small{position:relative;color:var(--yellow);font-size:8px;letter-spacing:.17em}body.fictora-about .about-alchemy .field-copy{position:absolute;left:2.5vw;right:2.5vw;bottom:40px;min-width:270px;opacity:0;transform:translateY(20px);transition:.5s var(--ease)}body.fictora-about .about-alchemy .alchemy-field.is-active .field-copy{opacity:1;transform:none}body.fictora-about .about-alchemy .field-copy strong{font:400 clamp(36px,3.6vw,58px)/.88 NewBlack;letter-spacing:-.035em}body.fictora-about .about-alchemy .field-copy p{max-width:380px;margin:15px 0;color:rgba(216,236,209,.67);font-size:12px;line-height:1.45}body.fictora-about .about-alchemy .field-copy em{color:var(--yellow);font-size:7px;font-style:normal;letter-spacing:.17em}body.fictora-about .about-alchemy .field-signal{position:absolute;top:50%;right:0;width:70%;height:1px;background:linear-gradient(90deg,transparent,var(--sky));opacity:.25}body.fictora-about .about-alchemy .alchemy-field.is-active .field-signal:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 14px var(--yellow);animation:signalTravel 2.7s var(--ease) infinite}body.fictora-about .about-alchemy .alchemy-result{position:absolute;z-index:9;right:2.5vw;bottom:27px;width:270px;padding:16px 18px 16px 70px;color:var(--ink);background:var(--yellow)}body.fictora-about .about-alchemy .alchemy-result>span{font-size:7px;letter-spacing:.14em}body.fictora-about .about-alchemy .alchemy-result strong{display:block;margin:2px 0;font:18px NewBlack}body.fictora-about .about-alchemy .alchemy-result p{margin:0;font-size:8px;line-height:1.3}body.fictora-about .about-alchemy .result-mark{position:absolute;left:11px;top:50%;width:48px;height:48px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;background:var(--ink)}body.fictora-about .about-alchemy .result-mark img{width:26px;animation:coreGlow 4.8s ease-in-out infinite}body.fictora-about .about-alchemy .result-mark span{position:absolute;inset:-6px;border:1px dashed var(--mid);border-radius:50%;animation:spin 10s linear infinite}body.fictora-about .about-alchemy .light-caption{color:rgba(216,236,209,.5)}body.fictora-about .about-alchemy .light-caption b{color:var(--yellow)}body.fictora-about .about-alchemy .index-shell{display:grid;grid-template-columns:42% 58%;grid-template-rows:235px 1fr;background:rgba(238,248,234,.75)}body.fictora-about .about-alchemy .index-header{grid-column:1/-1;padding:25px 3vw;display:grid;grid-template-columns:42% 1fr 34%;align-items:end;border-bottom:1px solid var(--dark-line)}body.fictora-about .about-alchemy .index-header h1{margin:0;font:400 clamp(58px,6.7vw,106px)/.76 NewBlack;letter-spacing:-.05em}body.fictora-about .about-alchemy .index-header h1 span{color:var(--mid)}body.fictora-about .about-alchemy .index-header>p{margin:0 0 5px;color:rgba(1,33,69,.64);font-size:13px;line-height:1.45}body.fictora-about .about-alchemy .capability-index{border-right:1px solid var(--dark-line)}body.fictora-about .about-alchemy .capability-row{width:100%;min-height:78px;padding:0 22px;display:grid;grid-template-columns:45px 1fr 1.1fr 30px;align-items:center;text-align:left;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--dark-line);cursor:pointer;transition:.3s}body.fictora-about .about-alchemy .capability-row span{color:var(--mid);font-size:9px}body.fictora-about .about-alchemy .capability-row b{font:18px NewBlack}body.fictora-about .about-alchemy .capability-row small{color:rgba(1,33,69,.55);font-size:10px}body.fictora-about .about-alchemy .capability-row i{font-style:normal;font-size:18px;transition:transform .3s}body.fictora-about .about-alchemy .capability-row:hover,body.fictora-about .about-alchemy .capability-row.is-active{color:var(--mint);background:var(--ink)}body.fictora-about .about-alchemy .capability-row:hover span,body.fictora-about .about-alchemy .capability-row.is-active span{color:var(--yellow)}body.fictora-about .about-alchemy .capability-row:hover small,body.fictora-about .about-alchemy .capability-row.is-active small{color:rgba(216,236,209,.58)}body.fictora-about .about-alchemy .capability-row:hover i,body.fictora-about .about-alchemy .capability-row.is-active i{transform:translate(3px,-3px)}body.fictora-about .about-alchemy .signal-stage{position:relative;min-height:468px;padding:22px;background:linear-gradient(130deg,var(--navy),var(--mid) 64%,var(--sky));overflow:hidden}body.fictora-about .about-alchemy .signal-meta{display:flex;justify-content:space-between;color:rgba(216,236,209,.5);font-size:7px;letter-spacing:.16em}body.fictora-about .about-alchemy .signal-meta b{color:var(--yellow);font-weight:400}body.fictora-about .about-alchemy .signal-visual{position:absolute;left:5%;right:5%;top:10%;height:62%}body.fictora-about .about-alchemy .signal-visual svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}body.fictora-about .about-alchemy .sig-line{fill:none;stroke:rgba(216,236,209,.28);stroke-width:1}body.fictora-about .about-alchemy .sig-pulse{fill:var(--yellow);stroke:rgba(231,255,0,.24);stroke-width:10}body.fictora-about .about-alchemy .signal-visual>img{position:absolute;z-index:3;left:50%;top:50%;width:62px;height:62px;padding:14px;transform:translate(-50%,-50%);border-radius:50%;background:var(--ink);animation:coreGlow 4.8s ease-in-out infinite}body.fictora-about .about-alchemy .visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(216,236,209,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.06) 1px,transparent 1px);background-size:30px 30px}body.fictora-about .about-alchemy .visual-ring{position:absolute;left:50%;top:50%;border:1px dashed rgba(231,255,0,.3);border-radius:50%;transform:translate(-50%,-50%);animation:spinCentered 14s linear infinite}body.fictora-about .about-alchemy .ring-one{width:120px;height:120px}body.fictora-about .about-alchemy .ring-two{width:165px;height:165px;animation-direction:reverse;animation-duration:20s}body.fictora-about .about-alchemy .visual-ring:after{content:"";position:absolute;left:-3px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow)}body.fictora-about .about-alchemy .visual-node{position:absolute;padding:7px 9px;color:var(--mint);background:rgba(5,29,67,.78);border:1px solid rgba(216,236,209,.2);font-size:7px;letter-spacing:.13em}body.fictora-about .about-alchemy .node-a{left:3%;top:15%}body.fictora-about .about-alchemy .node-b{right:3%;top:15%}body.fictora-about .about-alchemy .node-c{right:3%;bottom:10%}body.fictora-about .about-alchemy .signal-copy{position:absolute;z-index:5;left:22px;right:22px;bottom:18px;padding-top:15px;display:grid;grid-template-columns:130px 1fr 1fr auto;gap:15px;align-items:end;border-top:1px solid rgba(216,236,209,.22);color:var(--mint)}body.fictora-about .about-alchemy .signal-copy small{color:var(--yellow);font-size:7px;letter-spacing:.15em}body.fictora-about .about-alchemy .signal-copy strong{font:22px/ .95 NewBlack}body.fictora-about .about-alchemy .signal-copy p{margin:0;color:rgba(216,236,209,.62);font-size:9px;line-height:1.35}body.fictora-about .about-alchemy .signal-copy a{padding:12px 14px;display:flex;gap:20px;color:var(--ink);background:var(--yellow);font-size:7px;letter-spacing:.1em;text-transform:uppercase}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinCentered{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes coreGlow{0%,100%{opacity:.82;filter:drop-shadow(0 0 3px rgba(231,255,0,.3)) drop-shadow(0 0 8px rgba(231,255,0,.18))}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(231,255,0,.8)) drop-shadow(0 0 22px rgba(231,255,0,.55))}}@keyframes signalTravel{0%{right:100%;opacity:0}20%,80%{opacity:1}100%{right:0;opacity:0}}
@media(max-width:1100px){body.fictora-about .about-alchemy .engine-heading{grid-template-columns:1fr}body.fictora-about .about-alchemy .engine-heading p{display:none}body.fictora-about .about-alchemy .alchemy-title{grid-template-columns:1fr}body.fictora-about .about-alchemy .alchemy-title p{display:none}body.fictora-about .about-alchemy .index-shell{grid-template-columns:46% 54%}body.fictora-about .about-alchemy .index-header{grid-template-columns:38% 1fr}body.fictora-about .about-alchemy .index-header>p{display:none}body.fictora-about .about-alchemy .capability-row{grid-template-columns:35px 1fr 28px}body.fictora-about .about-alchemy .capability-row small{display:none}body.fictora-about .about-alchemy .signal-copy{grid-template-columns:100px 1fr auto}body.fictora-about .about-alchemy .signal-copy p{display:none}}
@media(max-width:760px){body.fictora-about .about-alchemy .capability-ribbon{height:42px}body.fictora-about .about-alchemy .ribbon-track span{font-size:14px}body.fictora-about .about-alchemy .section-shell{width:calc(100% - 20px);margin-top:10px}body.fictora-about .about-alchemy .section-intro,body.fictora-about .about-alchemy .alchemy-header{height:55px}body.fictora-about .about-alchemy .engine-heading{min-height:190px;padding:25px 20px}body.fictora-about .about-alchemy .engine-heading h1{font-size:54px}body.fictora-about .about-alchemy .engine-grid{display:block}body.fictora-about .about-alchemy .engine{width:100%;min-height:300px;padding:28px 24px}body.fictora-about .about-alchemy .engine-products,body.fictora-about .about-alchemy .engine-systems{border:0;border-bottom:1px solid var(--dark-line)}body.fictora-about .about-alchemy .engine-core{top:50%;left:82%}body.fictora-about .about-alchemy .engine-routes{display:none}body.fictora-about .about-alchemy .engine-output{grid-template-columns:1fr}body.fictora-about .about-alchemy .engine-output>span{min-height:48px;border-bottom:1px solid var(--dark-line)}body.fictora-about .about-alchemy .systems-output{grid-template-columns:1fr}body.fictora-about .about-alchemy .alchemy-title{height:165px;padding:25px 20px}body.fictora-about .about-alchemy .alchemy-title h2{font-size:45px;white-space:normal}body.fictora-about .about-alchemy .alchemy-fields,body.fictora-about .about-alchemy .alchemy-shell[data-field="aura"] .alchemy-fields,body.fictora-about .about-alchemy .alchemy-shell[data-field="labs"] .alchemy-fields{height:auto;display:block}body.fictora-about .about-alchemy .alchemy-field{width:100%;height:150px;border-bottom:1px solid var(--light-line)}body.fictora-about .about-alchemy .alchemy-field.is-active{height:340px}body.fictora-about .about-alchemy .field-letter{font-size:145px}body.fictora-about .about-alchemy .field-copy{left:24px;right:24px}body.fictora-about .about-alchemy .alchemy-result{position:relative;right:auto;bottom:auto;width:100%}body.fictora-about .about-alchemy .index-shell{display:block}body.fictora-about .about-alchemy .index-header{min-height:270px;padding:24px 20px;display:block}body.fictora-about .about-alchemy .index-header h1{margin-top:28px;font-size:58px}body.fictora-about .about-alchemy .capability-index{border-right:0}body.fictora-about .about-alchemy .capability-row{min-height:68px}body.fictora-about .about-alchemy .signal-stage{min-height:610px}body.fictora-about .about-alchemy .signal-visual{top:10%;height:48%}body.fictora-about .about-alchemy .signal-copy{grid-template-columns:1fr;gap:8px}body.fictora-about .about-alchemy .signal-copy strong{font-size:26px}body.fictora-about .about-alchemy .signal-copy a{width:max-content}}
@media(prefers-reduced-motion:reduce){body.fictora-about .about-alchemy *,body.fictora-about .about-alchemy *:before,body.fictora-about .about-alchemy *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
body.fictora-about .about-alchemy .alchemy-field:hover,body.fictora-about .about-alchemy .alchemy-field.is-active{background:rgba(5,29,67,.7)}
body.fictora-about .about-alchemy .alchemy-field.is-active .field-copy{z-index:3;opacity:1;transform:none}
body.fictora-about .about-alchemy .index-header{grid-template-columns:26% 44% 30%}
@media(max-width:1100px){body.fictora-about .about-alchemy .index-header{grid-template-columns:30% 1fr}}
@media(max-width:760px){body.fictora-about .about-alchemy .index-header{display:block}}
@media(max-width:760px){body.fictora-about .about-alchemy .alchemy-field .field-copy{transition:none}body.fictora-about .about-alchemy .alchemy-field:not(.is-active) .field-copy{display:none}}


body.fictora-about .about-alchemy{
  --brand-gradient-cyan:#3aa0b7;
  --brand-gradient-navy:#002c4d;
  --brand-gradient-deep:#051d43;
  --brand-gradient-ink:#012145;
  --brand-gradient:url('/assets/brand/fictora-gradient.svg');
}
body.fictora-about .about-alchemy{background:var(--brand-gradient-deep) var(--brand-gradient) center / cover no-repeat}


body.fictora-about .about-alchemy .alchemy-result{
  width:clamp(360px,30vw,470px);
  min-height:106px;
  padding:20px 24px 20px 104px;
}
body.fictora-about .about-alchemy .alchemy-result>span{font-size:9px;font-weight:600;letter-spacing:.16em}
body.fictora-about .about-alchemy .alchemy-result strong{margin:5px 0 4px;font-size:clamp(23px,1.65vw,29px);line-height:1}
body.fictora-about .about-alchemy .alchemy-result p{max-width:310px;font-size:11px;line-height:1.42}
body.fictora-about .about-alchemy .alchemy-result .result-mark{left:18px;width:68px;height:68px}
body.fictora-about .about-alchemy .alchemy-result .result-mark img{width:36px}
body.fictora-about .about-alchemy .alchemy-result .result-mark span{inset:-7px}

@media(max-width:760px){
  body.fictora-about .about-alchemy .alchemy-result{width:100%;min-height:126px;padding:22px 20px 22px 104px}
  body.fictora-about .about-alchemy .alchemy-result strong{font-size:24px}
  body.fictora-about .about-alchemy .alchemy-result p{font-size:11px}
}

/* Homepage connected capabilities */

@font-face{
  font-family: "New Black";
  src: url("/assets/brand/fonts/NewBlackTypeface-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face{
  font-family: "Acumin";
  src: url("/assets/brand/fonts/Acumin Variable Concept.ttf") format("truetype");
  font-display: swap;
}

body.homepage .services-section{
  --deep: #051d43;
  --navy: #002c4d;
  --ink: #012145;
  --blue: #3376b0;
  --sky: #52b4d4;
  --yellow: #e7ff00;
  --mint: #d8ecd1;
  --soft: #eef8ea;
  --dark-line: rgba(1, 33, 69, 0.18);
  --light-line: rgba(216, 236, 209, 0.22);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

body.homepage .services-section *{ box-sizing: border-box; }

html:has(body.homepage .services-section){
  background: var(--deep);
  scroll-behavior: smooth;
}

body.homepage .services-section{
  margin: 0;
  overflow-x: clip;
  color: var(--ink);
  background: var(--soft);
  font-family: "Acumin", Arial, sans-serif;
}

body.homepage .services-section a{ color: inherit; }

body.homepage .services-section .services-intro{
  min-height: 68svh;
  padding: clamp(3rem, 6vw, 6rem) clamp(1.4rem, 5vw, 5rem);
  display: grid;
  grid-template-columns: minmax(11rem, 0.42fr) minmax(25rem, 1fr) minmax(17rem, 0.52fr);
  align-items: end;
  gap: clamp(2rem, 5vw, 5rem);
  color: var(--mint);
  background: #051d43 url("/assets/brand/fictora-gradient.svg") center / cover no-repeat;
  border-bottom: 1px solid var(--light-line);
}

body.homepage .services-section .intro-label{
  align-self: start;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.14em;
}

body.homepage .services-section .intro-label img{ width: 1.8rem; height: 1.8rem; }

body.homepage .services-section .services-intro h1{
  margin: 0;
  font: 400 clamp(4.2rem, 7.3vw, 8.5rem) / 0.78 "New Black", sans-serif;
  letter-spacing: -0.055em;
}

body.homepage .services-section .services-intro h1 span{ color: var(--yellow); }

body.homepage .services-section .services-intro > p{
  max-width: 31rem;
  margin: 0 0 0.4rem;
  color: rgba(216, 236, 209, 0.78);
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  line-height: 1.55;
}

body.homepage .services-section .capability-system{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(31rem, 0.98fr);
  align-items: start;
  background:
    linear-gradient(rgba(1, 33, 69, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1, 33, 69, 0.055) 1px, transparent 1px),
    linear-gradient(150deg, var(--soft), var(--mint) 58%, rgba(82, 180, 212, 0.72) 150%);
  background-size: 3.25rem 3.25rem, 3.25rem 3.25rem, auto;
}

body.homepage .services-section .capability-chapters{ border-right: 1px solid var(--dark-line); }

body.homepage .services-section .capability-chapter{
  position: relative;
  min-height: 100svh;
  padding: clamp(4.5rem, 7vw, 7.5rem) clamp(2rem, 6vw, 6rem);
  display: grid;
  align-content: center;
  opacity: 0.46;
  border-bottom: 1px solid var(--dark-line);
  transition: opacity 700ms var(--ease), background-color 700ms var(--ease);
}

body.homepage .services-section .capability-chapter::before{
  content: "";
  position: absolute;
  inset: 0 auto auto;
  width: 0;
  height: 2px;
  background: var(--yellow);
  transition: width 800ms var(--ease);
}

body.homepage .services-section .capability-chapter.is-active{
  opacity: 1;
  background: rgba(238, 248, 234, 0.2);
}

body.homepage .services-section .capability-chapter.is-active::before{ width: 100%; }

body.homepage .services-section .chapter-index{
  margin-bottom: clamp(2rem, 4vw, 4rem);
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.65rem;
  letter-spacing: 0.16em;
}

body.homepage .services-section .chapter-index span{
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  color: var(--ink);
  border: 1px solid var(--dark-line);
  border-radius: 50%;
}

body.homepage .services-section .chapter-index b{ color: var(--blue); font-weight: 650; }

body.homepage .services-section .capability-chapter h2{
  max-width: 52rem;
  margin: 0;
  font: 400 clamp(4rem, 6.5vw, 8rem) / 0.8 "New Black", sans-serif;
  letter-spacing: -0.055em;
}

body.homepage .services-section .capability-chapter > p{
  max-width: 38rem;
  margin: clamp(1.5rem, 2.6vw, 2.4rem) 0 0;
  color: rgba(1, 33, 69, 0.72);
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  line-height: 1.55;
}

body.homepage .services-section .service-routes{
  max-width: 42rem;
  margin-top: clamp(2rem, 3.5vw, 3.25rem);
  border-top: 1px solid var(--dark-line);
}

body.homepage .services-section .service-routes a{
  min-height: 3.5rem;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid var(--dark-line);
  font-size: clamp(0.92rem, 1.1vw, 1.08rem);
  text-decoration: none;
  transition: color 300ms var(--ease), padding 400ms var(--ease), background-color 300ms var(--ease);
}

body.homepage .services-section .service-routes a:hover,body.homepage .services-section .service-routes a:focus-visible{
  padding-inline: 0.85rem;
  color: var(--ink);
  background: rgba(231, 255, 0, 0.62);
  outline: 0;
}

body.homepage .services-section .service-routes i{ font-size: 1.25rem; font-style: normal; }

body.homepage .services-section .capability-visual{
  position: sticky;
  top: 4.75rem;
  min-height: calc(100svh - 4.75rem);
  height: calc(100svh - 4.75rem);
  padding: clamp(1.4rem, 2.5vw, 2.5rem);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  color: var(--mint);
  background: #051d43 url("/assets/brand/fictora-gradient.svg") center / cover no-repeat;
}

body.homepage .services-section .capability-progress{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--light-line);
}

body.homepage .services-section .capability-progress a{
  position: relative;
  min-height: 3.2rem;
  padding-top: 0.8rem;
  display: flex;
  gap: 0.5rem;
  color: rgba(216, 236, 209, 0.42);
  font-size: 0.5rem;
  letter-spacing: 0.12em;
  text-decoration: none;
  transition: color 350ms var(--ease);
}

body.homepage .services-section .capability-progress a::before{
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 100%;
  height: 3px;
  background: var(--yellow);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 550ms var(--ease);
}

body.homepage .services-section .capability-progress a.is-active{ color: var(--yellow); }
body.homepage .services-section .capability-progress a.is-active::before{ transform: scaleX(1); }
body.homepage .services-section .capability-progress b{ font-weight: 600; }

body.homepage .services-section .visual-meta,body.homepage .services-section .visual-output{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

body.homepage .services-section .visual-meta{
  padding: 0.6rem 0 0;
  color: rgba(216, 236, 209, 0.5);
  font-size: 0.48rem;
  letter-spacing: 0.15em;
}

body.homepage .services-section .visual-meta b{ display: flex; align-items: center; gap: 0.5rem; font-weight: 500; }
body.homepage .services-section .visual-meta i{ width: 0.38rem; height: 0.38rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.8rem var(--yellow); }

body.homepage .services-section .transformation-canvas{
  position: relative;
  grid-row: 3;
  min-height: 0;
  display: none;
  overflow: hidden;
  isolation: isolate;
  contain: layout paint;
  clip-path: inset(0);
}
body.homepage .services-section .visual-output{ grid-row: 4; }

body.homepage .services-section .reactor-grid,body.homepage .services-section .transform-grid{
  position: absolute;
  z-index: -3;
  inset: 0;
  background-image:
    linear-gradient(rgba(216, 236, 209, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 236, 209, 0.06) 1px, transparent 1px);
  background-size: 2.5rem 2.5rem;
  mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}

body.homepage .services-section .reactor-routes,body.homepage .services-section .transform-routes{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
}

body.homepage .services-section .reactor-routes path,body.homepage .services-section .transform-routes path{
  stroke: rgba(216, 236, 209, 0.26);
  stroke-width: 1.3;
  vector-effect: non-scaling-stroke;
}

body.homepage .services-section .reactor-routes .reactor-output-route,body.homepage .services-section .transform-routes .resolved-route{
  stroke: var(--yellow);
  stroke-dasharray: 0.08 0.92;
  stroke-linecap: round;
  animation: route-flow 3.4s linear infinite;
}

body.homepage .services-section .reactor-output-route-b{ animation-delay: -1.7s !important; }

body.homepage .services-section .reactor-feed,body.homepage .services-section .reactor-output{
  position: absolute;
  z-index: 5;
  min-width: 7.4rem;
  padding: 0.65rem 0.75rem;
  display: grid;
  gap: 0.25rem;
  background: rgba(1, 33, 69, 0.86);
  border: 1px solid rgba(216, 236, 209, 0.22);
}

body.homepage .services-section .reactor-feed small,body.homepage .services-section .reactor-output small{
  color: rgba(216, 236, 209, 0.46);
  font-size: 0.38rem;
  letter-spacing: 0.15em;
}

body.homepage .services-section .raw-field > small,body.homepage .services-section .resolved-field > small{
  color: rgba(216, 236, 209, 0.72);
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.12em;
}

body.homepage .services-section .reactor-feed b,body.homepage .services-section .reactor-output b{ color: var(--mint); font: 400 0.75rem / 1 "New Black", sans-serif; letter-spacing: 0.03em; }
body.homepage .services-section .reactor-feed i{ position: absolute; right: -0.25rem; top: 50%; width: 0.48rem; height: 0.48rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.7rem var(--yellow); animation: signal-blink 2.6s ease-in-out infinite; }
body.homepage .services-section .feed-a{ left: 2%; top: 14%; }
body.homepage .services-section .feed-b{ left: 2%; top: 50%; transform: translateY(-50%); }
body.homepage .services-section .feed-c{ left: 2%; bottom: 14%; }
body.homepage .services-section .feed-b i{ animation-delay: 0.6s; }
body.homepage .services-section .feed-c i{ animation-delay: 1.2s; }
body.homepage .services-section .reactor-output{ right: 2%; border-color: rgba(231, 255, 0, 0.48); }
body.homepage .services-section .output-a{ top: 25%; }
body.homepage .services-section .output-b{ bottom: 25%; }

body.homepage .services-section .reactor-core{
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  width: clamp(8.5rem, 15vw, 13rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(231, 255, 0, 0.14), rgba(1, 33, 69, 0.92) 58%);
  box-shadow: 0 0 4rem rgba(231, 255, 0, 0.15);
  transform: translate(-50%, -50%);
}

body.homepage .services-section .reactor-core img{ z-index: 4; width: 29%; filter: drop-shadow(0 0 0.8rem rgba(231, 255, 0, 0.8)); animation: core-breathe 4.8s var(--ease) infinite; }
body.homepage .services-section .reactor-core > small{ position: absolute; top: calc(100% + 1rem); color: rgba(216, 236, 209, 0.68); font-size: 0.37rem; letter-spacing: 0.16em; white-space: nowrap; }
body.homepage .services-section .reactor-shell{ position: absolute; border-radius: 50%; }
body.homepage .services-section .shell-a{ inset: 4%; border: 1px solid rgba(231, 255, 0, 0.5); animation: orbit 16s linear infinite; }
body.homepage .services-section .shell-b{ inset: -15%; border: 1px dashed rgba(216, 236, 209, 0.34); animation: orbit 24s linear infinite reverse; }
body.homepage .services-section .reactor-shell::after{ content: ""; position: absolute; left: -0.22rem; top: 50%; width: 0.44rem; height: 0.44rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.8rem var(--yellow); }
body.homepage .services-section .reactor-charge{ position: absolute; inset: 22%; border: 1px solid rgba(82, 180, 212, 0.62); border-radius: 50%; animation: reactor-charge 2.8s var(--ease) infinite; }
body.homepage .services-section .reactor-meter{ position: absolute; left: 21%; right: 21%; bottom: 4%; height: 1.5rem; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0.8rem; color: rgba(216, 236, 209, 0.58); font-size: 0.38rem; letter-spacing: 0.12em; }
body.homepage .services-section .reactor-meter::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: rgba(216, 236, 209, 0.18); }
body.homepage .services-section .reactor-meter span{ position: absolute; left: 0; top: 0; width: 76%; height: 2px; background: var(--yellow); animation: meter-flow 4.6s var(--ease) infinite; }

body.homepage .services-section .raw-field,body.homepage .services-section .resolved-field{
  position: absolute;
  z-index: 4;
  top: 12%;
  bottom: 12%;
  width: 32%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(216, 236, 209, 0.22);
}

body.homepage .services-section .raw-field{
  left: 3%;
  padding: 1.15rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.55rem, 1.3vh, 0.9rem);
  background: rgba(1, 33, 69, 0.42);
}

body.homepage .services-section .resolved-field{
  right: 3%;
  padding: 1.2rem;
  background: rgba(1, 33, 69, 0.72);
  border-color: rgba(231, 255, 0, 0.36);
}

body.homepage .services-section .raw-field > small{
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  margin-bottom: 0.25rem;
}

body.homepage .services-section .raw-token{
  position: relative;
  inset: auto;
  width: max-content;
  max-width: 100%;
  padding: 0.5rem 0.62rem;
  overflow: hidden;
  color: rgba(216, 236, 209, 0.9);
  background: rgba(1, 33, 69, 0.86);
  border: 1px solid rgba(216, 236, 209, 0.34);
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: 0.075em;
  text-overflow: ellipsis;
  white-space: nowrap;
  animation: raw-drift 5.2s ease-in-out infinite;
}

body.homepage .services-section .token-a{ transform: rotate(-1.5deg); }
body.homepage .services-section .token-b{ align-self: flex-end; transform: rotate(1deg); animation-delay: -1s; }
body.homepage .services-section .token-c{ transform: rotate(0.75deg); animation-delay: -2s; }
body.homepage .services-section .token-d{ align-self: flex-end; transform: rotate(-1deg); animation-delay: -3s; }
body.homepage .services-section .token-e{ transform: rotate(1.25deg); animation-delay: -4s; }

body.homepage .services-section .transform-core{ position: absolute; z-index: 10; left: 50%; top: 50%; width: 5.5rem; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 0.7rem rgba(82, 180, 212, 0.22), 0 0 2.5rem rgba(231, 255, 0, 0.22); transform: translate(-50%, -50%); }
body.homepage .services-section .transform-core span{ position: absolute; inset: -1.35rem; border: 1px dashed rgba(231, 255, 0, 0.46); border-radius: 50%; animation: orbit 18s linear infinite; }
body.homepage .services-section .transform-core img{ width: 45%; animation: core-breathe 4.8s var(--ease) infinite; }
body.homepage .services-section .resolved-field strong{
  max-width: 14ch;
  margin: 1rem 0 1.2rem;
  padding-bottom: 0.9rem;
  display: block;
  border-bottom: 1px solid rgba(231, 255, 0, 0.28);
  overflow-wrap: normal;
  color: var(--mint);
  font: 400 clamp(1.05rem, 1.35vw, 1.4rem) / 1 "New Black", sans-serif;
  letter-spacing: 0.015em;
  text-align: left;
  text-wrap: balance;
}

body.homepage .services-section .resolved-row{
  min-width: 0;
  min-height: 3rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.6rem;
  border-top: 1px solid rgba(216, 236, 209, 0.16);
  color: rgba(216, 236, 209, 0.82);
  font-size: 11px;
  letter-spacing: 0.055em;
}

body.homepage .services-section .resolved-row span{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.homepage .services-section .resolved-row i{ width: 0.42rem; height: 0.42rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.55rem var(--yellow); }
body.homepage .services-section .resolved-row b{ color: var(--yellow); font-size: 9px; font-weight: 500; }
body.homepage .services-section .transform-scan{ position: absolute; z-index: 12; left: 4%; right: 4%; top: 10%; height: 1px; background: linear-gradient(90deg, transparent, var(--yellow), transparent); box-shadow: 0 0 1rem var(--yellow); animation: transform-scan 5.6s var(--ease) infinite; }

body.homepage .services-section .visual-grid{
  position: absolute;
  z-index: -4;
  inset: 0;
  opacity: 0.78;
  background-image:
    linear-gradient(rgba(216, 236, 209, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 236, 209, 0.06) 1px, transparent 1px);
  background-size: 2.5rem 2.5rem;
  mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}

body.homepage .services-section .visual-coordinate{
  position: absolute;
  z-index: -2;
  opacity: 0.35;
  background: rgba(216, 236, 209, 0.25);
}

body.homepage .services-section .coordinate-x{ left: 5%; right: 5%; top: 50%; height: 1px; }
body.homepage .services-section .coordinate-y{ top: 7%; bottom: 7%; left: 50%; width: 1px; }

body.homepage .services-section .persistent-core{
  position: absolute;
  z-index: 20;
  left: 50%;
  top: 50%;
  width: clamp(5.5rem, 8vw, 7.5rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ink);
  box-shadow: 0 0 0 0.75rem rgba(82, 180, 212, 0.22), 0 0 3.5rem rgba(231, 255, 0, 0.18);
  transform: translate(-50%, -50%);
}

body.homepage .services-section .persistent-core::after{
  content: "";
  position: absolute;
  inset: 13%;
  border: 1px solid rgba(216, 236, 209, 0.2);
  border-radius: 50%;
}

body.homepage .services-section .persistent-core img{
  width: 45%;
  filter: drop-shadow(0 0 0.6rem rgba(231, 255, 0, 0.7));
  animation: core-breathe 4.8s var(--ease) infinite;
}

body.homepage .services-section .persistent-core small{
  position: absolute;
  top: calc(100% + 1.8rem);
  color: rgba(216, 236, 209, 0.72);
  font-size: 0.38rem;
  letter-spacing: 0.18em;
  white-space: nowrap;
}

body.homepage .services-section .core-orbit{
  position: absolute;
  border-radius: 50%;
}

body.homepage .services-section .core-orbit-a{ inset: -1rem; border: 1px solid rgba(231, 255, 0, 0.52); animation: orbit 14s linear infinite; }
body.homepage .services-section .core-orbit-b{ inset: -1.7rem; border: 1px dashed rgba(216, 236, 209, 0.35); animation: orbit 22s linear infinite reverse; }
body.homepage .services-section .core-orbit::after{ content: ""; position: absolute; left: -0.2rem; top: 50%; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.7rem var(--yellow); }

body.homepage .services-section .motion-scene{
  position: absolute;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(1.1rem) scale(0.985);
  pointer-events: none;
}

body.homepage .services-section .motion-scene.is-active{ visibility: visible; opacity: 1; transform: none; }

body.homepage .services-section .automation-route,body.homepage .services-section .product-route,body.homepage .services-section .brand-route,body.homepage .services-section .growth-chart{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
}

body.homepage .services-section .automation-route path,body.homepage .services-section .product-route path,body.homepage .services-section .brand-route path{
  stroke: rgba(216, 236, 209, 0.3);
  stroke-width: 1.25;
  vector-effect: non-scaling-stroke;
}

body.homepage .services-section .automation-route .route-live{
  stroke: var(--yellow);
  stroke-dasharray: 0.08 0.92;
  stroke-linecap: round;
  animation: route-flow 3.2s linear infinite;
}

body.homepage .services-section .route-pulse{ fill: var(--yellow); filter: drop-shadow(0 0 0.4rem var(--yellow)); animation: automation-pulse 3.2s ease-in-out infinite; }

body.homepage .services-section .system-node,body.homepage .services-section .product-input,body.homepage .services-section .product-output,body.homepage .services-section .growth-label{
  position: absolute;
  padding: 0.72rem 0.85rem;
  display: grid;
  gap: 0.28rem;
  color: var(--mint);
  background: rgba(1, 33, 69, 0.86);
  border: 1px solid rgba(216, 236, 209, 0.24);
}

body.homepage .services-section .system-node small,body.homepage .services-section .product-input small,body.homepage .services-section .product-output small,body.homepage .services-section .growth-label small{ color: rgba(216, 236, 209, 0.48); font-size: 0.4rem; letter-spacing: 0.14em; }

body.homepage .services-section .system-node b,body.homepage .services-section .product-input b,body.homepage .services-section .product-output b,body.homepage .services-section .growth-label b{ font: 400 0.85rem / 1 "New Black", sans-serif; letter-spacing: 0.03em; }

body.homepage .services-section .node-trigger{ left: 3%; top: 14%; }
body.homepage .services-section .node-reason{ left: 50%; top: 50%; z-index: 21; transform: translate(-50%, 5.2rem); }
body.homepage .services-section .node-action{ right: 3%; bottom: 13%; }
body.homepage .services-section .automation-loop{ position: absolute; right: 8%; top: 16%; width: 5.6rem; aspect-ratio: 1; border: 1px dashed rgba(231, 255, 0, 0.42); border-radius: 50%; animation: orbit 10s linear infinite; }
body.homepage .services-section .automation-loop i{ position: absolute; left: -0.22rem; top: 50%; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.6rem var(--yellow); }

body.homepage .services-section .product-frame{
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(62%, 27rem);
  aspect-ratio: 1.4;
  border: 1px solid rgba(216, 236, 209, 0.32);
  transform: translate(-50%, -50%);
}

body.homepage .services-section .frame-bar{ position: absolute; inset: 0 0 auto; height: 1.6rem; border-bottom: 1px solid rgba(216, 236, 209, 0.22); }
body.homepage .services-section .frame-bar::before{ content: ""; position: absolute; left: 0.65rem; top: 0.62rem; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: var(--yellow); box-shadow: 0.75rem 0 var(--sky), 1.5rem 0 var(--mint); }

body.homepage .services-section .product-block{
  position: absolute;
  display: grid;
  place-items: center;
  color: rgba(216, 236, 209, 0.7);
  background: rgba(82, 180, 212, 0.12);
  border: 1px solid rgba(216, 236, 209, 0.2);
  font-size: 0.43rem;
  font-style: normal;
  letter-spacing: 0.14em;
  animation: block-build 5.6s var(--ease) infinite;
}

body.homepage .services-section .block-a{ left: 6%; top: 25%; width: 36%; height: 62%; }
body.homepage .services-section .block-b{ right: 6%; top: 25%; width: 49%; height: 28%; animation-delay: 0.16s; }
body.homepage .services-section .block-c{ right: 30%; bottom: 13%; width: 25%; height: 28%; animation-delay: 0.32s; }
body.homepage .services-section .block-d{ right: 6%; bottom: 13%; width: 20%; height: 28%; color: var(--ink); background: var(--yellow); animation-delay: 0.48s; }
body.homepage .services-section .product-scan{ position: absolute; left: 0; right: 0; top: 1.6rem; height: 1px; background: var(--yellow); box-shadow: 0 0 1rem var(--yellow); animation: product-scan 4s var(--ease) infinite; }
body.homepage .services-section .product-input{ left: 2%; top: 44%; transform: translateY(-50%); }
body.homepage .services-section .product-output{ right: 2%; top: 44%; transform: translateY(-50%); }

body.homepage .services-section .brand-ring{
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

body.homepage .services-section .brand-ring-a{ width: min(43vw, 28rem); aspect-ratio: 1; border: 1px solid rgba(231, 255, 0, 0.38); animation: brand-wave 4.2s var(--ease) infinite; }
body.homepage .services-section .brand-ring-b{ width: min(31vw, 20rem); aspect-ratio: 1; border: 1px dashed rgba(216, 236, 209, 0.28); animation: orbit 26s linear infinite; }
body.homepage .services-section .brand-signal{ position: absolute; z-index: 5; display: flex; align-items: center; gap: 0.55rem; color: rgba(216, 236, 209, 0.74); font-size: 0.48rem; letter-spacing: 0.13em; }
body.homepage .services-section .brand-signal i{ width: 0.55rem; height: 0.55rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.9rem var(--yellow); animation: signal-blink 2.8s ease-in-out infinite; }
body.homepage .services-section .signal-a{ left: 4%; top: 25%; }
body.homepage .services-section .signal-b{ right: 5%; top: 25%; }
body.homepage .services-section .signal-c{ right: 5%; bottom: 24%; }
body.homepage .services-section .signal-d{ left: 4%; bottom: 24%; }
body.homepage .services-section .signal-b i{ animation-delay: 0.5s; }
body.homepage .services-section .signal-c i{ animation-delay: 1s; }
body.homepage .services-section .signal-d i{ animation-delay: 1.5s; }

body.homepage .services-section .growth-radar{
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: min(42vw, 27rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(216, 236, 209, 0.2);
  border-radius: 50%;
  background: repeating-radial-gradient(circle, transparent 0 17%, rgba(216, 236, 209, 0.12) 17.2% 17.6%, transparent 18% 34%);
  transform: translate(-50%, -50%);
}

body.homepage .services-section .growth-radar i{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  animation: radar-turn 5.5s linear infinite;
}

body.homepage .services-section .growth-radar i::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 1px;
  background: linear-gradient(90deg, var(--yellow), transparent);
  box-shadow: 0 0 1.2rem var(--yellow);
  transform-origin: left;
}

body.homepage .services-section .growth-radar b{ color: rgba(216, 236, 209, 0.2); font: 400 3rem / 1 "New Black", sans-serif; }
body.homepage .services-section .growth-chart{ z-index: 4; }
body.homepage .services-section .growth-axis{ stroke: rgba(216, 236, 209, 0.22); stroke-width: 1; }
body.homepage .services-section .growth-curve{ stroke: var(--yellow); stroke-width: 2; stroke-dasharray: 1; stroke-dashoffset: 1; animation: chart-draw 5s var(--ease) infinite; }
body.homepage .services-section .growth-chart circle{ fill: var(--yellow); filter: drop-shadow(0 0 0.45rem var(--yellow)); animation: signal-blink 2.5s ease-in-out infinite; }
body.homepage .services-section .growth-label{ z-index: 6; }
body.homepage .services-section .label-query{ left: 3%; bottom: 13%; }
body.homepage .services-section .label-reach{ left: 43%; top: 37%; }
body.homepage .services-section .label-momentum{ right: 3%; top: 13%; border-color: var(--yellow); }

body.homepage .services-section .visual-output{
  min-height: 6.4rem;
  padding-top: 1rem;
  border-top: 1px solid var(--light-line);
}

body.homepage .services-section .visual-output > span{
  color: var(--yellow);
  font-size: 0.48rem;
  letter-spacing: 0.14em;
}

body.homepage .services-section .visual-output strong{
  max-width: 24rem;
  font: 400 clamp(1.5rem, 2.25vw, 2.5rem) / 0.9 "New Black", sans-serif;
  letter-spacing: -0.035em;
  text-align: right;
}

@keyframes core-breathe{ 50% { opacity: 0.82; filter: drop-shadow(0 0 1.2rem rgba(231, 255, 0, 0.9)); transform: scale(0.94); } }
@keyframes orbit{ to { transform: rotate(360deg); } }
@keyframes route-flow{ to { stroke-dashoffset: -1; } }
@keyframes automation-pulse{ 50% { transform: translate(538px, 268px); } 100% { transform: translate(538px, 268px); opacity: 0; } }
@keyframes block-build{ 0%, 12% { opacity: 0.2; transform: translateY(0.75rem); } 28%, 82% { opacity: 1; transform: none; } 100% { opacity: 0.2; } }
@keyframes product-scan{ 0%, 14% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 74% { opacity: 1; transform: translateY(13rem); } 100% { opacity: 0; transform: translateY(13rem); } }
@keyframes brand-wave{ 0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(0.82); } 50% { opacity: 0.85; transform: translate(-50%, -50%) scale(1.04); } }
@keyframes signal-blink{ 50% { opacity: 0.36; transform: scale(0.72); } }
@keyframes radar-turn{ to { transform: rotate(360deg); } }
@keyframes chart-draw{ 0%, 12% { stroke-dashoffset: 1; } 60%, 88% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -1; } }
@keyframes reactor-charge{ 0%, 100% { opacity: 0.28; transform: scale(0.82); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes meter-flow{ 0%, 100% { width: 18%; } 55%, 82% { width: 92%; } }
@keyframes raw-drift{ 50% { translate: 0 -0.5rem; opacity: 0.78; } }
@keyframes transform-scan{ 0%, 12% { opacity: 0; transform: translateY(0); } 24% { opacity: 1; } 76% { opacity: 1; transform: translateY(24rem); } 100% { opacity: 0; transform: translateY(24rem); } }

@media (max-width: 68rem){
  body.homepage .services-section .services-intro{ grid-template-columns: 1fr 1fr; }
  body.homepage .services-section .intro-label{ grid-column: 1 / -1; }
  body.homepage .services-section .services-intro > p{ align-self: end; }
  body.homepage .services-section .capability-system{ grid-template-columns: minmax(0, 1fr) minmax(26rem, 0.9fr); }
  body.homepage .services-section .capability-chapter h2{ font-size: clamp(3.6rem, 6.1vw, 6rem); }
  body.homepage .services-section .visual-output{ display: grid; align-content: center; }
  body.homepage .services-section .visual-output strong{ font-size: 1.55rem; }
}

@media (max-width: 47.9375rem){
  body.homepage .services-section .services-intro{
    min-height: 72svh;
    padding: 3rem 1.35rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }

  body.homepage .services-section .services-intro h1{ font-size: clamp(3.7rem, 16vw, 5.4rem); }
  body.homepage .services-section .services-intro > p{ font-size: 1rem; }

  body.homepage .services-section .capability-system{ display: flex; flex-direction: column; background-size: 2.75rem 2.75rem, 2.75rem 2.75rem, auto; }
  body.homepage .services-section .capability-chapters{ order: 2; border-right: 0; }

  body.homepage .services-section .capability-visual{
    z-index: 15;
    top: 4rem;
    order: 1;
    width: 100%;
    min-height: 48svh;
    height: 48svh;
    padding: 1rem;
  }

  body.homepage .services-section .capability-progress a{ min-height: 2.6rem; }
  body.homepage .services-section .capability-progress b{ display: none; }
  body.homepage .services-section .visual-meta{ padding-top: 0.3rem; }
  body.homepage .services-section .visual-output{ min-height: 4.4rem; display: flex; }
  body.homepage .services-section .visual-output > span{ display: none; }
  body.homepage .services-section .visual-output strong{ max-width: 15rem; font-size: 1.22rem; text-align: left; }

  body.homepage .services-section .capability-chapter{
    min-height: 82svh;
    padding: 5rem 1.35rem 4rem;
    opacity: 0.58;
  }

  body.homepage .services-section .capability-chapter h2{ font-size: clamp(3.25rem, 15vw, 5rem); }
  body.homepage .services-section .capability-chapter > p{ font-size: 1rem; }
  body.homepage .services-section .chapter-index{ margin-bottom: 2rem; }
  body.homepage .services-section .service-routes a{ min-height: 3.25rem; font-size: 0.9rem; }

  body.homepage .services-section .persistent-core{ width: 4.1rem; }
  body.homepage .services-section .persistent-core small{ top: calc(100% + 1.1rem); font-size: 0.3rem; }
  body.homepage .services-section .core-orbit-a{ inset: -0.7rem; }
  body.homepage .services-section .core-orbit-b{ inset: -1.15rem; }
  body.homepage .services-section .system-node,body.homepage .services-section .product-input,body.homepage .services-section .product-output,body.homepage .services-section .growth-label{ padding: 0.45rem 0.5rem; }
  body.homepage .services-section .system-node small,body.homepage .services-section .product-input small,body.homepage .services-section .product-output small,body.homepage .services-section .growth-label small{ display: none; }
  body.homepage .services-section .system-node b,body.homepage .services-section .product-input b,body.homepage .services-section .product-output b,body.homepage .services-section .growth-label b{ font-size: 0.62rem; }
  body.homepage .services-section .node-reason{ display: none; }
  body.homepage .services-section .automation-loop{ width: 3.7rem; }
  body.homepage .services-section .product-frame{ width: 59%; }
  body.homepage .services-section .product-input{ left: 1%; }
  body.homepage .services-section .product-output{ right: 1%; }
  body.homepage .services-section .brand-ring-a{ width: 66vw; }
  body.homepage .services-section .brand-ring-b{ width: 48vw; }
  body.homepage .services-section .brand-signal{ font-size: 0.36rem; }
  body.homepage .services-section .signal-a,body.homepage .services-section .signal-d{ left: 1%; }
  body.homepage .services-section .signal-b,body.homepage .services-section .signal-c{ right: 1%; }
  body.homepage .services-section .growth-radar{ width: 60vw; }
  body.homepage .services-section .growth-radar b{ font-size: 1.6rem; }
  body.homepage .services-section .label-reach{ display: none; }
  body.homepage .services-section .reactor-feed,body.homepage .services-section .reactor-output{ min-width: 4.6rem; padding: 0.42rem; }
  body.homepage .services-section .reactor-feed small,body.homepage .services-section .reactor-output small{ display: none; }
  body.homepage .services-section .reactor-feed b,body.homepage .services-section .reactor-output b{ font-size: 0.52rem; }
  body.homepage .services-section .reactor-core{ width: 6.6rem; }
  body.homepage .services-section .reactor-core > small{ display: none; }
  body.homepage .services-section .reactor-meter{ left: 15%; right: 15%; }
  body.homepage .services-section .raw-field,body.homepage .services-section .resolved-field{
    top: 9%;
    bottom: 9%;
    width: 34%;
  }

  body.homepage .services-section .raw-field{
    left: 1.5%;
    padding: 0.55rem;
    gap: 0.38rem;
  }

  body.homepage .services-section .resolved-field{
    right: 1.5%;
    padding: 0.6rem;
  }

  body.homepage .services-section .raw-field > small,body.homepage .services-section .resolved-field > small{ font-size: 9px; letter-spacing: 0.08em; }
  body.homepage .services-section .raw-token{ max-width: 100%; padding: 0.34rem 0.38rem; font-size: 10px; letter-spacing: 0.04em; }
  body.homepage .services-section .transform-core{ width: 4rem; }
  body.homepage .services-section .resolved-field strong{ margin: 0.65rem 0 0.8rem; font-size: clamp(0.9rem, 4.2vw, 1.08rem); }
  body.homepage .services-section .resolved-row{ min-height: 1.95rem; gap: 0.32rem; font-size: 9px; letter-spacing: 0.025em; }
  body.homepage .services-section .resolved-row i{ width: 0.32rem; height: 0.32rem; }
  body.homepage .services-section .resolved-row b{ display: none; }
}

@media (prefers-reduced-motion: reduce){
  html:has(body.homepage .services-section){ scroll-behavior: auto; }
  body.homepage .services-section *,body.homepage .services-section *::before,body.homepage .services-section *::after{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

/* Services index capability signal system, shared with the homepage */

@font-face{
  font-family: "New Black";
  src: url("/assets/brand/fonts/NewBlackTypeface-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face{
  font-family: "Acumin";
  src: url("/assets/brand/fonts/Acumin Variable Concept.ttf") format("truetype");
  font-display: swap;
}

body.services-index-page .services-section{
  --deep: #051d43;
  --navy: #002c4d;
  --ink: #012145;
  --blue: #3376b0;
  --sky: #52b4d4;
  --yellow: #e7ff00;
  --mint: #d8ecd1;
  --soft: #eef8ea;
  --dark-line: rgba(1, 33, 69, 0.18);
  --light-line: rgba(216, 236, 209, 0.22);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

body.services-index-page .services-section *{ box-sizing: border-box; }

html:has(body.services-index-page .services-section){
  background: var(--deep);
  scroll-behavior: smooth;
}

body.services-index-page .services-section{
  margin: 0;
  overflow-x: clip;
  color: var(--ink);
  background: var(--soft);
  font-family: "Acumin", Arial, sans-serif;
}

body.services-index-page .services-section a{ color: inherit; }

body.services-index-page .services-section .services-intro{
  min-height: 68svh;
  padding: clamp(3rem, 6vw, 6rem) clamp(1.4rem, 5vw, 5rem);
  display: grid;
  grid-template-columns: minmax(11rem, 0.42fr) minmax(25rem, 1fr) minmax(17rem, 0.52fr);
  align-items: end;
  gap: clamp(2rem, 5vw, 5rem);
  color: var(--mint);
  background: #051d43 url("/assets/brand/fictora-gradient.svg") center / cover no-repeat;
  border-bottom: 1px solid var(--light-line);
}

body.services-index-page .services-section .intro-label{
  align-self: start;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.14em;
}

body.services-index-page .services-section .intro-label img{ width: 1.8rem; height: 1.8rem; }

body.services-index-page .services-section .services-intro h1{
  margin: 0;
  font: 400 clamp(4.2rem, 7.3vw, 8.5rem) / 0.78 "New Black", sans-serif;
  letter-spacing: -0.055em;
}

body.services-index-page .services-section .services-intro h1 span{ color: var(--yellow); }

body.services-index-page .services-section .services-intro > p{
  max-width: 31rem;
  margin: 0 0 0.4rem;
  color: rgba(216, 236, 209, 0.78);
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  line-height: 1.55;
}

body.services-index-page .services-section .capability-system{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(31rem, 0.98fr);
  align-items: start;
  background:
    linear-gradient(rgba(1, 33, 69, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1, 33, 69, 0.055) 1px, transparent 1px),
    linear-gradient(150deg, var(--soft), var(--mint) 58%, rgba(82, 180, 212, 0.72) 150%);
  background-size: 3.25rem 3.25rem, 3.25rem 3.25rem, auto;
}

body.services-index-page .services-section .capability-chapters{ border-right: 1px solid var(--dark-line); }

body.services-index-page .services-section .capability-chapter{
  position: relative;
  min-height: 100svh;
  padding: clamp(4.5rem, 7vw, 7.5rem) clamp(2rem, 6vw, 6rem);
  display: grid;
  align-content: center;
  opacity: 0.46;
  border-bottom: 1px solid var(--dark-line);
  transition: opacity 700ms var(--ease), background-color 700ms var(--ease);
}

body.services-index-page .services-section .capability-chapter::before{
  content: "";
  position: absolute;
  inset: 0 auto auto;
  width: 0;
  height: 2px;
  background: var(--yellow);
  transition: width 800ms var(--ease);
}

body.services-index-page .services-section .capability-chapter.is-active{
  opacity: 1;
  background: rgba(238, 248, 234, 0.2);
}

body.services-index-page .services-section .capability-chapter.is-active::before{ width: 100%; }

body.services-index-page .services-section .chapter-index{
  margin-bottom: clamp(2rem, 4vw, 4rem);
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.65rem;
  letter-spacing: 0.16em;
}

body.services-index-page .services-section .chapter-index span{
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  color: var(--ink);
  border: 1px solid var(--dark-line);
  border-radius: 50%;
}

body.services-index-page .services-section .chapter-index b{ color: var(--blue); font-weight: 650; }

body.services-index-page .services-section .capability-chapter h2{
  max-width: 52rem;
  margin: 0;
  font: 400 clamp(4rem, 6.5vw, 8rem) / 0.8 "New Black", sans-serif;
  letter-spacing: -0.055em;
}

body.services-index-page .services-section .capability-chapter > p{
  max-width: 38rem;
  margin: clamp(1.5rem, 2.6vw, 2.4rem) 0 0;
  color: rgba(1, 33, 69, 0.72);
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  line-height: 1.55;
}

body.services-index-page .services-section .service-routes{
  max-width: 42rem;
  margin-top: clamp(2rem, 3.5vw, 3.25rem);
  border-top: 1px solid var(--dark-line);
}

body.services-index-page .services-section .service-routes a{
  min-height: 3.5rem;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid var(--dark-line);
  font-size: clamp(0.92rem, 1.1vw, 1.08rem);
  text-decoration: none;
  transition: color 300ms var(--ease), padding 400ms var(--ease), background-color 300ms var(--ease);
}

body.services-index-page .services-section .service-routes a:hover,body.services-index-page .services-section .service-routes a:focus-visible{
  padding-inline: 0.85rem;
  color: var(--ink);
  background: rgba(231, 255, 0, 0.62);
  outline: 0;
}

body.services-index-page .services-section .service-routes i{ font-size: 1.25rem; font-style: normal; }

body.services-index-page .services-section .capability-visual{
  position: sticky;
  top: 4.75rem;
  min-height: calc(100svh - 4.75rem);
  height: calc(100svh - 4.75rem);
  padding: clamp(1.4rem, 2.5vw, 2.5rem);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  color: var(--mint);
  background: #051d43 url("/assets/brand/fictora-gradient.svg") center / cover no-repeat;
}

body.services-index-page .services-section .capability-progress{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--light-line);
}

body.services-index-page .services-section .capability-progress a{
  position: relative;
  min-height: 3.2rem;
  padding-top: 0.8rem;
  display: flex;
  gap: 0.5rem;
  color: rgba(216, 236, 209, 0.42);
  font-size: 0.5rem;
  letter-spacing: 0.12em;
  text-decoration: none;
  transition: color 350ms var(--ease);
}

body.services-index-page .services-section .capability-progress a::before{
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 100%;
  height: 3px;
  background: var(--yellow);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 550ms var(--ease);
}

body.services-index-page .services-section .capability-progress a.is-active{ color: var(--yellow); }
body.services-index-page .services-section .capability-progress a.is-active::before{ transform: scaleX(1); }
body.services-index-page .services-section .capability-progress b{ font-weight: 600; }

body.services-index-page .services-section .visual-meta,body.services-index-page .services-section .visual-output{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

body.services-index-page .services-section .visual-meta{
  padding: 0.6rem 0 0;
  color: rgba(216, 236, 209, 0.5);
  font-size: 0.48rem;
  letter-spacing: 0.15em;
}

body.services-index-page .services-section .visual-meta b{ display: flex; align-items: center; gap: 0.5rem; font-weight: 500; }
body.services-index-page .services-section .visual-meta i{ width: 0.38rem; height: 0.38rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.8rem var(--yellow); }

body.services-index-page .services-section .transformation-canvas{
  position: relative;
  grid-row: 3;
  min-height: 0;
  display: none;
  overflow: hidden;
  isolation: isolate;
  contain: layout paint;
  clip-path: inset(0);
}
body.services-index-page .services-section .visual-output{ grid-row: 4; }

body.services-index-page .services-section .reactor-grid,body.services-index-page .services-section .transform-grid{
  position: absolute;
  z-index: -3;
  inset: 0;
  background-image:
    linear-gradient(rgba(216, 236, 209, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 236, 209, 0.06) 1px, transparent 1px);
  background-size: 2.5rem 2.5rem;
  mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}

body.services-index-page .services-section .reactor-routes,body.services-index-page .services-section .transform-routes{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
}

body.services-index-page .services-section .reactor-routes path,body.services-index-page .services-section .transform-routes path{
  stroke: rgba(216, 236, 209, 0.26);
  stroke-width: 1.3;
  vector-effect: non-scaling-stroke;
}

body.services-index-page .services-section .reactor-routes .reactor-output-route,body.services-index-page .services-section .transform-routes .resolved-route{
  stroke: var(--yellow);
  stroke-dasharray: 0.08 0.92;
  stroke-linecap: round;
  animation: route-flow 3.4s linear infinite;
}

body.services-index-page .services-section .reactor-output-route-b{ animation-delay: -1.7s !important; }

body.services-index-page .services-section .reactor-feed,body.services-index-page .services-section .reactor-output{
  position: absolute;
  z-index: 5;
  min-width: 7.4rem;
  padding: 0.65rem 0.75rem;
  display: grid;
  gap: 0.25rem;
  background: rgba(1, 33, 69, 0.86);
  border: 1px solid rgba(216, 236, 209, 0.22);
}

body.services-index-page .services-section .reactor-feed small,body.services-index-page .services-section .reactor-output small{
  color: rgba(216, 236, 209, 0.46);
  font-size: 0.38rem;
  letter-spacing: 0.15em;
}

body.services-index-page .services-section .raw-field > small,body.services-index-page .services-section .resolved-field > small{
  color: rgba(216, 236, 209, 0.72);
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.12em;
}

body.services-index-page .services-section .reactor-feed b,body.services-index-page .services-section .reactor-output b{ color: var(--mint); font: 400 0.75rem / 1 "New Black", sans-serif; letter-spacing: 0.03em; }
body.services-index-page .services-section .reactor-feed i{ position: absolute; right: -0.25rem; top: 50%; width: 0.48rem; height: 0.48rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.7rem var(--yellow); animation: signal-blink 2.6s ease-in-out infinite; }
body.services-index-page .services-section .feed-a{ left: 2%; top: 14%; }
body.services-index-page .services-section .feed-b{ left: 2%; top: 50%; transform: translateY(-50%); }
body.services-index-page .services-section .feed-c{ left: 2%; bottom: 14%; }
body.services-index-page .services-section .feed-b i{ animation-delay: 0.6s; }
body.services-index-page .services-section .feed-c i{ animation-delay: 1.2s; }
body.services-index-page .services-section .reactor-output{ right: 2%; border-color: rgba(231, 255, 0, 0.48); }
body.services-index-page .services-section .output-a{ top: 25%; }
body.services-index-page .services-section .output-b{ bottom: 25%; }

body.services-index-page .services-section .reactor-core{
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  width: clamp(8.5rem, 15vw, 13rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(231, 255, 0, 0.14), rgba(1, 33, 69, 0.92) 58%);
  box-shadow: 0 0 4rem rgba(231, 255, 0, 0.15);
  transform: translate(-50%, -50%);
}

body.services-index-page .services-section .reactor-core img{ z-index: 4; width: 29%; filter: drop-shadow(0 0 0.8rem rgba(231, 255, 0, 0.8)); animation: core-breathe 4.8s var(--ease) infinite; }
body.services-index-page .services-section .reactor-core > small{ position: absolute; top: calc(100% + 1rem); color: rgba(216, 236, 209, 0.68); font-size: 0.37rem; letter-spacing: 0.16em; white-space: nowrap; }
body.services-index-page .services-section .reactor-shell{ position: absolute; border-radius: 50%; }
body.services-index-page .services-section .shell-a{ inset: 4%; border: 1px solid rgba(231, 255, 0, 0.5); animation: orbit 16s linear infinite; }
body.services-index-page .services-section .shell-b{ inset: -15%; border: 1px dashed rgba(216, 236, 209, 0.34); animation: orbit 24s linear infinite reverse; }
body.services-index-page .services-section .reactor-shell::after{ content: ""; position: absolute; left: -0.22rem; top: 50%; width: 0.44rem; height: 0.44rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.8rem var(--yellow); }
body.services-index-page .services-section .reactor-charge{ position: absolute; inset: 22%; border: 1px solid rgba(82, 180, 212, 0.62); border-radius: 50%; animation: reactor-charge 2.8s var(--ease) infinite; }
body.services-index-page .services-section .reactor-meter{ position: absolute; left: 21%; right: 21%; bottom: 4%; height: 1.5rem; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0.8rem; color: rgba(216, 236, 209, 0.58); font-size: 0.38rem; letter-spacing: 0.12em; }
body.services-index-page .services-section .reactor-meter::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: rgba(216, 236, 209, 0.18); }
body.services-index-page .services-section .reactor-meter span{ position: absolute; left: 0; top: 0; width: 76%; height: 2px; background: var(--yellow); animation: meter-flow 4.6s var(--ease) infinite; }

body.services-index-page .services-section .raw-field,body.services-index-page .services-section .resolved-field{
  position: absolute;
  z-index: 4;
  top: 12%;
  bottom: 12%;
  width: 32%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(216, 236, 209, 0.22);
}

body.services-index-page .services-section .raw-field{
  left: 3%;
  padding: 1.15rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.55rem, 1.3vh, 0.9rem);
  background: rgba(1, 33, 69, 0.42);
}

body.services-index-page .services-section .resolved-field{
  right: 3%;
  padding: 1.2rem;
  background: rgba(1, 33, 69, 0.72);
  border-color: rgba(231, 255, 0, 0.36);
}

body.services-index-page .services-section .raw-field > small{
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  margin-bottom: 0.25rem;
}

body.services-index-page .services-section .raw-token{
  position: relative;
  inset: auto;
  width: max-content;
  max-width: 100%;
  padding: 0.5rem 0.62rem;
  overflow: hidden;
  color: rgba(216, 236, 209, 0.9);
  background: rgba(1, 33, 69, 0.86);
  border: 1px solid rgba(216, 236, 209, 0.34);
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: 0.075em;
  text-overflow: ellipsis;
  white-space: nowrap;
  animation: raw-drift 5.2s ease-in-out infinite;
}

body.services-index-page .services-section .token-a{ transform: rotate(-1.5deg); }
body.services-index-page .services-section .token-b{ align-self: flex-end; transform: rotate(1deg); animation-delay: -1s; }
body.services-index-page .services-section .token-c{ transform: rotate(0.75deg); animation-delay: -2s; }
body.services-index-page .services-section .token-d{ align-self: flex-end; transform: rotate(-1deg); animation-delay: -3s; }
body.services-index-page .services-section .token-e{ transform: rotate(1.25deg); animation-delay: -4s; }

body.services-index-page .services-section .transform-core{ position: absolute; z-index: 10; left: 50%; top: 50%; width: 5.5rem; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 0.7rem rgba(82, 180, 212, 0.22), 0 0 2.5rem rgba(231, 255, 0, 0.22); transform: translate(-50%, -50%); }
body.services-index-page .services-section .transform-core span{ position: absolute; inset: -1.35rem; border: 1px dashed rgba(231, 255, 0, 0.46); border-radius: 50%; animation: orbit 18s linear infinite; }
body.services-index-page .services-section .transform-core img{ width: 45%; animation: core-breathe 4.8s var(--ease) infinite; }
body.services-index-page .services-section .resolved-field strong{
  max-width: 14ch;
  margin: 1rem 0 1.2rem;
  padding-bottom: 0.9rem;
  display: block;
  border-bottom: 1px solid rgba(231, 255, 0, 0.28);
  overflow-wrap: normal;
  color: var(--mint);
  font: 400 clamp(1.05rem, 1.35vw, 1.4rem) / 1 "New Black", sans-serif;
  letter-spacing: 0.015em;
  text-align: left;
  text-wrap: balance;
}

body.services-index-page .services-section .resolved-row{
  min-width: 0;
  min-height: 3rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.6rem;
  border-top: 1px solid rgba(216, 236, 209, 0.16);
  color: rgba(216, 236, 209, 0.82);
  font-size: 11px;
  letter-spacing: 0.055em;
}

body.services-index-page .services-section .resolved-row span{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.services-index-page .services-section .resolved-row i{ width: 0.42rem; height: 0.42rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.55rem var(--yellow); }
body.services-index-page .services-section .resolved-row b{ color: var(--yellow); font-size: 9px; font-weight: 500; }
body.services-index-page .services-section .transform-scan{ position: absolute; z-index: 12; left: 4%; right: 4%; top: 10%; height: 1px; background: linear-gradient(90deg, transparent, var(--yellow), transparent); box-shadow: 0 0 1rem var(--yellow); animation: transform-scan 5.6s var(--ease) infinite; }

body.services-index-page .services-section .visual-grid{
  position: absolute;
  z-index: -4;
  inset: 0;
  opacity: 0.78;
  background-image:
    linear-gradient(rgba(216, 236, 209, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 236, 209, 0.06) 1px, transparent 1px);
  background-size: 2.5rem 2.5rem;
  mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}

body.services-index-page .services-section .visual-coordinate{
  position: absolute;
  z-index: -2;
  opacity: 0.35;
  background: rgba(216, 236, 209, 0.25);
}

body.services-index-page .services-section .coordinate-x{ left: 5%; right: 5%; top: 50%; height: 1px; }
body.services-index-page .services-section .coordinate-y{ top: 7%; bottom: 7%; left: 50%; width: 1px; }

body.services-index-page .services-section .persistent-core{
  position: absolute;
  z-index: 20;
  left: 50%;
  top: 50%;
  width: clamp(5.5rem, 8vw, 7.5rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ink);
  box-shadow: 0 0 0 0.75rem rgba(82, 180, 212, 0.22), 0 0 3.5rem rgba(231, 255, 0, 0.18);
  transform: translate(-50%, -50%);
}

body.services-index-page .services-section .persistent-core::after{
  content: "";
  position: absolute;
  inset: 13%;
  border: 1px solid rgba(216, 236, 209, 0.2);
  border-radius: 50%;
}

body.services-index-page .services-section .persistent-core img{
  width: 45%;
  filter: drop-shadow(0 0 0.6rem rgba(231, 255, 0, 0.7));
  animation: core-breathe 4.8s var(--ease) infinite;
}

body.services-index-page .services-section .persistent-core small{
  position: absolute;
  top: calc(100% + 1.8rem);
  color: rgba(216, 236, 209, 0.72);
  font-size: 0.38rem;
  letter-spacing: 0.18em;
  white-space: nowrap;
}

body.services-index-page .services-section .core-orbit{
  position: absolute;
  border-radius: 50%;
}

body.services-index-page .services-section .core-orbit-a{ inset: -1rem; border: 1px solid rgba(231, 255, 0, 0.52); animation: orbit 14s linear infinite; }
body.services-index-page .services-section .core-orbit-b{ inset: -1.7rem; border: 1px dashed rgba(216, 236, 209, 0.35); animation: orbit 22s linear infinite reverse; }
body.services-index-page .services-section .core-orbit::after{ content: ""; position: absolute; left: -0.2rem; top: 50%; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.7rem var(--yellow); }

body.services-index-page .services-section .motion-scene{
  position: absolute;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(1.1rem) scale(0.985);
  pointer-events: none;
}

body.services-index-page .services-section .motion-scene.is-active{ visibility: visible; opacity: 1; transform: none; }

body.services-index-page .services-section .automation-route,body.services-index-page .services-section .product-route,body.services-index-page .services-section .brand-route,body.services-index-page .services-section .growth-chart{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
}

body.services-index-page .services-section .automation-route path,body.services-index-page .services-section .product-route path,body.services-index-page .services-section .brand-route path{
  stroke: rgba(216, 236, 209, 0.3);
  stroke-width: 1.25;
  vector-effect: non-scaling-stroke;
}

body.services-index-page .services-section .automation-route .route-live{
  stroke: var(--yellow);
  stroke-dasharray: 0.08 0.92;
  stroke-linecap: round;
  animation: route-flow 3.2s linear infinite;
}

body.services-index-page .services-section .route-pulse{ fill: var(--yellow); filter: drop-shadow(0 0 0.4rem var(--yellow)); animation: automation-pulse 3.2s ease-in-out infinite; }

body.services-index-page .services-section .system-node,body.services-index-page .services-section .product-input,body.services-index-page .services-section .product-output,body.services-index-page .services-section .growth-label{
  position: absolute;
  padding: 0.72rem 0.85rem;
  display: grid;
  gap: 0.28rem;
  color: var(--mint);
  background: rgba(1, 33, 69, 0.86);
  border: 1px solid rgba(216, 236, 209, 0.24);
}

body.services-index-page .services-section .system-node small,body.services-index-page .services-section .product-input small,body.services-index-page .services-section .product-output small,body.services-index-page .services-section .growth-label small{ color: rgba(216, 236, 209, 0.48); font-size: 0.4rem; letter-spacing: 0.14em; }

body.services-index-page .services-section .system-node b,body.services-index-page .services-section .product-input b,body.services-index-page .services-section .product-output b,body.services-index-page .services-section .growth-label b{ font: 400 0.85rem / 1 "New Black", sans-serif; letter-spacing: 0.03em; }

body.services-index-page .services-section .node-trigger{ left: 3%; top: 14%; }
body.services-index-page .services-section .node-reason{ left: 50%; top: 50%; z-index: 21; transform: translate(-50%, 5.2rem); }
body.services-index-page .services-section .node-action{ right: 3%; bottom: 13%; }
body.services-index-page .services-section .automation-loop{ position: absolute; right: 8%; top: 16%; width: 5.6rem; aspect-ratio: 1; border: 1px dashed rgba(231, 255, 0, 0.42); border-radius: 50%; animation: orbit 10s linear infinite; }
body.services-index-page .services-section .automation-loop i{ position: absolute; left: -0.22rem; top: 50%; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.6rem var(--yellow); }

body.services-index-page .services-section .product-frame{
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(62%, 27rem);
  aspect-ratio: 1.4;
  border: 1px solid rgba(216, 236, 209, 0.32);
  transform: translate(-50%, -50%);
}

body.services-index-page .services-section .frame-bar{ position: absolute; inset: 0 0 auto; height: 1.6rem; border-bottom: 1px solid rgba(216, 236, 209, 0.22); }
body.services-index-page .services-section .frame-bar::before{ content: ""; position: absolute; left: 0.65rem; top: 0.62rem; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: var(--yellow); box-shadow: 0.75rem 0 var(--sky), 1.5rem 0 var(--mint); }

body.services-index-page .services-section .product-block{
  position: absolute;
  display: grid;
  place-items: center;
  color: rgba(216, 236, 209, 0.7);
  background: rgba(82, 180, 212, 0.12);
  border: 1px solid rgba(216, 236, 209, 0.2);
  font-size: 0.43rem;
  font-style: normal;
  letter-spacing: 0.14em;
  animation: block-build 5.6s var(--ease) infinite;
}

body.services-index-page .services-section .block-a{ left: 6%; top: 25%; width: 36%; height: 62%; }
body.services-index-page .services-section .block-b{ right: 6%; top: 25%; width: 49%; height: 28%; animation-delay: 0.16s; }
body.services-index-page .services-section .block-c{ right: 30%; bottom: 13%; width: 25%; height: 28%; animation-delay: 0.32s; }
body.services-index-page .services-section .block-d{ right: 6%; bottom: 13%; width: 20%; height: 28%; color: var(--ink); background: var(--yellow); animation-delay: 0.48s; }
body.services-index-page .services-section .product-scan{ position: absolute; left: 0; right: 0; top: 1.6rem; height: 1px; background: var(--yellow); box-shadow: 0 0 1rem var(--yellow); animation: product-scan 4s var(--ease) infinite; }
body.services-index-page .services-section .product-input{ left: 2%; top: 44%; transform: translateY(-50%); }
body.services-index-page .services-section .product-output{ right: 2%; top: 44%; transform: translateY(-50%); }

body.services-index-page .services-section .brand-ring{
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

body.services-index-page .services-section .brand-ring-a{ width: min(43vw, 28rem); aspect-ratio: 1; border: 1px solid rgba(231, 255, 0, 0.38); animation: brand-wave 4.2s var(--ease) infinite; }
body.services-index-page .services-section .brand-ring-b{ width: min(31vw, 20rem); aspect-ratio: 1; border: 1px dashed rgba(216, 236, 209, 0.28); animation: orbit 26s linear infinite; }
body.services-index-page .services-section .brand-signal{ position: absolute; z-index: 5; display: flex; align-items: center; gap: 0.55rem; color: rgba(216, 236, 209, 0.74); font-size: 0.48rem; letter-spacing: 0.13em; }
body.services-index-page .services-section .brand-signal i{ width: 0.55rem; height: 0.55rem; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0.9rem var(--yellow); animation: signal-blink 2.8s ease-in-out infinite; }
body.services-index-page .services-section .signal-a{ left: 4%; top: 25%; }
body.services-index-page .services-section .signal-b{ right: 5%; top: 25%; }
body.services-index-page .services-section .signal-c{ right: 5%; bottom: 24%; }
body.services-index-page .services-section .signal-d{ left: 4%; bottom: 24%; }
body.services-index-page .services-section .signal-b i{ animation-delay: 0.5s; }
body.services-index-page .services-section .signal-c i{ animation-delay: 1s; }
body.services-index-page .services-section .signal-d i{ animation-delay: 1.5s; }

body.services-index-page .services-section .growth-radar{
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: min(42vw, 27rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(216, 236, 209, 0.2);
  border-radius: 50%;
  background: repeating-radial-gradient(circle, transparent 0 17%, rgba(216, 236, 209, 0.12) 17.2% 17.6%, transparent 18% 34%);
  transform: translate(-50%, -50%);
}

body.services-index-page .services-section .growth-radar i{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  animation: radar-turn 5.5s linear infinite;
}

body.services-index-page .services-section .growth-radar i::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 1px;
  background: linear-gradient(90deg, var(--yellow), transparent);
  box-shadow: 0 0 1.2rem var(--yellow);
  transform-origin: left;
}

body.services-index-page .services-section .growth-radar b{ color: rgba(216, 236, 209, 0.2); font: 400 3rem / 1 "New Black", sans-serif; }
body.services-index-page .services-section .growth-chart{ z-index: 4; }
body.services-index-page .services-section .growth-axis{ stroke: rgba(216, 236, 209, 0.22); stroke-width: 1; }
body.services-index-page .services-section .growth-curve{ stroke: var(--yellow); stroke-width: 2; stroke-dasharray: 1; stroke-dashoffset: 1; animation: chart-draw 5s var(--ease) infinite; }
body.services-index-page .services-section .growth-chart circle{ fill: var(--yellow); filter: drop-shadow(0 0 0.45rem var(--yellow)); animation: signal-blink 2.5s ease-in-out infinite; }
body.services-index-page .services-section .growth-label{ z-index: 6; }
body.services-index-page .services-section .label-query{ left: 3%; bottom: 13%; }
body.services-index-page .services-section .label-reach{ left: 43%; top: 37%; }
body.services-index-page .services-section .label-momentum{ right: 3%; top: 13%; border-color: var(--yellow); }

body.services-index-page .services-section .visual-output{
  min-height: 6.4rem;
  padding-top: 1rem;
  border-top: 1px solid var(--light-line);
}

body.services-index-page .services-section .visual-output > span{
  color: var(--yellow);
  font-size: 0.48rem;
  letter-spacing: 0.14em;
}

body.services-index-page .services-section .visual-output strong{
  max-width: 24rem;
  font: 400 clamp(1.5rem, 2.25vw, 2.5rem) / 0.9 "New Black", sans-serif;
  letter-spacing: -0.035em;
  text-align: right;
}

@keyframes core-breathe{ 50% { opacity: 0.82; filter: drop-shadow(0 0 1.2rem rgba(231, 255, 0, 0.9)); transform: scale(0.94); } }
@keyframes orbit{ to { transform: rotate(360deg); } }
@keyframes route-flow{ to { stroke-dashoffset: -1; } }
@keyframes automation-pulse{ 50% { transform: translate(538px, 268px); } 100% { transform: translate(538px, 268px); opacity: 0; } }
@keyframes block-build{ 0%, 12% { opacity: 0.2; transform: translateY(0.75rem); } 28%, 82% { opacity: 1; transform: none; } 100% { opacity: 0.2; } }
@keyframes product-scan{ 0%, 14% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 74% { opacity: 1; transform: translateY(13rem); } 100% { opacity: 0; transform: translateY(13rem); } }
@keyframes brand-wave{ 0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(0.82); } 50% { opacity: 0.85; transform: translate(-50%, -50%) scale(1.04); } }
@keyframes signal-blink{ 50% { opacity: 0.36; transform: scale(0.72); } }
@keyframes radar-turn{ to { transform: rotate(360deg); } }
@keyframes chart-draw{ 0%, 12% { stroke-dashoffset: 1; } 60%, 88% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -1; } }
@keyframes reactor-charge{ 0%, 100% { opacity: 0.28; transform: scale(0.82); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes meter-flow{ 0%, 100% { width: 18%; } 55%, 82% { width: 92%; } }
@keyframes raw-drift{ 50% { translate: 0 -0.5rem; opacity: 0.78; } }
@keyframes transform-scan{ 0%, 12% { opacity: 0; transform: translateY(0); } 24% { opacity: 1; } 76% { opacity: 1; transform: translateY(24rem); } 100% { opacity: 0; transform: translateY(24rem); } }

@media (max-width: 68rem){
  body.services-index-page .services-section .services-intro{ grid-template-columns: 1fr 1fr; }
  body.services-index-page .services-section .intro-label{ grid-column: 1 / -1; }
  body.services-index-page .services-section .services-intro > p{ align-self: end; }
  body.services-index-page .services-section .capability-system{ grid-template-columns: minmax(0, 1fr) minmax(26rem, 0.9fr); }
  body.services-index-page .services-section .capability-chapter h2{ font-size: clamp(3.6rem, 6.1vw, 6rem); }
  body.services-index-page .services-section .visual-output{ display: grid; align-content: center; }
  body.services-index-page .services-section .visual-output strong{ font-size: 1.55rem; }
}

@media (max-width: 47.9375rem){
  body.services-index-page .services-section .services-intro{
    min-height: 72svh;
    padding: 3rem 1.35rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }

  body.services-index-page .services-section .services-intro h1{ font-size: clamp(3.7rem, 16vw, 5.4rem); }
  body.services-index-page .services-section .services-intro > p{ font-size: 1rem; }

  body.services-index-page .services-section .capability-system{ display: flex; flex-direction: column; background-size: 2.75rem 2.75rem, 2.75rem 2.75rem, auto; }
  body.services-index-page .services-section .capability-chapters{ order: 2; border-right: 0; }

  body.services-index-page .services-section .capability-visual{
    z-index: 15;
    top: 4rem;
    order: 1;
    width: 100%;
    min-height: 48svh;
    height: 48svh;
    padding: 1rem;
  }

  body.services-index-page .services-section .capability-progress a{ min-height: 2.6rem; }
  body.services-index-page .services-section .capability-progress b{ display: none; }
  body.services-index-page .services-section .visual-meta{ padding-top: 0.3rem; }
  body.services-index-page .services-section .visual-output{ min-height: 4.4rem; display: flex; }
  body.services-index-page .services-section .visual-output > span{ display: none; }
  body.services-index-page .services-section .visual-output strong{ max-width: 15rem; font-size: 1.22rem; text-align: left; }

  body.services-index-page .services-section .capability-chapter{
    min-height: 82svh;
    padding: 5rem 1.35rem 4rem;
    opacity: 0.58;
  }

  body.services-index-page .services-section .capability-chapter h2{ font-size: clamp(3.25rem, 15vw, 5rem); }
  body.services-index-page .services-section .capability-chapter > p{ font-size: 1rem; }
  body.services-index-page .services-section .chapter-index{ margin-bottom: 2rem; }
  body.services-index-page .services-section .service-routes a{ min-height: 3.25rem; font-size: 0.9rem; }

  body.services-index-page .services-section .persistent-core{ width: 4.1rem; }
  body.services-index-page .services-section .persistent-core small{ top: calc(100% + 1.1rem); font-size: 0.3rem; }
  body.services-index-page .services-section .core-orbit-a{ inset: -0.7rem; }
  body.services-index-page .services-section .core-orbit-b{ inset: -1.15rem; }
  body.services-index-page .services-section .system-node,body.services-index-page .services-section .product-input,body.services-index-page .services-section .product-output,body.services-index-page .services-section .growth-label{ padding: 0.45rem 0.5rem; }
  body.services-index-page .services-section .system-node small,body.services-index-page .services-section .product-input small,body.services-index-page .services-section .product-output small,body.services-index-page .services-section .growth-label small{ display: none; }
  body.services-index-page .services-section .system-node b,body.services-index-page .services-section .product-input b,body.services-index-page .services-section .product-output b,body.services-index-page .services-section .growth-label b{ font-size: 0.62rem; }
  body.services-index-page .services-section .node-reason{ display: none; }
  body.services-index-page .services-section .automation-loop{ width: 3.7rem; }
  body.services-index-page .services-section .product-frame{ width: 59%; }
  body.services-index-page .services-section .product-input{ left: 1%; }
  body.services-index-page .services-section .product-output{ right: 1%; }
  body.services-index-page .services-section .brand-ring-a{ width: 66vw; }
  body.services-index-page .services-section .brand-ring-b{ width: 48vw; }
  body.services-index-page .services-section .brand-signal{ font-size: 0.36rem; }
  body.services-index-page .services-section .signal-a,body.services-index-page .services-section .signal-d{ left: 1%; }
  body.services-index-page .services-section .signal-b,body.services-index-page .services-section .signal-c{ right: 1%; }
  body.services-index-page .services-section .growth-radar{ width: 60vw; }
  body.services-index-page .services-section .growth-radar b{ font-size: 1.6rem; }
  body.services-index-page .services-section .label-reach{ display: none; }
  body.services-index-page .services-section .reactor-feed,body.services-index-page .services-section .reactor-output{ min-width: 4.6rem; padding: 0.42rem; }
  body.services-index-page .services-section .reactor-feed small,body.services-index-page .services-section .reactor-output small{ display: none; }
  body.services-index-page .services-section .reactor-feed b,body.services-index-page .services-section .reactor-output b{ font-size: 0.52rem; }
  body.services-index-page .services-section .reactor-core{ width: 6.6rem; }
  body.services-index-page .services-section .reactor-core > small{ display: none; }
  body.services-index-page .services-section .reactor-meter{ left: 15%; right: 15%; }
  body.services-index-page .services-section .raw-field,body.services-index-page .services-section .resolved-field{
    top: 9%;
    bottom: 9%;
    width: 34%;
  }

  body.services-index-page .services-section .raw-field{
    left: 1.5%;
    padding: 0.55rem;
    gap: 0.38rem;
  }

  body.services-index-page .services-section .resolved-field{
    right: 1.5%;
    padding: 0.6rem;
  }

  body.services-index-page .services-section .raw-field > small,body.services-index-page .services-section .resolved-field > small{ font-size: 9px; letter-spacing: 0.08em; }
  body.services-index-page .services-section .raw-token{ max-width: 100%; padding: 0.34rem 0.38rem; font-size: 10px; letter-spacing: 0.04em; }
  body.services-index-page .services-section .transform-core{ width: 4rem; }
  body.services-index-page .services-section .resolved-field strong{ margin: 0.65rem 0 0.8rem; font-size: clamp(0.9rem, 4.2vw, 1.08rem); }
  body.services-index-page .services-section .resolved-row{ min-height: 1.95rem; gap: 0.32rem; font-size: 9px; letter-spacing: 0.025em; }
  body.services-index-page .services-section .resolved-row i{ width: 0.32rem; height: 0.32rem; }
  body.services-index-page .services-section .resolved-row b{ display: none; }
}

@media (prefers-reduced-motion: reduce){
  html:has(body.services-index-page .services-section){ scroll-behavior: auto; }
  body.services-index-page .services-section *,body.services-index-page .services-section *::before,body.services-index-page .services-section *::after{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

/* Restrained homepage heading hierarchy */

/* Restrained homepage display hierarchy. Narrative moments stay prominent; section titles stay readable. */
body.homepage .convergence-section .story .statement-origin,
body.homepage .convergence-section .story .statement-meeting { font-size: clamp(56px, 5.2vw, 76px); line-height: .88; }
body.homepage .convergence-section .story .magic-title { font-size: clamp(64px, 5.6vw, 80px); line-height: .84; }

body.homepage .about-alchemy .alchemy-title h2,
body.homepage .portfolio-reel-intro h2,
body.homepage .process-transfer-copy h2,
body.homepage .closure-heading h2,
body.homepage .faq-intro h2,
body.homepage .project-cta-copy > p {
  font-size: clamp(46px, 4.45vw, 64px);
  line-height: .88;
}

:is(body.homepage, body.services-index-page) .services-section .capability-system .capability-chapter h2 { font-size: clamp(42px, 3.85vw, 56px); line-height: .94; }

/* Keep the product-story release and company model on one continuous brand field. */
body.homepage main {
  background-color: #051d43;
  background-image: url('/assets/brand/fictora-gradient.svg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100vw 100svh;
  background-attachment: fixed;
}
body.homepage .convergence-section { background: transparent; }
body.homepage .convergence-section + .alchemy-section {
  margin-top: -1px;
  background: transparent;
}
body.homepage .convergence-section + .alchemy-section .about-alchemy {
  background: transparent;
}
body.homepage .convergence-section + .alchemy-section .alchemy-shell {
  margin-top: 0;
  border-top: 0;
  background: transparent;
}

@media (max-width: 1000px) {
  body.homepage .convergence-section .story .statement-origin,
  body.homepage .convergence-section .story .statement-meeting { font-size: 46px; line-height: .94; }
  body.homepage .convergence-section .story .magic-title { font-size: 56px; line-height: .88; }
}

@media (max-width: 760px) {
  body.homepage .about-alchemy .alchemy-title h2,
  body.homepage .portfolio-reel-intro h2,
  body.homepage .process-transfer-copy h2,
  body.homepage .closure-heading h2,
  body.homepage .faq-intro h2,
  body.homepage .project-cta-copy > p { font-size: 42px; line-height: .94; }
  :is(body.homepage, body.services-index-page) .services-section .capability-system .capability-chapter h2 { font-size: 38px; line-height: .98; }
}

/* About page composition and responsive polish */

body.fictora-about{
  --about-dark: #051d43;
  --about-navy: #002c4d;
  --about-ink: #012145;
  --about-blue: #3376b0;
  --about-cyan: #52b4d4;
  --about-acid: #e7ff00;
  --about-mint: #d8ecd1;
  --about-soft: #eef8ea;
  --about-rule-dark: rgba(1, 33, 69, .17);
  --about-rule-light: rgba(216, 236, 209, .2);
  --about-ease: cubic-bezier(.22, 1, .36, 1);
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: var(--about-ink);
  background: var(--about-mint);
  font-family: var(--font-body);
  line-height: 1.55;
}

body.fictora-about::before{ display: none; }
body.fictora-about *,body.fictora-about *::before,body.fictora-about *::after{ box-sizing: border-box; }
body.fictora-about :where(h1, h2, h3, p, ul, dl, dd){ margin: 0; }
body.fictora-about ul{ padding: 0; list-style: none; }
body.fictora-about a{ color: inherit; text-decoration: none; }
body.fictora-about img{ display: block; max-width: 100%; }

body.fictora-about .page-wrapper{ min-height: 100vh; overflow: clip; }
body.fictora-about .about-shell{ width: min(calc(100% - clamp(40px, 8vw, 120px)), 1240px); margin-inline: auto; }

body.fictora-about .skip-link{
  position: fixed;
  z-index: 1000;
  left: 16px;
  top: 12px;
  padding: 10px 14px;
  color: var(--about-ink);
  background: var(--about-acid);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  transform: translateY(-160%);
}

body.fictora-about .skip-link:focus{ transform: translateY(0); }

body.fictora-about .about-kicker{ color: var(--about-blue); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
body.fictora-about .about-section-heading{ display: grid; grid-template-columns: minmax(170px, .45fr) minmax(0, 1.55fr); gap: 40px; align-items: end; padding-bottom: clamp(40px, 5vw, 64px); }
body.fictora-about .about-section-heading h2{ max-width: 14ch; font: 400 clamp(36px, 4.2vw, 58px)/.98 var(--font-display); letter-spacing: -.035em; text-wrap: balance; }
body.fictora-about .about-section-heading--dark{ color: var(--about-mint); }
body.fictora-about .about-section-heading--dark .about-kicker{ color: var(--about-acid); }

body.fictora-about .about-hero{
  position: relative;
  min-height: 680px;
  display: grid;
  align-items: center;
  overflow: hidden;
  color: var(--about-mint);
  background: var(--about-dark) var(--brand-gradient) center / cover no-repeat;
}

body.fictora-about .about-hero__grid{ position: absolute; inset: 0; background-image: linear-gradient(rgba(216,236,209,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(216,236,209,.06) 1px, transparent 1px); background-size: 52px 52px; pointer-events: none; }
body.fictora-about .about-hero__inner{ position: relative; padding-block: clamp(80px, 10vw, 132px); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: clamp(48px, 8vw, 110px); align-items: end; }
body.fictora-about .about-breadcrumbs{ margin-bottom: 36px; display: flex; gap: 12px; color: rgba(216,236,209,.55); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
body.fictora-about .about-hero .about-kicker{ color: var(--about-acid); }
body.fictora-about .about-hero h1{ max-width: 12ch; margin-top: 26px; color: var(--about-mint); font: 400 clamp(48px, 5.4vw, 76px)/.94 var(--font-display); letter-spacing: -.04em; text-wrap: balance; }
body.fictora-about .about-hero h1 em{ color: var(--about-acid); font-style: normal; }
body.fictora-about .about-hero__intro{ padding-top: 30px; border-top: 1px solid var(--about-rule-light); }
body.fictora-about .about-hero__intro p{ max-width: 52ch; color: rgba(216,236,209,.74); font-size: clamp(16px, 1.25vw, 18px); line-height: 1.65; }
body.fictora-about .about-hero__intro p + p{ margin-top: 18px; }
body.fictora-about .about-button{ width: max-content; min-height: 48px; margin-top: 30px; padding-inline: 18px; display: inline-flex; align-items: center; gap: 32px; color: var(--about-ink); background: var(--about-acid); font-size: 9px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }

body.fictora-about .about-principles{ padding-block: clamp(76px, 9vw, 124px); background: var(--about-soft); }
body.fictora-about .about-principles__list{ border-top: 1px solid var(--about-rule-dark); }
body.fictora-about .about-principles__list article{ padding: 30px 0; display: grid; grid-template-columns: 70px minmax(180px, .6fr) minmax(0, 1.4fr); gap: 30px; border-bottom: 1px solid var(--about-rule-dark); }
body.fictora-about .about-principles__list article > span{ color: var(--about-blue); font-size: 10px; letter-spacing: .12em; }
body.fictora-about .about-principles__list h3{ font: 400 clamp(24px, 2.2vw, 32px)/1 var(--font-display); }
body.fictora-about .about-principles__list p{ max-width: 68ch; color: rgba(1,33,69,.7); font-size: 16px; line-height: 1.65; }

body.fictora-about .about-origin{ padding-block: clamp(76px, 10vw, 132px); background: var(--about-mint); }
body.fictora-about .about-origin__grid{ display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); gap: clamp(46px, 8vw, 110px); align-items: center; }
body.fictora-about .about-billboard{ position: relative; width: min(100%, 440px); min-height: 720px; padding: clamp(30px, 4vw, 50px); display: flex; flex-direction: column; overflow: hidden; isolation: isolate; color: var(--about-mint); background: var(--about-dark) var(--brand-gradient) 62% center/cover no-repeat; }
body.fictora-about .about-billboard::before{ content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(145deg, rgba(82,180,212,.1), transparent 42%, rgba(1,33,69,.28)); }
body.fictora-about .about-billboard__brand{ display: flex; align-items: center; gap: 16px; text-decoration: none; }
body.fictora-about .about-billboard__brand img{ width: 64px; }
body.fictora-about .about-billboard__brand span{ font: 400 clamp(26px, 2.8vw, 38px)/.88 var(--font-display); letter-spacing: -.03em; }
body.fictora-about .about-billboard__copy{ position: relative; z-index: 2; margin-top: auto; padding-bottom: 150px; }
body.fictora-about .about-billboard__copy strong{ max-width: 7.5ch; display: block; font: 400 clamp(40px, 4.8vw, 64px)/.9 var(--font-display); letter-spacing: -.045em; }
body.fictora-about .about-billboard__copy p{ max-width: 30ch; margin: 24px 0 0; color: rgba(216,236,209,.7); font-size: 15px; line-height: 1.5; }
body.fictora-about .about-billboard__mark{ position: absolute; z-index: 1; left: 18%; bottom: -24%; width: 118%; max-width: none; opacity: .96; transform: rotate(-3deg); pointer-events: none; }
body.fictora-about .about-origin h2{ max-width: 12ch; margin-top: 22px; font: 400 clamp(40px, 4.8vw, 64px)/.95 var(--font-display); letter-spacing: -.04em; }
body.fictora-about .about-origin__lead{ max-width: 42ch; margin-top: 26px; font: 400 clamp(21px, 2vw, 28px)/1.25 var(--font-display); }
body.fictora-about .about-origin__copy > p:last-of-type{ max-width: 62ch; margin-top: 24px; color: rgba(1,33,69,.7); font-size: 16px; line-height: 1.65; }
body.fictora-about .about-origin__facts{ margin-top: 40px; display: grid; grid-template-columns: repeat(2, 1fr); border-block: 1px solid var(--about-rule-dark); }
body.fictora-about .about-origin__facts div{ min-height: 125px; padding: 22px; border-right: 1px solid var(--about-rule-dark); }
body.fictora-about .about-origin__facts div:last-child{ border-right: 0; }
body.fictora-about .about-origin__facts dt{ color: var(--about-blue); font: 400 36px/1 var(--font-display); }
body.fictora-about .about-origin__facts dd{ max-width: 18ch; margin-top: 12px; color: rgba(1,33,69,.62); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }

body.fictora-about .about-alchemy{ color: var(--about-mint); background: var(--about-dark) var(--brand-gradient) center/cover no-repeat; }
body.fictora-about .about-alchemy .section-shell{ margin-block: 0; }
body.fictora-about .about-alchemy .alchemy-title h2{ font-size: clamp(42px,4.5vw,64px); line-height: .9; }

body.fictora-about .about-products{ padding-block: clamp(76px,9vw,124px); background: var(--about-soft); }
body.fictora-about .about-products__list{ border-top: 1px solid var(--about-rule-dark); }
body.fictora-about .about-products__list > a{ min-height: 164px; padding: 28px 0; display: grid; grid-template-columns: 56px minmax(0,1fr) minmax(150px,.35fr) 32px; align-items: center; gap: clamp(20px,4vw,60px); border-bottom: 1px solid var(--about-rule-dark); transition: color .3s var(--about-ease), background-color .3s var(--about-ease); }
body.fictora-about .about-products__list > a > span{ align-self: start; color: var(--about-blue); font-size: 9px; letter-spacing: .12em; }
body.fictora-about .about-products__list h3{ font: 400 clamp(28px,3vw,42px)/1 var(--font-display); letter-spacing: -.025em; }
body.fictora-about .about-products__list p{ max-width: 62ch; margin-top: 13px; color: rgba(1,33,69,.68); font-size: 15px; line-height: 1.55; }
body.fictora-about .about-products__list strong{ display: flex; align-items: center; gap: 10px; color: rgba(1,33,69,.6); font-size: 9px; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; }
body.fictora-about .about-products__list strong i{ width: 7px; height: 7px; border-radius: 50%; background: var(--about-blue); }
body.fictora-about .about-products__list > a:first-child strong i{ background: var(--about-acid); box-shadow: 0 0 0 1px var(--about-ink),0 0 10px rgba(231,255,0,.55); }
body.fictora-about .about-products__list > a > b{ font-size: 24px; font-weight: 400; transition: transform .3s var(--about-ease); }
body.fictora-about .about-products__list > a:hover,body.fictora-about .about-products__list > a:focus-visible{ color: var(--about-blue); outline: 0; }
body.fictora-about .about-products__list > a:hover > b,body.fictora-about .about-products__list > a:focus-visible > b{ transform: translate(4px,-4px); }

body.fictora-about .about-thrive{ padding-block: clamp(72px, 8vw, 110px); color: var(--about-mint); background: var(--about-dark); border-block: 1px solid var(--about-rule-light); }
body.fictora-about .about-thrive__grid{ display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: clamp(48px, 8vw, 110px); align-items: end; }
body.fictora-about .about-thrive .about-kicker{ color: var(--about-acid); }
body.fictora-about .about-thrive h2{ max-width: 14ch; margin-top: 22px; font: 400 clamp(38px, 4.4vw, 60px)/.96 var(--font-display); letter-spacing: -.035em; }
body.fictora-about .about-thrive__copy{ padding-top: 26px; border-top: 1px solid var(--about-rule-light); }
body.fictora-about .about-thrive__copy p{ max-width: 60ch; color: rgba(216,236,209,.72); font-size: 16px; line-height: 1.65; }
body.fictora-about .about-thrive__copy p + p{ margin-top: 18px; }

body.fictora-about .about-team{ padding-block: clamp(76px, 9vw, 124px); color: var(--about-mint); background: var(--about-dark) var(--brand-gradient) center/cover no-repeat; }
body.fictora-about .about-team__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--about-rule-light); border-left: 1px solid var(--about-rule-light); }
body.fictora-about .about-team__grid article{ border-right: 1px solid var(--about-rule-light); border-bottom: 1px solid var(--about-rule-light); }
body.fictora-about .about-team__grid img{ width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: center top; filter: saturate(.88); }
body.fictora-about .about-team__grid article > div{ min-height: 120px; padding: 22px; }
body.fictora-about .about-team__grid h3{ font: 400 clamp(20px, 1.7vw, 26px)/1.05 var(--font-display); }
body.fictora-about .about-team__grid p{ margin-top: 10px; color: var(--about-acid); font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }

body.fictora-about .about-recognition{ padding-block: clamp(76px, 9vw, 124px); background: var(--about-soft); }
body.fictora-about .about-recognition__grid{ display: grid; grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr); gap: clamp(50px, 9vw, 130px); align-items: center; }
body.fictora-about .about-recognition__mark{ aspect-ratio: 1; display: grid; place-content: center; justify-items: center; gap: 20px; color: var(--about-mint); background: var(--about-ink); border-radius: 50%; }
body.fictora-about .about-recognition__mark img{ width: 74px; }
body.fictora-about .about-recognition__mark span{ color: var(--about-acid); font: 400 40px/1 var(--font-display); letter-spacing: .08em; }
body.fictora-about .about-recognition h2{ max-width: 13ch; margin-top: 22px; font: 400 clamp(38px, 4.4vw, 60px)/.96 var(--font-display); letter-spacing: -.035em; }
body.fictora-about .about-recognition h3{ max-width: 25ch; margin-top: 36px; color: var(--about-blue); font: 400 clamp(23px, 2vw, 30px)/1.1 var(--font-display); }
body.fictora-about .about-recognition__copy p{ max-width: 68ch; margin-top: 18px; color: rgba(1,33,69,.7); font-size: 16px; line-height: 1.65; }

body.fictora-about .about-plans{ padding-block: clamp(76px, 9vw, 124px); background: var(--about-mint); }
body.fictora-about .about-plans__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--about-rule-dark); }
body.fictora-about .about-plans__grid article{ min-height: 660px; padding: 30px; display: flex; flex-direction: column; border-right: 1px solid var(--about-rule-dark); }
body.fictora-about .about-plans__grid article:last-child{ border-right: 0; }
body.fictora-about .about-plans__grid article > header{ display: grid; grid-template-columns: 34px 1fr; gap: 16px; }
body.fictora-about .about-plans__grid article > header > span{ color: var(--about-blue); font-size: 9px; }
body.fictora-about .about-plans__grid h3{ font: 400 clamp(24px, 2vw, 30px)/1 var(--font-display); }
body.fictora-about .about-plans__grid header p{ margin-top: 8px; color: rgba(1,33,69,.58); font-size: 13px; }
body.fictora-about .about-plan-price{ margin: 34px 0 28px; padding-block: 24px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; border-block: 1px solid var(--about-rule-dark); }
body.fictora-about .about-plan-price small{ color: var(--about-blue); font-size: 9px; letter-spacing: .1em; }
body.fictora-about .about-plan-price strong{ font: 400 clamp(38px, 3.5vw, 50px)/1 var(--font-display); }
body.fictora-about .about-plan-price span{ color: rgba(1,33,69,.5); font-size: 10px; text-transform: uppercase; }
body.fictora-about .about-plans__grid ul{ display: grid; gap: 13px; }
body.fictora-about .about-plans__grid li{ position: relative; padding-left: 18px; color: rgba(1,33,69,.72); font-size: 14px; line-height: 1.45; }
body.fictora-about .about-plans__grid li::before{ content: "+"; position: absolute; left: 0; color: var(--about-blue); }
body.fictora-about .about-plans__grid article > a{ margin-top: auto; padding-top: 24px; display: flex; justify-content: space-between; border-top: 1px solid var(--about-rule-dark); color: var(--about-blue); font-size: 9px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }

body.fictora-about .about-faq{ padding-block: clamp(76px, 9vw, 124px); background: linear-gradient(145deg, var(--about-soft), var(--about-mint) 62%, rgba(82,180,212,.58)); }
body.fictora-about .about-faq__grid{ display: grid; grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr); gap: clamp(48px, 8vw, 110px); align-items: start; }
body.fictora-about .about-faq__intro{ position: sticky; top: 138px; }
body.fictora-about .about-faq__intro h2{ max-width: 12ch; margin-top: 22px; font: 400 clamp(38px, 4.4vw, 60px)/.96 var(--font-display); letter-spacing: -.035em; }
body.fictora-about .about-faq__intro p{ margin-top: 30px; color: rgba(1,33,69,.65); font-size: 15px; }
body.fictora-about .about-faq__intro a{ width: max-content; margin-top: 14px; padding-bottom: 6px; display: flex; align-items: center; gap: 24px; border-bottom: 1px solid currentColor; color: var(--about-blue); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
body.fictora-about .about-faq__list details{ border-top: 1px solid var(--about-rule-dark); }
body.fictora-about .about-faq__list details:last-child{ border-bottom: 1px solid var(--about-rule-dark); }
body.fictora-about .about-faq__list summary{ min-height: 82px; padding: 18px 46px 18px 0; display: flex; align-items: center; position: relative; list-style: none; cursor: pointer; font: 400 clamp(17px, 1.5vw, 22px)/1.2 var(--font-display); }
body.fictora-about .about-faq__list summary::-webkit-details-marker{ display: none; }
body.fictora-about .about-faq__list summary i{ position: absolute; right: 7px; top: 50%; width: 24px; height: 24px; border: 1px solid rgba(1,33,69,.26); border-radius: 50%; transform: translateY(-50%); }
body.fictora-about .about-faq__list summary i::before,body.fictora-about .about-faq__list summary i::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 1px; background: var(--about-ink); transform: translate(-50%, -50%); transition: transform .3s var(--about-ease); }
body.fictora-about .about-faq__list summary i::after{ transform: translate(-50%, -50%) rotate(90deg); }
body.fictora-about .about-faq__list details[open] summary i::after{ transform: translate(-50%, -50%); }
body.fictora-about .about-faq__list details > div{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s var(--about-ease); }
body.fictora-about .about-faq__list details[open] > div{ grid-template-rows: 1fr; }
body.fictora-about .about-faq__list details > div > p{ min-height: 0; max-width: 66ch; overflow: hidden; color: rgba(1,33,69,.7); font-size: 15px; line-height: 1.65; }
body.fictora-about .about-faq__list details[open] > div > p{ padding: 0 48px 26px 0; }

body.fictora-about .about-close{ padding-block: clamp(70px, 8vw, 108px); color: var(--about-mint); background: var(--about-dark) var(--brand-gradient) center / cover no-repeat; }
body.fictora-about .about-close__inner{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: end; }
body.fictora-about .about-close .about-kicker{ color: var(--about-acid); }
body.fictora-about .about-close h2{ max-width: 14ch; margin-top: 22px; font: 400 clamp(40px, 4.8vw, 66px)/.95 var(--font-display); letter-spacing: -.04em; }
body.fictora-about .about-close__inner > a{ width: 160px; aspect-ratio: 1; display: grid; place-content: center; justify-items: center; gap: 18px; color: var(--about-ink); background: var(--about-acid); border-radius: 50%; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
body.fictora-about .about-close__inner > a span{ font-size: 24px; }


@media (max-width: 1000px){
  body.fictora-about .about-hero__inner{ grid-template-columns: 1fr; align-items: start; }
  body.fictora-about .about-hero__intro{ max-width: 660px; }
  body.fictora-about .about-origin__grid{ grid-template-columns: .85fr 1.15fr; }
  body.fictora-about .about-products__list > a{ grid-template-columns: 42px minmax(0,1fr) 32px; }
  body.fictora-about .about-products__list strong{ grid-column: 2; }
  body.fictora-about .about-products__list > a > b{ grid-column: 3; grid-row: 1; }
  body.fictora-about .about-team__grid{ grid-template-columns: repeat(2, 1fr); }
  body.fictora-about .about-plans__grid{ grid-template-columns: 1fr; }
  body.fictora-about .about-plans__grid article{ min-height: 0; border-right: 0; border-bottom: 1px solid var(--about-rule-dark); }
  body.fictora-about .about-plans__grid article:last-child{ border-bottom: 0; }
  body.fictora-about .about-plans__grid article > a{ margin-top: 34px; }
}

@media (max-width: 760px){
  body.fictora-about .about-shell{ width: calc(100% - 40px); }

  body.fictora-about .about-section-heading{ display: block; }
  body.fictora-about .about-section-heading h2{ margin-top: 20px; font-size: 40px; }
  body.fictora-about .about-hero{ min-height: 0; }
  body.fictora-about .about-hero__inner{ padding-block: 66px 76px; gap: 42px; }
  body.fictora-about .about-breadcrumbs{ margin-bottom: 28px; }
  body.fictora-about .about-hero h1{ font-size: clamp(43px, 12vw, 54px); }
  body.fictora-about .about-hero__intro{ padding-top: 24px; }
  body.fictora-about .about-hero__intro p{ font-size: 16px; }

  body.fictora-about .about-principles__list article{ grid-template-columns: 34px 1fr; gap: 16px; }
  body.fictora-about .about-principles__list p{ grid-column: 2; }

  body.fictora-about .about-origin__grid{ grid-template-columns: 1fr; }
  body.fictora-about .about-billboard{ width: 100%; min-height: 680px; }
  body.fictora-about .about-origin h2{ font-size: 44px; }
  body.fictora-about .about-origin__lead{ font-size: 22px; }
  body.fictora-about .about-origin__facts{ grid-template-columns: 1fr; }
  body.fictora-about .about-origin__facts div{ min-height: 104px; border-right: 0; border-bottom: 1px solid var(--about-rule-dark); }
  body.fictora-about .about-origin__facts div:last-child{ border-bottom: 0; }

  body.fictora-about .about-products__list > a{ min-height: 0; padding-block: 30px; grid-template-columns: 34px minmax(0,1fr) 24px; gap: 14px; }
  body.fictora-about .about-products__list h3{ font-size: 30px; }
  body.fictora-about .about-products__list p{ font-size: 14px; }
  body.fictora-about .about-products__list strong{ margin-top: 8px; }
  body.fictora-about .about-alchemy .alchemy-title h2{ font-size: 40px; }

  body.fictora-about .about-thrive__grid{ grid-template-columns: 1fr; gap: 36px; }
  body.fictora-about .about-thrive h2{ font-size: 42px; }

  body.fictora-about .about-team__grid{ grid-template-columns: 1fr; }
  body.fictora-about .about-team__grid article > div{ min-height: 104px; }

  body.fictora-about .about-recognition__grid{ grid-template-columns: 1fr; }
  body.fictora-about .about-recognition__mark{ width: min(72vw, 300px); justify-self: center; }
  body.fictora-about .about-recognition h2{ font-size: 42px; }

  body.fictora-about .about-plans__grid article{ padding: 28px 0; }
  body.fictora-about .about-plan-price strong{ font-size: 42px; }

  body.fictora-about .about-faq__grid{ grid-template-columns: 1fr; gap: 48px; }
  body.fictora-about .about-faq__intro{ position: relative; top: auto; }
  body.fictora-about .about-faq__intro h2{ font-size: 42px; }
  body.fictora-about .about-faq__list summary{ min-height: 78px; font-size: 17px; }

  body.fictora-about .about-close__inner{ grid-template-columns: 1fr; }
  body.fictora-about .about-close h2{ font-size: 44px; }
  body.fictora-about .about-close__inner > a{ width: 140px; justify-self: end; }

  body.fictora-about .about-billboard__copy{ padding-bottom: 130px; }
}

/* Contact page composition and responsive form */

body.contact-page{
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: var(--brand-ink);
  background: var(--brand-soft);
  font-family: var(--font-body);
  line-height: 1.55;
}

body.contact-page::before{ display: none; }
body.contact-page :where(h1,h2,h3,p,ol){ margin: 0; }
body.contact-page a{ color: inherit; text-decoration: none; }
body.contact-page .contact-shell{ width: min(calc(100% - clamp(40px,8vw,120px)),1240px); margin-inline: auto; }
body.contact-page .contact-kicker{ color: var(--brand-blue); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }

body.contact-page .contact-hero{ position: relative; min-height: 650px; display: grid; grid-template-rows: 1fr auto; overflow: hidden; color: var(--brand-mint); background: var(--brand-deep) var(--brand-gradient) center/cover no-repeat; }
body.contact-page .contact-hero__grid{ position: absolute; inset: 0; background-image: linear-gradient(rgba(216,236,209,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(216,236,209,.06) 1px,transparent 1px); background-size: 52px 52px; pointer-events: none; }
body.contact-page .contact-hero__inner{ position: relative; z-index: 1; padding-block: clamp(76px,10vw,126px); display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); align-items: end; gap: clamp(48px,8vw,110px); }
body.contact-page .contact-breadcrumbs{ margin-bottom: 42px; display: flex; gap: 12px; color: rgba(216,236,209,.65); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
body.contact-page .contact-hero .contact-kicker{ color: var(--brand-acid); }
body.contact-page .contact-hero h1{ max-width: 11ch; margin-top: 24px; color: var(--brand-mint); font: 400 clamp(50px,5.2vw,72px)/.95 var(--font-display); letter-spacing: -.04em; text-wrap: balance; }
body.contact-page .contact-hero__copy{ padding-top: 26px; border-top: 1px solid rgba(216,236,209,.22); }
body.contact-page .contact-hero__copy p{ max-width: 54ch; color: rgba(216,236,209,.8); font-size: clamp(17px,1.35vw,20px); line-height: 1.65; }
body.contact-page .contact-hero__copy a{ width: max-content; margin-top: 30px; padding: 11px 15px; display: flex; gap: 28px; border: 1px solid rgba(231,255,0,.55); border-radius: 999px; color: var(--brand-acid); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
body.contact-page .contact-hero__signals{ position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(216,236,209,.22); }
body.contact-page .contact-hero__signals > span{ min-height: 92px; padding: 20px clamp(22px,4vw,62px); display: grid; align-content: center; gap: 10px; border-right: 1px solid rgba(216,236,209,.22); color: rgba(216,236,209,.82); font-size: 15px; }
body.contact-page .contact-hero__signals > span:last-child{ border-right: 0; }
body.contact-page .contact-hero__signals small{ color: var(--brand-acid); font-size: 10px; letter-spacing: .12em; }

body.contact-page .contact-intake{ padding-block: clamp(76px,9vw,124px); background: var(--brand-soft); }
body.contact-page .contact-intake__grid{ display: grid; grid-template-columns: minmax(280px,.68fr) minmax(0,1.32fr); gap: clamp(52px,9vw,130px); align-items: start; }
body.contact-page .contact-intake__intro{ position: sticky; top: calc(var(--site-header-height) + 36px); }
body.contact-page .contact-intake__intro h2{ max-width: 11ch; margin-top: 22px; font: 400 clamp(38px,4.2vw,58px)/.98 var(--font-display); letter-spacing: -.035em; }
body.contact-page .contact-intake__intro > p{ max-width: 38ch; margin-top: 25px; color: rgba(1,33,69,.75); font-size: 17px; line-height: 1.65; }
body.contact-page .contact-direct{ margin-top: 44px; padding-top: 20px; display: grid; gap: 12px; border-top: 1px solid var(--rule-dark); }
body.contact-page .contact-direct > span{ color: rgba(1,33,69,.58); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
body.contact-page .contact-direct a{ display: flex; justify-content: space-between; align-items: center; gap: 22px; color: var(--brand-blue); font-size: 17px; }
body.contact-page .contact-direct b{ font-size: 20px; font-weight: 400; }

body.contact-page .contact-form{ display: grid; gap: 30px; }
body.contact-page .contact-form__row{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
body.contact-page .contact-form label{ display: grid; gap: 10px; }
body.contact-page .contact-form label > span{ color: rgba(1,33,69,.78); font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
body.contact-page .contact-form label em{ color: var(--brand-blue); font-style: normal; }
body.contact-page .contact-form label small{ font-size: 10px; font-weight: 500; }
body.contact-page .contact-form input,body.contact-page .contact-form select,body.contact-page .contact-form textarea{ width: 100%; min-height: 54px; padding: 13px 0; color: var(--brand-ink); background: transparent; border: 0; border-bottom: 1px solid rgba(1,33,69,.28); border-radius: 0; outline: 0; font: 400 17px/1.4 var(--font-body); transition: border-color .25s var(--ease-out),background-color .25s var(--ease-out); }
body.contact-page .contact-form textarea{ min-height: 150px; resize: vertical; }
body.contact-page .contact-form input::placeholder,body.contact-page .contact-form textarea::placeholder{ color: rgba(1,33,69,.38); }
body.contact-page .contact-form input:focus,body.contact-page .contact-form select:focus,body.contact-page .contact-form textarea:focus{ border-color: var(--brand-blue); background: rgba(82,180,212,.05); }
body.contact-page .contact-form [aria-invalid="true"]{ border-color: #a3413d; }
body.contact-page .contact-form__submit{ padding-top: 28px; display: flex; align-items: center; justify-content: space-between; gap: 32px; border-top: 1px solid var(--rule-dark); }
body.contact-page .contact-form__submit p{ max-width: 40ch; color: rgba(1,33,69,.65); font-size: 14px; line-height: 1.55; }
body.contact-page .contact-form button{ min-width: 228px; min-height: 58px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 30px; color: var(--brand-ink); background: var(--brand-acid); border: 1px solid var(--brand-acid); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; transition: background-color .25s ease,transform .3s var(--ease-out); }
body.contact-page .contact-form button:hover,body.contact-page .contact-form button:focus-visible{ background: var(--brand-mint); transform: translateY(-2px); }
body.contact-page .contact-form button span{ font-size: 20px; }
body.contact-page .contact-form__status{ min-height: 24px; color: var(--brand-blue); font-size: 14px; }

body.contact-page .contact-services{ padding-block: clamp(76px,9vw,124px); background: var(--brand-mint); }
body.contact-page .contact-section-heading > div > p{ max-width: 64ch; margin-top: 20px; color: rgba(1,33,69,.74); font-size: 17px; line-height: 1.65; }
body.contact-page .contact-services__groups{ display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--rule-dark); border-left: 1px solid var(--rule-dark); }
body.contact-page .contact-services__groups article{ min-height: 390px; padding: clamp(26px,3.5vw,46px); display: flex; flex-direction: column; border-right: 1px solid var(--rule-dark); border-bottom: 1px solid var(--rule-dark); }
body.contact-page .contact-services__groups article > span{ color: var(--brand-blue); font-size: 11px; letter-spacing: .12em; }
body.contact-page .contact-services__groups h3{ max-width: 17ch; margin-top: 48px; font: 400 clamp(25px,2.4vw,34px)/1 var(--font-display); letter-spacing: -.025em; }
body.contact-page .contact-services__groups p{ max-width: 54ch; margin-top: 18px; color: rgba(1,33,69,.74); font-size: 17px; line-height: 1.62; }
body.contact-page .contact-services__groups nav{ margin-top: auto; padding-top: 30px; display: grid; }
body.contact-page .contact-services__groups nav a{ min-height: 54px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--rule-dark); color: var(--brand-blue); background: rgba(238,248,234,.34); font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
body.contact-page .contact-services__groups nav b{ font-size: 17px; font-weight: 400; transition: transform .3s var(--ease-out); }
body.contact-page .contact-services__groups nav a:hover b,body.contact-page .contact-services__groups nav a:focus-visible b{ transform: translate(3px,-3px); }

body.contact-page .contact-details{ padding-block: clamp(76px,9vw,124px); background: var(--brand-mint); }
body.contact-page .contact-section-heading{ padding-bottom: clamp(38px,5vw,62px); display: grid; grid-template-columns: minmax(170px,.45fr) minmax(0,1.55fr); align-items: end; gap: 40px; }
body.contact-page .contact-section-heading h2{ max-width: 12ch; font: 400 clamp(38px,4.2vw,58px)/.98 var(--font-display); letter-spacing: -.035em; }
body.contact-page .contact-details__list{ display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--rule-dark); border-left: 1px solid var(--rule-dark); }
body.contact-page .contact-details__list > *{ position: relative; min-height: 210px; padding: 30px; display: flex; flex-direction: column; align-items: flex-start; border-right: 1px solid var(--rule-dark); border-bottom: 1px solid var(--rule-dark); }
body.contact-page .contact-details__list span{ color: var(--brand-blue); font-size: 11px; letter-spacing: .12em; }
body.contact-page .contact-details__list strong{ max-width: 34ch; margin-top: auto; font: 400 clamp(20px,2vw,28px)/1.18 var(--font-display); }
body.contact-page .contact-details__list b{ position: absolute; right: 28px; top: 26px; font-size: 23px; font-weight: 400; transition: transform .3s var(--ease-out); }
body.contact-page .contact-details__list a:hover b,body.contact-page .contact-details__list a:focus-visible b{ transform: translate(4px,-4px); }

body.contact-page .contact-next{ padding-block: clamp(76px,9vw,124px); color: var(--brand-mint); background: var(--brand-deep) var(--brand-gradient) center/cover no-repeat; }
body.contact-page .contact-section-heading--dark{ border-bottom: 1px solid rgba(216,236,209,.22); }
body.contact-page .contact-section-heading--dark .contact-kicker{ color: var(--brand-acid); }
body.contact-page .contact-next__steps{ padding: 0; list-style: none; }
body.contact-page .contact-next__steps li{ min-height: 150px; padding: 30px 0; display: grid; grid-template-columns: 70px minmax(0,1fr); gap: 28px; border-bottom: 1px solid rgba(216,236,209,.22); }
body.contact-page .contact-next__steps li > span{ color: var(--brand-acid); font-size: 11px; letter-spacing: .12em; }
body.contact-page .contact-next__steps h3{ font: 400 clamp(24px,2.2vw,32px)/1 var(--font-display); }
body.contact-page .contact-next__steps p{ max-width: 68ch; margin-top: 15px; color: rgba(216,236,209,.76); font-size: 17px; line-height: 1.62; }

body.contact-page .contact-faq{ padding-block: clamp(76px,9vw,124px); background: linear-gradient(145deg,var(--brand-soft),var(--brand-mint) 62%,rgba(82,180,212,.58)); }
body.contact-page .contact-faq__grid{ display: grid; grid-template-columns: minmax(280px,.68fr) minmax(0,1.32fr); gap: clamp(52px,9vw,130px); align-items: start; }
body.contact-page .contact-faq aside{ position: sticky; top: calc(var(--site-header-height) + 36px); }
body.contact-page .contact-faq h2{ max-width: 12ch; margin-top: 22px; font: 400 clamp(38px,4.2vw,58px)/.98 var(--font-display); letter-spacing: -.035em; }
body.contact-page .contact-faq aside p{ max-width: 38ch; margin-top: 24px; color: rgba(1,33,69,.74); font-size: 17px; line-height: 1.62; }
body.contact-page .contact-faq__list details{ border-top: 1px solid var(--rule-dark); }
body.contact-page .contact-faq__list details:last-child{ border-bottom: 1px solid var(--rule-dark); }
body.contact-page .contact-faq__list summary{ position: relative; min-height: 88px; padding: 18px 48px 18px 0; display: flex; align-items: center; list-style: none; cursor: pointer; font: 400 clamp(19px,1.55vw,23px)/1.24 var(--font-display); }
body.contact-page .contact-faq__list summary::-webkit-details-marker{ display: none; }
body.contact-page .contact-faq__list summary i{ position: absolute; right: 7px; top: 50%; width: 24px; height: 24px; border: 1px solid rgba(1,33,69,.26); border-radius: 50%; transform: translateY(-50%); }
body.contact-page .contact-faq__list summary i::before,body.contact-page .contact-faq__list summary i::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 1px; background: var(--brand-ink); transform: translate(-50%,-50%); transition: transform .3s var(--ease-out); }
body.contact-page .contact-faq__list summary i::after{ transform: translate(-50%,-50%) rotate(90deg); }
body.contact-page .contact-faq__list details[open] summary i::after{ transform: translate(-50%,-50%); }
body.contact-page .contact-faq__list details > div{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s var(--ease-out); }
body.contact-page .contact-faq__list details[open] > div{ grid-template-rows: 1fr; }
body.contact-page .contact-faq__list details > div > p{ min-height: 0; max-width: 66ch; overflow: hidden; color: rgba(1,33,69,.76); font-size: 17px; line-height: 1.68; }
body.contact-page .contact-faq__list details[open] > div > p{ padding: 0 48px 26px 0; }
body.contact-page .contact-faq__list p a{ color: var(--brand-blue); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1000px){
  body.contact-page .contact-hero__inner{ grid-template-columns: 1fr; align-items: start; }
  body.contact-page .contact-hero__copy{ max-width: 680px; }
  body.contact-page .contact-intake__grid{ grid-template-columns: 1fr; }
  body.contact-page .contact-intake__intro{ position: relative; top: auto; }
  body.contact-page .contact-intake__intro > p{ max-width: 54ch; }
  body.contact-page .contact-direct{ max-width: 480px; }
  body.contact-page .contact-faq__grid{ grid-template-columns: 1fr; }
  body.contact-page .contact-faq aside{ position: relative; top: auto; }
}

@media (max-width: 760px){
  body.contact-page .contact-shell{ width: calc(100% - 40px); }
  body.contact-page .contact-hero{ min-height: 0; }
  body.contact-page .contact-hero__inner{ padding-block: 66px 76px; gap: 42px; }
  body.contact-page .contact-breadcrumbs{ margin-bottom: 28px; }
  body.contact-page .contact-hero h1{ font-size: 46px; }
  body.contact-page .contact-hero__signals{ grid-template-columns: 1fr; }
  body.contact-page .contact-hero__signals > span{ min-height: 72px; padding: 18px 20px; border-right: 0; border-bottom: 1px solid rgba(216,236,209,.22); }
  body.contact-page .contact-hero__signals > span:last-child{ border-bottom: 0; }
  body.contact-page .contact-intake__intro h2,body.contact-page .contact-section-heading h2,body.contact-page .contact-faq h2{ font-size: 42px; }
  body.contact-page .contact-form__row{ grid-template-columns: 1fr; gap: 30px; }
  body.contact-page .contact-form__submit{ align-items: stretch; flex-direction: column; }
  body.contact-page .contact-form button{ width: 100%; }
  body.contact-page .contact-section-heading{ display: block; }
  body.contact-page .contact-section-heading h2{ margin-top: 20px; }
  body.contact-page .contact-details__list{ grid-template-columns: 1fr; }
  body.contact-page .contact-details__list > *{ min-height: 170px; padding: 26px 20px; }
  body.contact-page .contact-details__list b{ right: 20px; top: 23px; }
  body.contact-page .contact-next__steps li{ grid-template-columns: 36px minmax(0,1fr); gap: 14px; }
  body.contact-page .contact-next__steps h3{ font-size: 26px; }
  body.contact-page .contact-services__groups{ grid-template-columns: 1fr; }
  body.contact-page .contact-services__groups article{ min-height: 360px; padding: 30px 20px; }
  body.contact-page .contact-services__groups h3{ margin-top: 38px; font-size: 29px; }
}

/* Production-only layout adjustments and component scoping. */

body.homepage {
  color: var(--brand-mint);
  background: var(--brand-deep);
}

body.services-index-page .services-faq-section .faq-intro h2 {
  max-width: 11ch;
  font-size: clamp(42px, 4.8vw, 74px);
  line-height: 0.86;
}

body.services-index-page .services-project-cta .project-cta-copy > button {
  width: 100%;
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 24px;
  color: var(--brand-ink);
  background: var(--brand-acid);
  border: 0;
  border-radius: 50%;
  font-size: 10px;
  letter-spacing: .12em;
  transition: transform 500ms var(--ease-out), background-color 350ms ease;
}

body.services-index-page .services-project-cta .project-cta-copy > button b {
  font-size: 34px;
  font-weight: 400;
  transition: transform 400ms var(--ease-out);
}

body.services-index-page .services-project-cta .project-cta-copy > button:hover,
body.services-index-page .services-project-cta .project-cta-copy > button:focus-visible {
  background: var(--brand-mint);
  outline: 2px solid var(--brand-acid);
  outline-offset: 7px;
  transform: scale(1.04);
}

body.services-index-page .services-project-cta .project-cta-copy > button:hover b,
body.services-index-page .services-project-cta .project-cta-copy > button:focus-visible b {
  transform: translate(6px, -6px);
}

body.services-index-page .services-project-cta .project-cta-paths > a {
  min-height: 64px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  gap: 18px;
  color: rgba(216,236,209,.72);
  font-size: 10px;
  letter-spacing: .1em;
  text-decoration: none;
}

@media (max-width: 760px) {
  body.services-index-page .services-faq-section .faq-intro h2 {
    font-size: 42px;
  }

  body.services-index-page .services-project-cta .project-cta-copy > button {
    width: 176px;
    margin: 54px 0 0 auto;
  }

  body.services-index-page .services-project-cta .project-cta-paths > a {
    min-height: 52px;
  }
}

/* Shared primary navigation and two-column service directory. */
.nav-services {
  position: relative;
  display: flex;
  align-items: stretch;
  align-self: stretch;
}

.nav-services-trigger {
  display: flex !important;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.nav-services-chevron {
  width: 6px;
  height: 6px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 220ms var(--ease-out);
}

.nav-services-panel {
  position: absolute;
  z-index: 800;
  top: calc(100% + 1px);
  left: 50%;
  width: min(690px, calc(100vw - 32px));
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  color: var(--brand-ink);
  background: var(--brand-soft);
  border: 1px solid rgba(1,33,69,.18);
  border-top: 3px solid var(--brand-acid);
  box-shadow: 0 28px 70px rgba(1,17,42,.24);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 12px);
  transition: opacity 180ms ease, visibility 180ms ease, transform 240ms var(--ease-out);
}

.nav-services-panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  height: 12px;
}

.nav-services:hover > .nav-services-panel,
.nav-services:focus-within > .nav-services-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.nav-services:hover > .nav-services-trigger .nav-services-chevron,
.nav-services:focus-within > .nav-services-trigger .nav-services-chevron {
  transform: translateY(2px) rotate(225deg);
}

.nav-services-group {
  min-width: 0;
  padding: 24px;
}

.nav-services-group + .nav-services-group { border-left: 1px solid rgba(1,33,69,.14); }

.nav-services-group > span {
  display: block;
  margin-bottom: 12px;
  color: rgba(1,33,69,.5);
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}

.nav-services-panel .nav-services-group > a {
  position: relative;
  min-height: 47px;
  padding: 12px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  color: var(--brand-ink) !important;
  border-top: 1px solid rgba(1,33,69,.12);
  font-family: var(--font-body);
  font-size: 14px !important;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: .045em !important;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-services-panel .nav-services-group > a::after { display: none !important; }

.nav-services-panel .nav-services-group > a i {
  color: var(--brand-blue);
  font-size: 14px;
  font-style: normal;
  transition: transform 220ms var(--ease-out);
}

.nav-services-panel .nav-services-group > a:hover,
.nav-services-panel .nav-services-group > a:focus-visible,
.nav-services-panel .nav-services-group > a[aria-current="page"] {
  color: var(--brand-blue) !important;
}

.nav-services-panel .nav-services-group > a:hover i,
.nav-services-panel .nav-services-group > a:focus-visible i { transform: translate(3px, -3px); }

.global-nav > a[aria-current="page"],
.global-nav > .nav-services > a[aria-current="page"],
.authority-nav > a[aria-current="page"],
.authority-nav > .nav-services > a[aria-current="page"],
body.service-system-page .site-header > nav > a[aria-current="page"],
body.service-system-page .site-header > nav > .nav-services > a[aria-current="page"] { color: var(--brand-acid); }

.main-nav > a[aria-current="page"],
.main-nav > .nav-services > a[aria-current="page"] { color: var(--brand-blue); }

.site-mobile-menu { display: none; position: relative; align-self: stretch; }
.site-mobile-menu > summary {
  height: 100%;
  min-width: 64px;
  display: grid;
  place-items: center;
  border-left: 1px solid var(--rule-light);
  color: inherit;
  font-size: 14px;
  letter-spacing: .1em;
  list-style: none;
  text-transform: uppercase;
  cursor: pointer;
}
.site-mobile-menu > summary::-webkit-details-marker { display: none; }
.site-mobile-menu[open] > summary { color: var(--brand-ink); background: var(--brand-acid); }

@media (max-width: 1000px) {
  .global-navigation {
    grid-template-columns: minmax(0, 1fr) minmax(126px, 150px) 64px;
  }
  .global-nav { display: none; }
  .global-cta { grid-column: 2; grid-row: 1; }
  .global-navigation > .site-mobile-menu { grid-column: 3; grid-row: 1; display: block; color: var(--brand-mint); }

  body:not(.service-detail-page) .site-header .main-nav,
  body.service-system-page .site-header > nav { display: none; }
  body:not(.service-detail-page) .site-header > .site-mobile-menu,
  body.fictora-about .main-header > .site-mobile-menu { display: block; }

  body.service-system-page .site-header {
    grid-template-columns: minmax(0, 1fr) minmax(126px, 150px) 64px;
  }
  body.service-system-page .site-header > .header-cta { grid-column: 2; grid-row: 1; }
  body.service-system-page .site-header > .site-mobile-menu { grid-column: 3; grid-row: 1; color: var(--brand-mint); }

  .site-mobile-menu > nav {
    position: absolute;
    z-index: 900;
    top: 100%;
    right: 0;
    width: min(440px, 94vw);
    max-height: calc(100svh - 100px);
    padding: 12px 18px 22px;
    display: grid !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow-y: auto;
    color: var(--brand-mint);
    background: var(--brand-deep);
    border: 1px solid var(--rule-light);
    box-shadow: 0 24px 60px rgba(1,17,42,.36);
  }

  .site-mobile-menu > nav > a,
  .site-mobile-menu > nav > .nav-services > .nav-services-trigger {
    min-height: 48px;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    border-bottom: 1px solid var(--rule-light);
    color: var(--brand-mint) !important;
    font-size: 16px !important;
    font-weight: 600;
    letter-spacing: .1em !important;
    text-decoration: none;
    text-transform: uppercase;
  }

  .site-mobile-menu .nav-services { display: block; }
  .site-mobile-menu .nav-services-chevron { display: none; }
  .site-mobile-menu .nav-services-panel {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    color: var(--brand-mint);
    background: rgba(216,236,209,.05);
    border: 0;
    border-bottom: 1px solid var(--rule-light);
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }
  .site-mobile-menu .nav-services-panel::before { display: none; }
  .site-mobile-menu .nav-services-group { padding: 16px 13px; }
  .site-mobile-menu .nav-services-group + .nav-services-group { border-color: var(--rule-light); }
  .site-mobile-menu .nav-services-group > span { color: rgba(216,236,209,.48); }
  .site-mobile-menu .nav-services-panel .nav-services-group > a {
    color: var(--brand-mint) !important;
    border-color: var(--rule-light);
    font-size: 14px !important;
  }

  .authority-mobile-menu .nav-services { display: block; }
  .authority-mobile-menu .nav-services-chevron { display: none; }
  .authority-mobile-menu .nav-services-panel {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    color: var(--brand-mint);
    background: rgba(216,236,209,.05);
    border: 0;
    border-bottom: 1px solid var(--rule-light);
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }
  .authority-mobile-menu .nav-services-panel::before { display: none; }
  .authority-mobile-menu .nav-services-group { padding: 13px; }
  .authority-mobile-menu .nav-services-group + .nav-services-group { border: 0; border-top: 1px solid var(--rule-light); }
  .authority-mobile-menu .nav-services-group > span { color: rgba(216,236,209,.48); }
  .authority-mobile-menu .nav-services-panel .nav-services-group > a { color: var(--brand-mint) !important; }
}

@media (max-width: 620px) {
  .site-mobile-menu .nav-services-panel { grid-template-columns: 1fr; }
  .site-mobile-menu .nav-services-group + .nav-services-group { border-left: 0; border-top: 1px solid var(--rule-light); }
}

/* Keep general editorial heading constraints from leaking into the immersive home systems. */
body.homepage h1 { max-width: none; }

/* Approved authority-page type scale: h1 = 26 × 1.618, h2 = 26. */
body:not(.homepage) h1 { font-size: clamp(36px, 4vw, 42.068px); }
body:not(.homepage) h2 { font-size: 26px; }

body.homepage .page-loader { display: none; }
body.homepage .home-section { overflow: clip; }

body.homepage .convergence-section { position: relative; }
/* Twice the scroll range gives the homepage story half its former playback speed on desktop.
   Mobile keeps the original single-length runway — the slower pace reads as "stuck" on touch. */
body.homepage .convergence-section .story { height: 960svh; }
@media (max-width: 760px) {
  body.homepage .convergence-section .story { height: 480svh; }
  body.homepage .convergence-section .hud-product-actions { display: none; }
}

/* Mobile uses a lightweight native sticky runway with four content-led states.
   Scroll, tap, and horizontal swipe change chapters without GSAP scrub work. */
@media (max-width: 62.5rem) {
  html.is-mobile-story body.homepage .convergence-section .story {
    height: 340svh;
  }

  html.is-mobile-story body.homepage .convergence-section .story-frame {
    position: sticky;
    top: 0;
    height: 100svh;
    min-height: 0;
    contain: paint;
    transform: translateZ(0);
  }

  html.is-mobile-story body.homepage .convergence-section .story-frame::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(
      180deg,
      rgba(216, 236, 209, 0) 0%,
      rgba(70, 167, 182, 0.3) 9%,
      rgba(10, 81, 117, 0.78) 34%,
      rgba(1, 33, 69, 0.98) 72%,
      #012145 100%
    );
    transition: opacity 480ms cubic-bezier(.22,.8,.24,1);
  }

  html.is-mobile-story body.homepage .convergence-section .story-frame:is(
    [data-act="magic-resolving"],
    [data-act="products-emerging"]
  )::before {
    opacity: 1;
  }

  html.is-mobile-story body.homepage .convergence-section .signal-stage {
    position: absolute;
    z-index: 4;
    inset: var(--site-header-height) 0 4.75rem;
    height: auto;
    transition: opacity 360ms ease-out;
  }

  html.is-mobile-story body.homepage .convergence-section .signal-stage :is(
    .signal-map,
    .reactor-map,
    .signal-field,
    .beam,
    .source,
    .core-burst
  ) {
    opacity: .3;
  }

  html.is-mobile-story body.homepage .convergence-section .signal-stage .fictora-core {
    opacity: .72;
  }

  html.is-mobile-story body.homepage .convergence-section .chapter-stack {
    position: absolute;
    z-index: 22;
    inset: var(--site-header-height) 0 4.75rem;
    margin: 0;
  }

  html.is-mobile-story body.homepage .convergence-section .chapter {
    --mobile-enter-x: 28px;
    --mobile-exit-x: -28px;
    position: absolute;
    inset: 0;
    min-height: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(var(--mobile-enter-x), 0, 0);
    transition:
      visibility 0s linear 300ms,
      opacity 220ms ease-out,
      transform 300ms cubic-bezier(.22,.8,.24,1);
  }

  html.is-mobile-story body.homepage .convergence-section .chapter.is-mobile-active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
  }

  html.is-mobile-story body.homepage .convergence-section .chapter.is-mobile-leaving {
    visibility: visible;
    opacity: 0;
    transform: translate3d(var(--mobile-exit-x), 0, 0);
  }

  html.is-mobile-story body.homepage .convergence-section .chapter-meeting {
    display: none;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-magic-context {
    position: absolute;
    z-index: 3;
    top: 3.5%;
    left: 1.25rem;
    right: 1.25rem;
    display: grid;
    justify-items: center;
    gap: .35rem;
    color: var(--brand-mint);
    text-align: center;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-magic-context small {
    color: var(--brand-acid);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .18em;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-magic-context strong {
    font: 400 clamp(1.05rem, 4.7vw, 1.28rem) / 1 "New Black", sans-serif;
    letter-spacing: -.02em;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-magic-context :is(em, b) {
    color: var(--brand-acid);
    font: inherit;
  }

  html.is-mobile-story body.homepage .convergence-section .chapter-magic .magic-word:first-child {
    top: 18%;
  }

  html.is-mobile-story body.homepage .convergence-section .chapter-magic,
  html.is-mobile-story body.homepage .convergence-section .chapter-products {
    padding-bottom: 1rem;
    background: transparent;
  }

  html.is-mobile-story body.homepage .convergence-section .story-frame[data-act="products-emerging"] .signal-stage {
    opacity: 0;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-story-tabs {
    position: absolute;
    z-index: 40;
    inset: auto 0 0;
    min-height: 4.75rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    color: var(--brand-mint);
    background: rgba(5,29,67,.96);
    border-top: 1px solid rgba(216,236,209,.28);
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-story-tabs button {
    padding: 0.75rem 0.2rem;
    display: grid;
    place-content: center;
    gap: 0.28rem;
    color: rgba(216,236,209,.56);
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(216,236,209,.2);
    font: inherit;
    letter-spacing: .07em;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-story-tabs button:last-child {
    border-right: 0;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-story-tabs span {
    color: var(--brand-cyan);
    font-size: .5rem;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-story-tabs b {
    font-size: clamp(.52rem, 2.35vw, .66rem);
    font-weight: 700;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-story-tabs button.is-active {
    color: var(--brand-ink);
    background: var(--brand-acid);
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-story-tabs button.is-active span {
    color: var(--brand-ink);
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-story-cue {
    position: absolute;
    z-index: 39;
    left: 50%;
    bottom: 5.35rem;
    margin: 0;
    padding: .38rem .62rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--brand-mint);
    background: rgba(1,33,69,.74);
    border: 1px solid rgba(216,236,209,.22);
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .11em;
    white-space: nowrap;
    transform: translateX(-50%);
    transition: opacity 180ms ease-out, transform 220ms ease-out;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-story-cue i {
    color: var(--brand-acid);
    font-size: .8rem;
    font-style: normal;
    animation: mobile-story-cue 1.25s ease-in-out infinite;
  }

  html.is-mobile-story body.homepage .convergence-section .mobile-story-cue.is-dismissed {
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, .5rem);
  }

  html.is-mobile-story body.homepage .convergence-section :is(
    .reactor-energy,
    .reactor-packet,
    .signal-pulse,
    .hud-product-junction,
    .hud-product-signal-pulse
  ) {
    filter: none;
  }

  html.is-mobile-story body.homepage .convergence-section :is(
    .reactor-ring,
    .reactor-tick-ring,
    .reactor-armature,
    .reactor-scan,
    .reactor-stators,
    .reactor-energy,
    .reactor-housing,
    .reactor-coil,
    .reactor-aperture,
    .core-orbit,
    .fictora-core img,
    .hud-product-mobile-route::after
  ) {
    animation: none;
  }
}

@keyframes mobile-story-cue {
  50% { transform: translateY(.24rem); }
}

/* The desktop process remains scroll-directed. On mobile, the same controls
   become tap-driven and the section passes through the viewport normally. */
@media (max-width: 62.5rem) {
  body.homepage .process-transfer-section {
    height: auto;
  }

  body.homepage .process-transfer-sticky {
    position: relative;
    top: auto;
    height: auto;
    min-height: calc(100svh - var(--site-header-height));
  }
}
body.homepage .convergence-section .story-frame {
  top: var(--site-header-height);
  height: calc(100vh - var(--site-header-height));
  height: calc(100svh - var(--site-header-height));
}
body.homepage .convergence-section .source b,
body.homepage .convergence-section .source small {
  color: rgba(1,33,69,.46);
  transition: color 280ms var(--ease-out);
}
body.homepage .convergence-section .source:hover b,
body.homepage .convergence-section .source:hover small { color: var(--brand-ink); }
body.homepage .convergence-section .source-marketing { bottom: 3%; }
body.homepage .convergence-section .chapter-magic blockquote {
  padding: 0;
  border: 0;
  background: transparent;
}

body.homepage .audience-hud .audience-node:nth-of-type(4) { --x: 50%; --y: 2%; --s: 6px; }
body.homepage .audience-hud .audience-node:nth-of-type(5) { --x: 84%; --y: 16%; --s: 5px; }
body.homepage .audience-hud .audience-node:nth-of-type(6) { --x: 98%; --y: 50%; --s: 7px; }
body.homepage .audience-hud .audience-node:nth-of-type(7) { --x: 84%; --y: 84%; --s: 5px; }
body.homepage .audience-hud .audience-node:nth-of-type(8) { --x: 50%; --y: 98%; --s: 6px; }
body.homepage .audience-hud .audience-node:nth-of-type(9) { --x: 16%; --y: 84%; --s: 5px; }
body.homepage .audience-hud .audience-node:nth-of-type(10) { --x: 2%; --y: 50%; --s: 7px; }
body.homepage .audience-hud .audience-node:nth-of-type(11) { --x: 16%; --y: 16%; --s: 5px; }

body.homepage .product-topology-section {
  position: relative;
  min-height: 100svh;
  overflow: clip;
  color: var(--brand-mint);
  background: transparent;
}

body.homepage .product-topology-section .site-shell {
  width: 100%;
  max-width: none;
  min-height: 100svh;
  margin: 0;
  border: 0;
}

body.homepage .product-topology-section .c-header,
body.homepage .product-topology-section .c-recognition,
body.homepage .product-topology-section .concept-caption { display: none; }

body.homepage .alchemy-section {
  min-height: 0;
  background: transparent;
}

body.homepage .about-alchemy {
  position: relative;
  min-height: 0;
  overflow: clip;
  color: var(--brand-mint);
  background: transparent;
}

body.homepage .about-alchemy .alchemy-shell {
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  border-inline: 0;
  background: transparent;
}

body.homepage .about-alchemy .alchemy-header {
  height: 82px;
  padding-inline: clamp(22px,4vw,64px);
}

body.homepage .about-alchemy .alchemy-header .section-label {
  gap: 14px;
  color: var(--brand-mint);
  font-size: clamp(13px,1vw,16px);
  font-weight: 600;
  letter-spacing: .14em;
}

body.homepage .about-alchemy .alchemy-header .section-label img { width: 30px; height: 30px; }
body.homepage .about-alchemy .alchemy-header > p { color: rgba(216,236,209,.78); font-size: 13px; }
body.homepage .about-alchemy .alchemy-title h2 {
  font-size: clamp(72px,6.2vw,96px);
  line-height: .82;
  letter-spacing: -.055em;
}

@media (min-width: 761px) and (max-width: 1319px) {
  body.homepage .about-alchemy .alchemy-result {
    position: relative;
    right: auto;
    bottom: auto;
    margin-left: auto;
  }
}

@media (min-width: 1320px) {
  body.homepage .about-alchemy .alchemy-result {
    position: absolute;
    right: 2.5vw;
    bottom: 27px;
    width: 300px;
    min-height: 96px;
    margin: 0;
    padding: 16px 18px 16px 78px;
  }
  body.homepage .about-alchemy .alchemy-result > span { font-size: 8px; }
  body.homepage .about-alchemy .alchemy-result strong { margin-block: 4px; font-size: 20px; }
  body.homepage .about-alchemy .alchemy-result p { max-width: 196px; font-size: 11px; line-height: 1.35; }
  body.homepage .about-alchemy .alchemy-result .result-mark {
    left: 16px;
    width: 50px;
    height: 50px;
  }
  body.homepage .about-alchemy .alchemy-result .result-mark img { width: 28px; }
}

:is(body.homepage, body.services-index-page) .services-section > main { display: block; width: 100%; overflow: visible; }
:is(body.homepage, body.services-index-page) .services-section .services-intro { display: none; }
:is(body.homepage, body.services-index-page) .services-section .visual-canvas,
:is(body.homepage, body.services-index-page) .services-section .reactor-canvas { display: none; }
:is(body.homepage, body.services-index-page) .services-section .transformation-canvas { display: block; }
:is(body.homepage, body.services-index-page) .services-section .capability-visual {
  top: var(--header-height);
  min-height: calc(100svh - var(--header-height));
  height: calc(100svh - var(--header-height));
}
:is(body.homepage, body.services-index-page) .services-section .capability-chapter h2 {
  max-width: 46rem;
  font-size: clamp(50px,4.6vw,78px);
  line-height: .9;
  letter-spacing: -.045em;
}

:is(body.homepage, body.services-index-page) .mobile-service-signal,
:is(body.homepage, body.services-index-page) .mobile-routes-label { display: none; }

body.service-system-page .form-privacy-note {
  color: rgba(1,33,69,.58);
  font-size: 14px;
  line-height: 1.45;
}

@media(max-width:760px) {
  body:not(.homepage):not(.service-system-page):not(.service-detail-page) .site-header .main-nav {
    justify-content: space-between;
    gap: 8px;
    overflow: visible;
  }
  body:not(.homepage):not(.service-system-page):not(.service-detail-page) .site-header .main-nav a {
    flex: 0 0 auto;
    font-size: 11px;
    white-space: nowrap;
  }
  body.homepage .global-navigation { grid-template-columns: minmax(0,1fr) 142px 64px; }
  body.homepage .global-nav { display: none; }
  body.homepage .global-logo { border-right: 1px solid var(--rule-light); }
  body.homepage .product-topology-section,
  body.homepage .product-topology-section .site-shell { min-height: 1380px; }
  body.homepage .product-topology-section .c-copy {
    top: 64px;
    left: 20px;
    width: calc(100% - 40px);
    padding-top: 0;
  }
  body.homepage .product-topology-section .c-copy h2 { font-size: clamp(48px,14vw,58px); line-height: .82; }
  body.homepage .product-topology-section .c-positioning { max-width: none; font-size: 16px; line-height: 1.5; }
  body.homepage .product-topology-section .actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  body.homepage .product-topology-section .action { width: 100%; }
  body.homepage .product-topology-section .topology {
    top: 610px;
    left: 0;
    right: 0;
    width: 100%;
    height: 720px;
    min-height: 720px;
    transform: none;
  }
  body.homepage .product-topology-section .topology::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 27%;
    bottom: 7%;
    width: 1px;
    background: linear-gradient(rgba(231,255,0,.55),rgba(82,180,212,.28));
  }
  body.homepage .product-topology-section .topology svg { display: none; }
  body.homepage .product-topology-section .core-node { left: 50%; top: 15%; width: 108px; height: 108px; }
  body.homepage .product-topology-section .core-node img { width: 50px; }
  body.homepage .product-topology-section .core-node small { top: 124px; font-size: 8px; }
  body.homepage .product-topology-section .core-phase { display: none; }
  body.homepage .product-topology-section .product-node {
    left: 20px;
    right: 20px;
    width: auto;
    min-height: 112px;
    padding: 16px 18px;
    transform: none;
    box-shadow: none;
  }
  body.homepage .product-topology-section .zena-node { top: 37%; }
  body.homepage .product-topology-section .aura-product-node { top: 58%; }
  body.homepage .product-topology-section .oppinio-node { top: 79%; bottom: auto; }

  body.homepage .about-alchemy,
  body.homepage .about-alchemy .alchemy-shell { min-height: 0; }
  body.homepage .about-alchemy .alchemy-header { height: 72px; }
  body.homepage .about-alchemy .alchemy-header > p { display: none; }
  body.homepage .about-alchemy .alchemy-title h2 { font-size: clamp(52px,14vw,64px); }

  :is(body.homepage, body.services-index-page) .services-section .capability-system { display: block; }
  :is(body.homepage, body.services-index-page) .services-section .capability-visual { display: none; }
  :is(body.homepage, body.services-index-page) .services-section .capability-chapters { width: 100%; border: 0; }
  :is(body.homepage, body.services-index-page) .services-section .capability-chapter {
    min-height: 0;
    padding: 58px 22px 68px;
    display: block;
    opacity: 1;
    background: transparent;
  }
  :is(body.homepage, body.services-index-page) .services-section .capability-chapter::before {
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg,var(--brand-acid) 0 28%,rgba(1,33,69,.12) 28%);
  }
  :is(body.homepage, body.services-index-page) .services-section .capability-chapter h2 { max-width: 100%; font-size: clamp(38px,10.5vw,46px); }
  :is(body.homepage, body.services-index-page) .services-section .capability-chapter > p { font-size: 16px; line-height: 1.52; }
  :is(body.homepage, body.services-index-page) .mobile-service-signal,
  :is(body.homepage, body.services-index-page) .mobile-routes-label { display: block; }
}

/* Shared paragraph and compact-control readability scale */

/* Shared production readability scale. Body copy uses fixed sizes by breakpoint. */
body main p:where(:not(.eyebrow):not(.breadcrumbs):not(.chapter-kicker):not(.utility-label):not(.sh-eyebrow):not(.product-brief-eyebrow):not(.process-phase-name):not([class*="breadcrumb"]):not([class*="label"]):not([class*="kicker"]):not(.project-cta-copy > p):not(.proof-ledger-entries p)) {
  font-size: 20px !important;
  line-height: 1.65 !important;
}

/* Compact labels remain distinct, but no longer fall below a readable size. */
body main :is(
  .eyebrow,
  .breadcrumbs,
  .utility-label,
  .sh-eyebrow,
  .about-kicker,
  .about-breadcrumbs,
  .contact-kicker,
  .contact-breadcrumbs,
  .product-brief-eyebrow,
  .product-brief-breadcrumb,
  .process-phase-name,
  .seo-process-counter,
  [class*="-kicker"]:not(.chapter-kicker),
  [class*="-label"],
  [class*="-breadcrumb"],
  .service-overview-copy > p:first-child,
  .micro-capabilities-intro > div > p:first-child,
  .delivery-process-heading > div:first-child > p:first-child,
  .industry-usecases-heading > div > p:first-child,
  .industry-panel-title > p:first-child,
  .zena-proof-copy > p:first-child,
  .saas-connected-services > header > p:first-child,
  .insight-signal > div > p:first-child,
  .service-faq > header > p:first-child,
  .service-close-copy > p:first-child
) {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* Buttons, pills, chips and compact calls to action share one clear size. */
body main button,
body main :is(
  [class*="pill"],
  [class*="chip"],
  [class*="tag"],
  [class*="button"],
  [class*="-cta"],
  [class*="action"]
),
body main .contact-services__groups nav a,
body main .about-plans__grid article > a,
body main .about-faq__intro a,
body main .project-cta-paths > span {
  font-size: 14px !important;
}

body main button :is(span, small),
body main :is([class*="button"], [class*="-cta"], [class*="action"]) :is(span, small),
body main .about-close__inner > a span,
body main .project-cta-copy > a span {
  font-size: 14px !important;
}

/* This is a display line despite its historical class name. */
body main .chapter-kicker {
  font-size: 31px !important;
  line-height: 1.08 !important;
}

@media (min-width: 761px) {
  body :is(.homepage, .fictora-about) main .about-alchemy .alchemy-fields {
    height: 480px !important;
  }
}

@media (max-width: 760px) {
  body main p:where(:not(.eyebrow):not(.breadcrumbs):not(.chapter-kicker):not(.utility-label):not(.sh-eyebrow):not(.product-brief-eyebrow):not(.process-phase-name):not([class*="breadcrumb"]):not([class*="label"]):not([class*="kicker"]):not(.project-cta-copy > p):not(.proof-ledger-entries p)) {
    font-size: 18px !important;
    line-height: 1.65 !important;
  }

  body main .chapter-kicker {
    font-size: 24px !important;
  }
}

/* Global Navigation V2, loaded last so page systems cannot restyle it */

/* Global morphing navigation island. The component markup is runtime-mounted. */

:root {
  --header-height: 104px;
  --site-header-height: 104px;
}

[data-global-header] {
  display: block;
  height: var(--site-header-height);
}

body.homepage [data-global-header] {
  height: 0;
}

/* The former in-flow header reserved this space above every first section.
   Pull the section behind the fixed island, then reserve the same space as
   real padding so the section's own background paints the entire top edge. */
body:not(.homepage) main > :first-child {
  margin-top: calc(-1 * var(--site-header-height));
}

body:not(.homepage) main > :first-child:not(.hero):not(.blog-article) {
  padding-top: var(--site-header-height);
}

body.blog-post-page main > .blog-article:first-child > .article-hero:first-child {
  padding-top: var(--site-header-height);
}

:is(body.category-page, body.page-page) main > .hero:first-child {
  min-height: calc(72vh + var(--site-header-height));
  padding-top: calc(clamp(64px, 9vw, 116px) + var(--site-header-height));
}

@media (min-width: 761px) {
  body.contact-page main > .contact-hero:first-child {
    min-height: calc(650px + var(--site-header-height));
  }

  body.fictora-about main > .about-hero:first-child {
    min-height: calc(680px + var(--site-header-height));
  }

  body.service-system-page main > .product-brief-hero:first-child {
    min-height: calc(100svh - 12px);
  }

  body.services-index-page main > .sh-preview:first-child {
    min-height: calc(100svh - 62px);
  }

  /* Full-height sticky panels paint behind the island. Their content keeps
     the same safe top inset, so only the panel background gains height. */
  :is(body.homepage, body.services-index-page) .services-section .capability-visual {
    top: 0;
    min-height: 100svh;
    height: 100svh;
    padding-top: calc(clamp(1.4rem, 2.5vw, 2.5rem) + var(--site-header-height));
  }

  body.portfolio-page .work-preview {
    top: 0;
    height: 100svh;
    padding-top: calc(clamp(28px, 4vw, 58px) + var(--site-header-height));
  }

  body.service-system-page :is(.authority-service-intro, .authority-process-intro) {
    top: 0;
    min-height: 100svh;
    height: 100svh;
    padding-top: calc(clamp(52px, 6vw, 84px) + var(--site-header-height));
  }

  body.service-system-page .authority-contact-panel {
    top: 0;
    min-height: 100svh;
    height: 100svh;
    padding-top: calc(clamp(44px, 5vw, 72px) + var(--site-header-height));
  }

  body.service-system-page :is(.foundry-sticky, .zena-proof-sticky) {
    top: 0;
    height: 100svh;
    padding-top: var(--site-header-height);
  }

}

@media (min-width: 701px) {
  body.author-page main > .author-hero:first-child {
    min-height: calc(760px + var(--site-header-height));
  }
}

@media (min-width: 861px) {
  body.blog-index-page main > .insights-hero:first-child {
    min-height: 100svh;
  }
}

@media (min-width: 901px) {
  body.portfolio-page main > .portfolio-hero:first-child {
    min-height: 100svh;
  }
}

@media (min-width: 1101px) {
  body.blog-post-page main > .blog-article:first-child > .article-hero:first-child {
    min-height: calc(720px + var(--site-header-height));
  }
}

@media (min-width: 1001px) {
  body.service-system-page .micro-capabilities-intro {
    top: 0;
    height: 100svh;
    padding-top: calc(clamp(54px, 6vw, 88px) + var(--site-header-height));
  }

  body.service-system-page .why-fictora-core,
  body.service-system-page .social-platform-radar {
    top: 0;
    height: 100svh;
    padding-top: var(--site-header-height);
  }

  body.service-system-page .service-faq > header {
    top: 0;
    height: 100svh;
    padding-top: calc(clamp(58px, 7vw, 96px) + var(--site-header-height));
  }
}

@media (max-width: 560px) {
  :is(body.category-page, body.page-page) main > .hero:first-child {
    min-height: auto;
    padding-top: calc(44px + var(--site-header-height));
  }
}

.global-header-v2 {
  position: fixed;
  z-index: 700;
  inset: 0 0 auto;
  width: 100%;
  height: 104px;
  padding: 16px 0 16px clamp(12px, 1.4vw, 24px);
  display: block;
  color: var(--brand-mint);
  background: transparent;
  box-shadow: none;
  font-family: var(--font-body);
  line-height: 1.2;
  pointer-events: none;
}

body.homepage .convergence-section .story-frame {
  top: 0;
  height: 100vh;
  height: 100svh;
}

/* Keep the artwork full-bleed behind the floating island, while reserving the
   actual header height once for every foreground layer. */
body.homepage .convergence-section :is(.signal-stage, .chapter-stack) {
  inset: var(--site-header-height) 0 0;
}

body.homepage main > section,
body.homepage .capability-chapter {
  scroll-margin-top: var(--site-header-height);
}

@media (min-width: 761px) {
  body.homepage .services-section .capability-chapter {
    min-height: calc(100svh - var(--site-header-height));
  }
}

.global-header-v2 .global-recognition {
  display: none;
}

.global-header-v2 .global-navigation-v2 {
  --nav-v2-edge: clamp(176px, 14.25vw, 204px);
  --nav-v2-compact-brand-cell: 56px;
  --nav-v2-cta-cell: 150px;
  --nav-v2-compact-cta-cell: 132px;
  position: relative;
  width: min(75vw, 1180px);
  height: 72px;
  display: grid;
  grid-template-columns: var(--nav-v2-edge) minmax(0, 1fr) var(--nav-v2-cta-cell);
  align-items: stretch;
  overflow: visible;
  color: var(--brand-mint);
  pointer-events: auto;
  isolation: isolate;
}

.global-header-v2 .nav-v2-plate {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  overflow: visible;
  background-color: var(--brand-deep);
  background-image: var(--brand-gradient);
  background-position: left top;
  background-size: max(100vw, 1440px) max(100vh, 900px);
  border: 1px solid rgba(216, 236, 209, .28);
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(1, 17, 42, .24), inset 0 1px rgba(216, 236, 209, .08);
  transform-origin: left center;
  pointer-events: none;
}

.global-header-v2 .nav-v2-plate::before,
.global-header-v2 .nav-v2-plate::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 6px;
  height: 6px;
  pointer-events: none;
}

.global-header-v2 .nav-v2-plate::before {
  top: 8px;
  left: 8px;
  background: var(--brand-acid);
  border-radius: 50%;
}

.global-header-v2 .nav-v2-plate::after {
  right: 7px;
  bottom: 7px;
  border-right: 1px solid var(--brand-acid);
  border-bottom: 1px solid var(--brand-acid);
  border-radius: 0 0 4px;
}

.global-header-v2 :is(.global-logo, .global-nav, .site-mobile-menu, .global-cta) {
  position: relative;
  z-index: 1;
}

.global-header-v2 .global-logo {
  padding: 0 clamp(18px, 1.8vw, 26px);
  display: grid;
  place-items: center start;
  border-right: 0;
  overflow: hidden;
  text-decoration: none;
}

.global-header-v2 .nav-v2-brand-expanded,
.global-header-v2 .nav-v2-brand-compact {
  grid-area: 1 / 1;
  display: grid;
  place-items: center start;
  transform-origin: left center;
  transition: opacity 880ms ease, transform 2320ms var(--ease-out);
}

.global-header-v2 .nav-v2-brand-expanded img {
  width: min(100%, 150px);
  display: block;
}

.global-header-v2 .nav-v2-brand-compact {
  opacity: 0;
  transform: translate3d(22px, 0, 0) scale(.84);
}

.global-header-v2 .nav-v2-brand-compact img {
  width: 32px;
  height: 34px;
  display: block;
}

.global-header-v2 .global-nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 1.65vw, 30px);
}

.global-header-v2 .global-nav > a,
.global-header-v2 .global-nav > .nav-services > .nav-services-trigger {
  padding: 26px 0 23px;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .09em;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
}

.global-header-v2 .nav-v2-link {
  position: relative;
  min-width: 0;
  display: grid !important;
  place-items: center;
  color: inherit;
}

.global-header-v2 .nav-v2-label,
.global-header-v2 .nav-v2-icon {
  grid-area: 1 / 1;
  transition: opacity 880ms ease, transform 2320ms var(--ease-out);
}

.global-header-v2 .nav-v2-icon {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: var(--brand-mint);
  opacity: 0;
  transform: scale(.62);
}

.global-header-v2 .nav-v2-icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: square;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
}

.global-header-v2 .nav-services-trigger .nav-services-chevron {
  position: absolute;
  right: -11px;
}

.global-header-v2 .global-nav > a::after,
.global-header-v2 .global-nav > .nav-services > .nav-services-trigger::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 19px;
  width: 100%;
  height: 1px;
  background: var(--brand-acid);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .4s var(--ease-out);
}

.global-header-v2 .global-nav > a:hover::after,
.global-header-v2 .global-nav > a:focus-visible::after,
.global-header-v2 .global-nav > a[aria-current="page"]::after,
.global-header-v2 .global-nav > .nav-services:hover > .nav-services-trigger::after,
.global-header-v2 .global-nav > .nav-services > .nav-services-trigger[aria-current="page"]::after {
  transform: scaleX(1);
  transform-origin: left;
}

.global-header-v2 .global-cta {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand-ink);
  background: var(--brand-mint);
  margin: 6px;
  border-radius: 12px;
  font: 650 13px/1.2 var(--font-body);
  letter-spacing: .07em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.global-header-v2 .global-cta::before {
  display: none;
}

.global-header-v2 .nav-services-panel {
  top: calc(100% + 2px);
}

.global-header-v2 :where(a, summary):focus-visible {
  outline: 2px solid var(--brand-acid);
  outline-offset: 3px;
}

.global-header-v2 .global-nav .nav-services-panel a:focus-visible {
  outline-color: var(--brand-blue);
}

.global-header-v2 .site-mobile-menu .nav-services-panel a:focus-visible {
  outline-color: var(--brand-acid);
}

.global-header-v2 .site-mobile-menu {
  display: none;
  position: relative;
  align-self: stretch;
}

.global-header-v2 .global-nav > .nav-services.is-touch-open > .nav-services-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.global-header-v2 .global-nav > .nav-services.is-dismissed > .nav-services-panel {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, 12px) !important;
}

html.has-js .global-header-v2:not(.is-entered) .global-navigation-v2 {
  opacity: 0;
  transform: translate3d(calc(-100% - 32px), 0, 0);
}

.global-header-v2.is-entered .global-navigation-v2 {
  animation: nav-v2-enter 1050ms cubic-bezier(.16, 1, .3, 1) both;
}

.global-header-v2[data-entrance="complete"] .global-navigation-v2 {
  animation: none;
  opacity: 1;
  transform: none;
}

.global-header-v2.is-compact .global-navigation-v2 {
  width: calc(clamp(425px, 25vw, 480px) + var(--nav-v2-compact-brand-cell));
  grid-template-columns: var(--nav-v2-compact-brand-cell) minmax(0, 1fr) var(--nav-v2-compact-cta-cell);
}

.global-header-v2.is-compact .global-logo {
  width: auto;
  min-width: 0;
  padding: 0;
  place-items: center;
  border-right: 0;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.global-header-v2.is-compact .nav-v2-brand-expanded {
  opacity: 0;
  transform: translate3d(-24px, 0, 0) scale(.86);
}

.global-header-v2.is-compact .nav-v2-brand-compact {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.global-header-v2.is-compact .global-nav {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
}

.global-header-v2.is-compact .global-nav > .nav-v2-link,
.global-header-v2.is-compact .global-nav > .nav-services {
  width: 44px;
  min-width: 44px;
  height: 44px;
  align-self: center;
}

.global-header-v2.is-compact .global-nav > .nav-services > .nav-services-trigger,
.global-header-v2.is-compact .global-nav > .nav-v2-link {
  width: 44px;
  height: 44px;
  padding: 0;
  justify-content: center;
  align-content: center;
}

.global-header-v2.is-compact .nav-v2-label {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  text-align: center;
  white-space: nowrap;
}

.global-header-v2.is-compact .nav-v2-label,
.global-header-v2.is-compact .nav-services-chevron {
  opacity: 0;
  transform: scale(.72);
  pointer-events: none;
}

.global-header-v2.is-compact .nav-v2-icon {
  opacity: 1;
  transform: scale(1);
}

.global-header-v2.is-compact .global-nav > a::after,
.global-header-v2.is-compact .global-nav > .nav-services > .nav-services-trigger::after {
  display: none;
}

.global-header-v2.is-compact .nav-v2-icon,
.global-header-v2.is-compact .nav-v2-cta,
.global-header-v2.is-compact .global-logo {
  will-change: transform;
}

.global-header-v2.is-compact .nav-v2-cta {
  padding-inline: 8px;
  font-size: 11.5px;
}

.global-header-v2.is-compact .global-nav .nav-services-panel {
  left: -90px;
  width: min(560px, calc(100vw - 32px));
  transform: translate(0, 12px);
}

.global-header-v2.is-compact .global-nav .nav-services:hover > .nav-services-panel,
.global-header-v2.is-compact .global-nav .nav-services:focus-within > .nav-services-panel,
.global-header-v2.is-compact .global-nav .nav-services.is-touch-open > .nav-services-panel {
  transform: translate(0, 0);
}

.global-header-v2.is-compact .global-nav .nav-services.is-dismissed > .nav-services-panel {
  transform: translate(0, 12px) !important;
}

.global-header-v2.is-compact .global-nav > .nav-v2-link::before,
.global-header-v2.is-compact .global-nav > .nav-services > .nav-services-trigger::before {
  content: attr(data-tooltip);
  position: absolute;
  z-index: 910;
  top: calc(100% + 12px);
  left: 50%;
  padding: 7px 9px 6px;
  color: var(--brand-mint);
  background: var(--brand-ink);
  border: 1px solid rgba(216, 236, 209, .24);
  font: 650 10px/1 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, -4px, 0);
  transition: opacity 160ms ease, transform 220ms var(--ease-out);
}

.global-header-v2.is-compact .global-nav > .nav-v2-link:hover::before,
.global-header-v2.is-compact .global-nav > .nav-v2-link:focus-visible::before,
.global-header-v2.is-compact .global-nav > .nav-services > .nav-services-trigger:hover::before,
.global-header-v2.is-compact .global-nav > .nav-services > .nav-services-trigger:focus-visible::before {
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
}

.global-header-v2.is-compact .nav-v2-link[aria-current="page"] .nav-v2-icon,
.global-header-v2.is-compact .nav-services-trigger[aria-current="page"] .nav-v2-icon {
  color: var(--brand-acid);
}

@keyframes nav-v2-enter {
  0% { opacity: 0; transform: translate3d(calc(-100% - 32px), 0, 0); }
  68% { opacity: 1; transform: translate3d(12px, 0, 0); }
  84% { opacity: 1; transform: translate3d(-4px, 0, 0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (max-width: 1120px) {
  .global-header-v2 .global-navigation-v2 {
    --nav-v2-edge: 172px;
  }

  .global-header-v2 .global-nav {
    gap: 14px;
  }

  .global-header-v2 .global-nav > a,
  .global-header-v2 .global-nav > .nav-services > .nav-services-trigger {
    font-size: 11px;
    letter-spacing: .07em;
  }
}

@media (max-width: 1000px) {
  :root {
    --header-height: 90px;
    --site-header-height: 90px;
  }

  .global-header-v2 {
    height: 90px;
    padding: 12px max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));
  }

  .global-header-v2 .global-navigation-v2 {
    width: 75%;
    height: 66px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: space-between;
  }

  .global-header-v2.is-mobile-compact .global-navigation-v2 {
    width: 50%;
    grid-template-columns: 56px 56px;
    justify-content: space-between;
  }

  .global-header-v2 .global-logo {
    grid-column: 1;
    width: 100%;
    padding-inline: 18px;
    border-right: 0;
    justify-self: stretch;
  }

  .global-header-v2 .global-cta {
    display: none;
  }

  .global-header-v2 .site-mobile-menu {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    display: block;
    justify-self: stretch;
  }

  .global-header-v2 .site-mobile-menu > summary {
    width: 100%;
    min-width: 0;
    padding-right: 18px;
    place-items: center end;
    border-left: 0;
  }

  .global-header-v2 .nav-v2-menu-icon {
    position: relative;
    width: 24px;
    height: 18px;
    display: block;
  }

  .global-header-v2 .nav-v2-menu-icon::before,
  .global-header-v2 .nav-v2-menu-icon::after,
  .global-header-v2 .nav-v2-menu-icon i {
    content: "";
    position: absolute;
    left: 0;
    width: 24px;
    height: 2px;
    display: block;
    background: currentColor;
    transform-origin: center;
    transition: opacity 360ms ease, transform 720ms var(--ease-out), top 720ms var(--ease-out);
  }

  .global-header-v2 .nav-v2-menu-icon::before { top: 1px; }
  .global-header-v2 .nav-v2-menu-icon i { top: 8px; }
  .global-header-v2 .nav-v2-menu-icon::after { top: 15px; }

  .global-header-v2 .site-mobile-menu[open] .nav-v2-menu-icon::before {
    top: 8px;
    transform: rotate(45deg);
  }

  .global-header-v2 .site-mobile-menu[open] .nav-v2-menu-icon i {
    opacity: 0;
    transform: scaleX(0);
  }

  .global-header-v2 .site-mobile-menu[open] .nav-v2-menu-icon::after {
    top: 8px;
    transform: rotate(-45deg);
  }

  .global-header-v2 .nav-v2-brand-expanded img {
    width: min(100%, 148px);
  }

  .global-header-v2 .nav-v2-brand-expanded {
    width: 100%;
  }

  .global-header-v2.is-mobile-compact .global-logo {
    padding: 0;
    place-items: center;
    border-right: 0;
  }

  .global-header-v2.is-mobile-compact .nav-v2-brand-expanded {
    opacity: 0;
    transform: translate3d(-22px, 0, 0) scale(.84);
  }

  .global-header-v2.is-mobile-compact .nav-v2-brand-compact {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }

  .global-header-v2.is-mobile-compact .site-mobile-menu,
  .global-header-v2.is-mobile-compact .site-mobile-menu > summary {
    min-width: 56px;
  }

  .global-header-v2.is-mobile-compact .site-mobile-menu > summary {
    border-left: 0;
  }

  .global-header-v2 .site-mobile-menu > nav {
    position: fixed;
    top: 90px;
    right: 0;
    left: 0;
    width: 100vw;
    max-width: none;
    max-height: calc(100svh - 90px - env(safe-area-inset-bottom));
    padding: 12px 24px max(22px, env(safe-area-inset-bottom));
    color: var(--brand-ink);
    background: var(--brand-soft);
    border-color: rgba(1, 33, 69, .18);
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(1, 17, 42, .22);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .global-header-v2 .site-mobile-menu > nav > a,
  .global-header-v2 .nav-v2-mobile-services > summary {
    min-height: 62px;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    color: var(--brand-ink) !important;
    border-bottom: 1px solid rgba(1, 33, 69, .16);
    font-size: 16px !important;
    font-weight: 650;
    letter-spacing: .1em !important;
    text-decoration: none;
    text-transform: uppercase;
  }

  .global-header-v2 .site-mobile-menu > nav > a:last-child {
    border-bottom: 0;
  }

  .global-header-v2 .nav-v2-mobile-services > summary {
    position: relative;
    justify-content: space-between;
    list-style: none;
    cursor: pointer;
  }

  .global-header-v2 .nav-v2-mobile-services > summary::-webkit-details-marker {
    display: none;
  }

  .global-header-v2 .nav-v2-mobile-services > summary span {
    position: relative;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }

  .global-header-v2 .nav-v2-mobile-services > summary span::before,
  .global-header-v2 .nav-v2-mobile-services > summary span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 1px;
    background: currentColor;
    transform: translate(-50%, -50%);
    transition: transform 320ms var(--ease-out);
  }

  .global-header-v2 .nav-v2-mobile-services > summary span::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .global-header-v2 .nav-v2-mobile-services[open] > summary span::after {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  .global-header-v2 .nav-v2-mobile-services-reveal {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 520ms var(--ease-out);
  }

  .global-header-v2 .nav-v2-mobile-services[open] > .nav-v2-mobile-services-reveal {
    grid-template-rows: 1fr;
  }

  .global-header-v2 .nav-v2-mobile-services-inner {
    min-height: 0;
    overflow: hidden;
    background: rgba(82, 180, 212, .1);
  }

  .global-header-v2 .nav-v2-mobile-services-all,
  .global-header-v2 .nav-v2-mobile-services section > a {
    color: var(--brand-ink);
    text-decoration: none;
  }

  .global-header-v2 .nav-v2-mobile-services-all {
    min-height: 52px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(1, 33, 69, .16);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .global-header-v2 .nav-v2-mobile-services-all i {
    color: var(--brand-blue);
    font-size: 16px;
    font-style: normal;
  }

  .global-header-v2 .nav-v2-mobile-services section {
    padding: 18px 14px 10px;
  }

  .global-header-v2 .nav-v2-mobile-services section + section {
    border-top: 1px solid rgba(1, 33, 69, .16);
  }

  .global-header-v2 .nav-v2-mobile-services section h2 {
    margin: 0 0 8px;
    color: rgba(1, 33, 69, .56);
    font: 700 11px/1.2 var(--font-body);
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  .global-header-v2 .nav-v2-mobile-services section > a {
    min-height: 44px;
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(1, 33, 69, .1);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .035em;
  }

  .global-header-v2 .site-mobile-menu > nav > a[aria-current="page"] {
    color: var(--brand-blue) !important;
  }

  .global-header-v2 .site-mobile-menu > nav > a:focus-visible {
    outline-color: var(--brand-blue);
  }

  .global-header-v2 .nav-v2-mobile-services :is(summary, a):focus-visible {
    outline-color: var(--brand-blue);
    outline-offset: -2px;
  }

  html.nav-v2-mobile-open {
    overflow: hidden;
  }
}

@media (max-width: 760px) {
  .global-header-v2 .global-navigation-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: space-between;
  }

  .global-header-v2 .site-mobile-menu > summary {
    min-width: 0;
  }
}

@media (max-width: 520px) {
  .global-header-v2 .global-logo {
    padding-inline: 14px;
  }

  .global-header-v2 .nav-v2-brand-expanded img {
    width: min(100%, 132px);
  }
}

@media (max-width: 380px) {
  .global-header-v2 .global-navigation-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: space-between;
  }

  .global-header-v2 .global-logo {
    padding-inline: 14px;
    place-items: center start;
    border-right: 0;
  }

  .global-header-v2 .nav-v2-brand-expanded {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }

  .global-header-v2 .nav-v2-brand-compact {
    opacity: 0;
    transform: translate3d(22px, 0, 0) scale(.84);
  }

  .global-header-v2 .site-mobile-menu > summary {
    min-width: 0;
  }
}

@media (pointer: coarse) {
  .global-header-v2.is-compact .global-nav > .nav-v2-link,
  .global-header-v2.is-compact .global-nav > .nav-services,
  .global-header-v2.is-compact .global-nav > .nav-services > .nav-services-trigger {
    min-width: 44px;
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.has-js .global-header-v2:not(.is-entered) .global-navigation-v2 {
    opacity: 1;
    transform: none;
  }

  .global-header-v2.is-entered .global-navigation-v2 {
    animation: none;
  }

  .global-header-v2 .nav-v2-brand-expanded,
  .global-header-v2 .nav-v2-brand-compact,
  .global-header-v2 .nav-v2-label,
  .global-header-v2 .nav-v2-icon,
  .global-header-v2 .nav-v2-menu-icon::before,
  .global-header-v2 .nav-v2-menu-icon::after,
  .global-header-v2 .nav-v2-menu-icon i {
    transition: none;
  }
}

/* Mobile V2 owns a two-cell island on every page. */
@media (max-width: 1000px) {
  .global-header-v2 .global-navigation-v2 {
    width: 75% !important;
    grid-template-areas: "brand menu";
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .global-header-v2 .global-nav,
  .global-header-v2 .nav-v2-cta {
    display: none !important;
  }

  .global-header-v2 .global-logo {
    grid-area: brand;
    grid-column: auto;
    width: 100%;
    min-width: 0;
    justify-self: stretch;
  }

  .global-header-v2 .nav-v2-brand-expanded,
  .global-header-v2 .nav-v2-brand-expanded img {
    width: 100%;
    max-width: 132px;
  }

  .global-header-v2 .site-mobile-menu {
    grid-area: menu;
    grid-column: auto;
    width: 100%;
    min-width: 0;
    justify-self: stretch;
  }

  .global-header-v2 .site-mobile-menu > summary {
    width: 100%;
    min-width: 0;
    padding-inline: 0 18px;
    place-items: center end;
  }

  .global-header-v2.is-mobile-compact .global-navigation-v2 {
    width: 50% !important;
    grid-template-areas: "brand menu";
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .global-header-v2.is-mobile-compact .global-logo {
    padding-left: 14px;
    place-items: center start;
  }

  .global-header-v2 .site-mobile-menu > nav {
    right: 0;
    left: 0;
    width: 100vw;
    max-width: none;
  }

}

.site-footer-final {
  padding: clamp(52px, 7vw, 96px) clamp(24px, 5vw, 76px) 24px;
  display: grid;
  grid-template-columns: minmax(240px, 1.2fr) repeat(3, minmax(140px, .65fr)) minmax(220px, .9fr);
  gap: clamp(28px, 4vw, 64px);
  color: var(--brand-mint);
  background: var(--brand-deep);
  border-top: 1px solid rgba(216,236,209,.22);
  font-family: Acumin,Arial,sans-serif;
  line-height: 1.2;
}

.footer-brand > a { width: min(100%, 250px); display: block; text-decoration: none; }
.footer-brand img { width: 100%; height: auto; display: block; }
.footer-brand p { max-width: 29rem; margin: 30px 0 26px; color: rgba(216, 236, 209, .72); font-size: 18px; line-height: 1.58; }
.footer-brand > span { color: var(--brand-acid); font-size: 14px; font-weight: 650; line-height: 1.35; letter-spacing: .11em; }
.footer-column,
.footer-contact { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.footer-column strong,
.footer-contact > strong { margin-bottom: 10px; color: rgba(216, 236, 209, .58); font-size: 14px; font-weight: 700; line-height: 1.3; letter-spacing: .12em; }
.footer-column a,
.footer-contact a,
.footer-contact > span { color: rgba(216, 236, 209, .82); font-size: 16px; line-height: 1.45; text-decoration: none; }
.site-footer-final .footer-column a:hover,
.site-footer-final .footer-column a:focus-visible,
.site-footer-final .footer-contact a:hover,
.site-footer-final .footer-contact a:focus-visible { color: var(--brand-acid); outline: 0; }
.footer-column small { margin-left: 6px; color: var(--brand-acid); font-size: 11px; font-weight: 700; letter-spacing: .07em; }
.footer-contact > div { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 20px; }
.footer-contact > div a { font-size: 14px; font-weight: 650; letter-spacing: .08em; }
.footer-base { grid-column: 1 / -1; margin-top: clamp(32px, 5vw, 70px); padding-top: 24px; display: grid; grid-template-columns: 1fr 1fr 1fr; border-top: 1px solid rgba(216,236,209,.22); color: rgba(216, 236, 209, .58); font-size: 13px; line-height: 1.4; letter-spacing: .08em; }
.footer-base span:nth-child(2) { text-align: center; }
.footer-base a { justify-self: end; color: var(--brand-acid); text-decoration: none; }

@media (max-width: 1180px) {
  .site-footer-final { grid-template-columns: 1.2fr repeat(2, 1fr); }
  .footer-contact { grid-column: 2 / 4; }
}

@media (max-width: 760px) {
  .site-footer-final { padding: 50px 20px 22px; grid-template-columns: 1fr 1fr; gap: 44px 24px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-brand > a { width: min(72vw, 250px); }
  .footer-contact { grid-column: 1 / -1; }
  .footer-base { grid-template-columns: 1fr; gap: 13px; }
  .footer-base span:nth-child(2) { text-align: left; }
  .footer-base a { justify-self: start; }
}

/* Shared global and service lead forms */

.lead-dialog {
  width: min(1180px, calc(100vw - 40px));
  max-width: none;
  max-height: calc(100svh - 40px);
  padding: 0;
  color: var(--brand-ink);
  background: var(--brand-soft);
  border: 1px solid rgba(1, 33, 69, .25);
  box-shadow: 0 30px 90px rgba(1, 17, 42, .34);
  overflow: hidden;
}

.lead-dialog::backdrop { background: rgba(1, 17, 42, .78); }
.lead-dialog[open] { animation: lead-dialog-in 420ms var(--ease-out) both; }
.lead-dialog__shell { min-height: min(760px, calc(100svh - 40px)); display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.42fr); }
.lead-dialog__context { position: relative; min-width: 0; padding: clamp(32px, 4vw, 58px); display: flex; flex-direction: column; overflow: hidden; background: var(--brand-soft); border-right: 1px solid rgba(1, 33, 69, .18); }
.lead-dialog__context::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(1,33,69,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(1,33,69,.065) 1px,transparent 1px); background-size: 44px 44px; pointer-events: none; }
.lead-dialog__context > * { position: relative; z-index: 1; }
.lead-dialog__context > a { width: 40px; display: block; }
.lead-dialog__context > a img { width: 100%; display: block; }
.lead-dialog__context > p:first-of-type { margin: clamp(72px, 13vh, 120px) 0 18px; color: var(--brand-blue); font-size: 14px; font-weight: 700; letter-spacing: .12em; }
.lead-dialog__context h2 { max-width: 12ch; margin: 0; font: 400 clamp(36px, 3.3vw, 52px)/.92 var(--font-display); letter-spacing: -.045em; text-transform: uppercase; }
.lead-dialog__context > p:nth-of-type(2) { max-width: 38ch; margin: 28px 0 0; color: rgba(1, 33, 69, .72); font-size: 18px; line-height: 1.55; }
.lead-dialog__promise { margin-top: auto; padding-top: 28px; display: grid; gap: 9px; border-top: 1px solid rgba(1,33,69,.2); }
.lead-dialog__promise span { color: var(--brand-blue); font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.lead-dialog__promise strong { max-width: 28ch; font-size: 17px; font-weight: 650; line-height: 1.35; }
.lead-dialog__signal { position: absolute; z-index: 0; top: 70px; right: -100px; width: 260px; aspect-ratio: 1; border: 1px solid rgba(1,33,69,.18); border-radius: 50%; }
.lead-dialog__signal span { position: absolute; border: 1px solid rgba(51,118,176,.3); border-radius: 50%; }
.lead-dialog__signal span:nth-child(1) { inset: 18%; }
.lead-dialog__signal span:nth-child(2) { inset: 36%; border-style: dashed; }
.lead-dialog__signal span:nth-child(3) { inset: 48%; background: var(--brand-acid); border: 0; }

.lead-dialog__form-panel { position: relative; min-width: 0; padding: clamp(30px, 4vw, 58px); overflow-y: auto; background: var(--brand-soft); }
.lead-dialog__close { position: absolute; z-index: 5; top: 22px; right: 24px; min-height: 42px; padding: 0 13px; display: flex; align-items: center; gap: 12px; color: var(--brand-ink); background: transparent; border: 1px solid rgba(1,33,69,.24); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.lead-dialog__close span { font-size: 22px; font-weight: 400; line-height: 1; }
.lead-dialog__progress { margin: 2px 72px 46px 0; }
.lead-dialog__progress > div:first-child { display: flex; justify-content: space-between; gap: 16px; color: rgba(1,33,69,.58); font-size: 13px; font-weight: 700; letter-spacing: .11em; }
.lead-dialog__progress-track { height: 2px; margin-top: 15px; background: rgba(1,33,69,.16); }
.lead-dialog__progress-track span { display: block; width: 33.333%; height: 100%; background: var(--brand-blue); transition: transform 420ms var(--ease-out), width 420ms var(--ease-out); }

.lead-form fieldset { margin: 0; padding: 0; border: 0; }
.lead-form fieldset[hidden] { display: none; }
.lead-form legend { max-width: 22ch; margin: 0 0 34px; padding: 0; font: 400 clamp(30px, 3vw, 44px)/.96 var(--font-display); letter-spacing: -.035em; }
.lead-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 24px; }
.lead-field { min-width: 0; display: grid; align-content: start; gap: 10px; }
.lead-field--full { grid-column: 1 / -1; }
.lead-field label { color: rgba(1,33,69,.68); font-size: 14px; font-weight: 700; line-height: 1.3; letter-spacing: .055em; }
.lead-field label small { color: rgba(1,33,69,.48); font-size: 12px; font-weight: 500; }
.lead-field input,
.lead-field select,
.lead-field textarea { width: 100%; min-height: 56px; padding: 13px 15px; color: var(--brand-ink); background: rgba(216,236,209,.28); border: 1px solid rgba(1,33,69,.22); border-radius: 0; outline: 0; font-size: 18px; line-height: 1.35; transition: border-color 220ms var(--ease-out), background 220ms var(--ease-out), box-shadow 220ms var(--ease-out); }
.lead-field textarea { min-height: 126px; resize: vertical; }
.lead-field input::placeholder,
.lead-field textarea::placeholder { color: rgba(1,33,69,.42); }
.lead-field input:focus,
.lead-field select:focus,
.lead-field textarea:focus { background: var(--brand-mint); border-color: var(--brand-blue); box-shadow: 0 0 0 2px rgba(51,118,176,.14); }
.lead-field [aria-invalid="true"] { border-color: #a23c45; box-shadow: 0 0 0 2px rgba(162,60,69,.12); }
.lead-field__error { margin-top: -2px; color: #8a3039; font-size: 13px; font-weight: 650; line-height: 1.35; letter-spacing: 0; }
.lead-field__error:empty { display: none; }
.lead-form__trap { position: fixed; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.lead-form__controls { margin-top: 44px; display: flex; justify-content: space-between; gap: 12px; }
.lead-form__controls button[hidden] { display: none; }
.lead-form__controls button,
.lead-form__success button { min-height: 52px; padding: 0 19px; border: 1px solid var(--brand-ink); font-size: 14px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; cursor: pointer; }
.lead-form__back { color: var(--brand-ink); background: transparent; }
.lead-form__next,
.lead-form__submit { margin-left: auto; display: inline-flex; align-items: center; gap: 28px; color: var(--brand-ink); background: var(--brand-acid); }
.lead-form__privacy { max-width: 68ch; margin: 24px 0 0; color: rgba(1,33,69,.58); font-size: 14px; line-height: 1.5; }
.lead-form__status { min-height: 24px; margin: 12px 0 0; color: #8a3039; font-size: 14px; font-weight: 650; }
.lead-form__success { min-height: 520px; align-content: center; }
.lead-form__success:not([hidden]) { display: grid; }
.lead-form__success img { width: 46px; }
.lead-form__success > span { margin-top: 34px; color: var(--brand-blue); font-size: 13px; font-weight: 700; letter-spacing: .12em; }
.lead-form__success h2 { max-width: 14ch; margin: 18px 0 22px; font: 400 clamp(36px, 4vw, 56px)/.92 var(--font-display); letter-spacing: -.04em; text-transform: uppercase; }
.lead-form__success p { max-width: 50ch; margin: 0; color: rgba(1,33,69,.68); font-size: 18px; line-height: 1.55; }
.lead-form__success button { width: max-content; margin-top: 34px; color: var(--brand-mint); background: var(--brand-ink); }

@keyframes lead-dialog-in { from { opacity: 0; transform: translateY(18px) scale(.985); } to { opacity: 1; transform: none; } }

@media (max-width: 900px) {
  .lead-dialog__shell { grid-template-columns: 1fr; }
  .lead-dialog__context { min-height: 250px; border-right: 0; border-bottom: 1px solid rgba(1,33,69,.18); }
  .lead-dialog__context > p:first-of-type { margin-top: 52px; }
  .lead-dialog__context h2 { max-width: 18ch; }
  .lead-dialog__context > p:nth-of-type(2) { max-width: 58ch; }
  .lead-dialog__promise { display: none; }
}

@media (max-width: 620px) {
  .lead-dialog { width: 100vw; height: 100svh; max-height: none; border: 0; overflow-y: auto; }
  .lead-dialog__shell { min-height: 100svh; display: block; }
  .lead-dialog__context { min-height: 210px; padding: 26px 20px 30px; }
  .lead-dialog__context > a { width: 32px; }
  .lead-dialog__context > p:first-of-type { margin: 34px 0 10px; font-size: 12px; }
  .lead-dialog__context h2 { max-width: calc(100% - 36px); font-size: 32px; }
  .lead-dialog__context > p:nth-of-type(2) { margin-top: 15px; font-size: 16px; }
  .lead-dialog__signal { width: 180px; top: -52px; right: -76px; }
  .lead-dialog__form-panel { min-height: calc(100svh - 210px); padding: 72px 20px 30px; overflow: visible; }
  .lead-dialog__close { top: 16px; right: 16px; }
  .lead-dialog__progress { margin: 0 0 42px; }
  .lead-dialog__progress > div:first-child { font-size: 11px; }
  .lead-form legend { margin-bottom: 28px; font-size: 30px; }
  .lead-form__grid { grid-template-columns: 1fr; gap: 22px; }
  .lead-field--full { grid-column: auto; }
  .lead-field input,
  .lead-field select,
  .lead-field textarea { font-size: 18px; }
  .lead-form__controls { margin-top: 34px; }
  .lead-form__controls button { min-width: 0; }
  .lead-form__privacy { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) { .lead-dialog[open] { animation: none; } }

/* Fictora Brand Cursor */

/* The site cursor reuses the canonical Fictora yellow icon without modifying its source file. */
.fictora-brand-cursor {
  --fictora-cursor-ink: #012145;
  position: fixed;
  z-index: 1200;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transform: translate3d(-100px, -100px, 0);
  transition: opacity 140ms cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
  will-change: transform;
}

.fictora-brand-cursor.is-active { opacity: 1; }
.fictora-brand-cursor.is-suppressed { opacity: 0; }

.fictora-cursor-facing {
  position: absolute;
  z-index: 2;
  left: -20px;
  top: -21px;
  width: 40px;
  height: 42px;
  transform: scale(.75);
  transform-origin: center;
}

.fictora-cursor-icon {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  color: #e7ff00;
  filter: drop-shadow(1px 0 0 var(--fictora-cursor-ink)) drop-shadow(0 1px 0 var(--fictora-cursor-ink)) drop-shadow(0 0 4px rgba(231, 255, 0, .56));
}

.fictora-cursor-arm {
  fill: currentColor;
  transform-box: view-box;
  transform-origin: 50% 50%;
  will-change: transform;
}

/* Keep the large leaf fixed. The smaller leaves orbit as rigid paths around the SVG's shared center. */
.fictora-cursor-arm--anchor {
  transform: none;
  will-change: auto;
}

.fictora-brand-cursor.is-hovering .fictora-cursor-arm--right {
  animation: fictora-cursor-leaf-hover 1s cubic-bezier(.16, 1, .3, 1) 0ms 1 both;
}

.fictora-brand-cursor.is-hovering .fictora-cursor-arm--top {
  animation: fictora-cursor-leaf-hover 1s cubic-bezier(.16, 1, .3, 1) 30ms 1 both;
}

.fictora-brand-cursor.is-hovering .fictora-cursor-arm--left {
  animation: fictora-cursor-leaf-hover 1s cubic-bezier(.16, 1, .3, 1) 60ms 1 both;
}

.fictora-cursor-pulse {
  position: absolute;
  z-index: 1;
  left: -5px;
  top: -5px;
  width: 10px;
  height: 10px;
  opacity: 0;
  border: 1px solid rgba(231, 255, 0, .8);
  border-radius: 50%;
  transform: scale(.4);
  transition: opacity 280ms cubic-bezier(.22, 1, .36, 1), transform 360ms cubic-bezier(.22, 1, .36, 1);
}

.fictora-brand-cursor.is-hovering .fictora-cursor-pulse {
  opacity: .28;
  transform: scale(2.8);
}

.fictora-brand-cursor.is-casting .fictora-cursor-arm--right {
  animation: fictora-cursor-leaf-cast 1s cubic-bezier(.16, 1, .3, 1) 0ms 1 both;
}

.fictora-brand-cursor.is-casting .fictora-cursor-arm--top {
  animation: fictora-cursor-leaf-cast 1s cubic-bezier(.16, 1, .3, 1) 30ms 1 both;
}

.fictora-brand-cursor.is-casting .fictora-cursor-arm--left {
  animation: fictora-cursor-leaf-cast 1s cubic-bezier(.16, 1, .3, 1) 60ms 1 both;
}

.fictora-brand-cursor.is-casting .fictora-cursor-pulse {
  animation: fictora-cursor-pulse 500ms cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes fictora-cursor-leaf-hover {
  0%, 100% { transform: rotate(0deg); }
  26%, 76% { transform: rotate(-22deg); }
}

@keyframes fictora-cursor-leaf-cast {
  0%, 100% { transform: rotate(0deg); }
  24%, 74% { transform: rotate(-34deg); }
}

@keyframes fictora-cursor-pulse {
  0% { opacity: 0; transform: scale(.4); }
  28% { opacity: .9; }
  100% { opacity: 0; transform: scale(5.2); }
}

@media (hover: hover) and (pointer: fine) {
  html.fictora-cursor-ready body,
  html.fictora-cursor-ready :where(a, button, summary, [role="button"], [data-hover="true"]) { cursor: none; }
  html.fictora-cursor-ready :where(input, textarea, select, [contenteditable="true"]) { cursor: auto; }
  html.fictora-cursor-ready :where(input:not([type]), input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], input[type="password"], input[type="number"], textarea, [contenteditable="true"]) { cursor: text; }
  html.fictora-cursor-ready .portfolio-reel-viewport,
  html.fictora-cursor-ready .portfolio-reel-viewport * { cursor: auto; }
  html.fictora-cursor-ready .portfolio-reel.is-cursor-ready .portfolio-reel-viewport,
  html.fictora-cursor-ready .portfolio-reel.is-cursor-ready .portfolio-reel-viewport * { cursor: none; }
  html.fictora-cursor-ready dialog[open],
  html.fictora-cursor-ready dialog[open] * { cursor: auto; }
  html.fictora-cursor-ready dialog[open] :where(a, button, select, summary, [role="button"]) { cursor: pointer; }
  html.fictora-cursor-ready dialog[open] :where(input, textarea) { cursor: text; }
  html.fictora-cursor-ready :where(iframe, video) { cursor: auto; }
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .fictora-brand-cursor { display: none; }
}

/* Reciprocal editorial hubs connect commercial service pages to their supporting guides. */
body.service-system-page .service-resource-hub {
  position: relative;
  min-height: 560px;
  display: grid;
  grid-template-columns: minmax(320px, 4fr) minmax(0, 8fr);
  color: var(--mint);
  background: var(--deep) var(--gradient) center / cover no-repeat;
  border-bottom: 1px solid var(--light-line);
  overflow: hidden;
}
body.service-system-page .service-resource-hub::before {
  content: "";
  position: absolute;
  left: 33.333%;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--light-line);
  pointer-events: none;
}
body.service-system-page .service-resource-hub > header {
  min-width: 0;
  padding: clamp(58px,7vw,96px) clamp(28px,5vw,76px);
  display: flex;
  flex-direction: column;
}
body.service-system-page .service-resource-hub > header > p,
body.service-system-page .service-resource-card p {
  margin: 0;
  color: var(--yellow);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .08em;
}
body.service-system-page .service-resource-hub > header h2 {
  max-width: 12ch;
  margin: 36px 0 0;
  color: var(--mint);
  font: 400 32px/1 NewBlack,sans-serif;
  letter-spacing: -.025em;
  text-wrap: balance;
}
body.service-system-page .service-resource-hub > header > span {
  max-width: 44ch;
  margin-top: 28px;
  color: rgba(216,236,209,.76);
  font-size: 16px;
  line-height: 1.64;
}
body.service-system-page .service-resource-hub-link {
  width: fit-content;
  margin-top: auto;
  padding-top: 42px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--yellow);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .065em;
  text-decoration: none;
  text-transform: uppercase;
}
body.service-system-page .service-resource-hub-link i,
body.service-system-page .service-resource-card > i {
  font-style: normal;
  transition: transform .28s var(--ease);
}
body.service-system-page .service-resource-hub-link:hover i,
body.service-system-page .service-resource-hub-link:focus-visible i,
body.service-system-page .service-resource-card:hover > i,
body.service-system-page .service-resource-card:focus-visible > i {
  transform: translate(3px,-3px);
}
body.service-system-page .service-resource-hub nav {
  min-width: 0;
  display: grid;
  grid-template-rows: repeat(3,1fr);
}
body.service-system-page .service-resource-card {
  min-width: 0;
  min-height: 180px;
  padding: clamp(30px,4vw,52px) clamp(28px,5vw,72px);
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) 20px;
  align-items: center;
  gap: 22px;
  color: inherit;
  border-bottom: 1px solid var(--light-line);
  text-decoration: none;
  transition: background-color .32s var(--ease),padding-left .32s var(--ease);
}
body.service-system-page .service-resource-card:last-child { border-bottom: 0; }
body.service-system-page .service-resource-card:hover,
body.service-system-page .service-resource-card:focus-visible {
  padding-left: clamp(36px,5.5vw,88px);
  background: rgba(82,180,212,.1);
}
body.service-system-page .service-resource-card > span {
  align-self: start;
  color: rgba(216,236,209,.48);
  font: 400 17px/1 NewBlack,sans-serif;
}
body.service-system-page .service-resource-card > div { min-width: 0; }
body.service-system-page .service-resource-card h3 {
  max-width: 28ch;
  margin: 16px 0 0;
  color: var(--mint);
  font: 400 24px/1.08 NewBlack,sans-serif;
  letter-spacing: -.015em;
  text-wrap: balance;
}
body.service-system-page .service-resource-card small {
  max-width: 62ch;
  margin-top: 17px;
  display: block;
  color: rgba(216,236,209,.72);
  font-size: 16px;
  line-height: 1.55;
}
body.service-system-page .service-resource-card > i {
  color: var(--yellow);
  font-size: 18px;
}

@media(max-width:900px) {
  body.service-system-page .service-resource-hub {
    min-height: 0;
    grid-template-columns: 1fr;
  }
  body.service-system-page .service-resource-hub::before { display: none; }
  body.service-system-page .service-resource-hub > header {
    min-height: 420px;
    border-bottom: 1px solid var(--light-line);
  }
  body.service-system-page .service-resource-hub-link {
    margin-top: 46px;
    padding-top: 0;
  }
}

@media(max-width:700px) {
  body.service-system-page .service-resource-hub > header {
    min-height: 0;
    padding: 54px 20px 58px;
  }
  body.service-system-page .service-resource-hub > header > p { font-size: 14px; }
  body.service-system-page .service-resource-hub > header h2 {
    max-width: 14ch;
    margin-top: 28px;
    font-size: 28px;
  }
  body.service-system-page .service-resource-hub > header > span { font-size: 16px; }
  body.service-system-page .service-resource-card {
    min-height: 0;
    padding: 36px 20px;
    grid-template-columns: 34px minmax(0,1fr) 18px;
    gap: 12px;
  }
  body.service-system-page .service-resource-card:hover,
  body.service-system-page .service-resource-card:focus-visible { padding-left: 24px; }
  body.service-system-page .service-resource-card h3 { font-size: 21px; }
  body.service-system-page .service-resource-card small { font-size: 16px; }
}