:root{--background:#05070c;--foreground:#f4f6f8;--card:#0d1320;--card-foreground:#f4f6f8;--popover:#0d1320;--popover-foreground:#f4f6f8;--primary:#694cff;--primary-foreground:#fff;--secondary:#122a5b;--secondary-foreground:#fff;--muted:#182030;--muted-foreground:#9ba7b9;--accent:#b7c7ff;--accent-foreground:#05070c;--destructive:#ed667c;--border:#dce7ff29;--input:#dce7ff29;--ring:#8ea6ff;--radius:0}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#694cff;color:white}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #aa77ff;outline-offset:6px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:#781fff;padding:15px}.skip-link:focus{top:15px}.site-header{height:92px;padding:0 4.5%;display:flex;align-items:center;gap:40px;background:#08080d;border-bottom:1px solid #ffffff26;position:relative;z-index:20}.logo{margin-right:auto}.logo img{width:114px;height:40px;object-fit:contain}.navigation{display:flex;align-items:center;gap:30px;font-size:14px}.navigation a{padding:12px 0}.navigation a:hover{color:#c9acff}.header-cta{font-size:14px;border:1px solid #797582;padding:14px 20px;display:flex;gap:30px}.menu-toggle{display:none}.hero{min-height:680px;height:calc(100svh - 92px);max-height:1050px;position:relative;isolation:isolate;overflow:hidden;background:#08080d}.hero-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05070cf2 0%,#05070ca8 38%,transparent 68%),linear-gradient(0deg,#05070c,transparent 42%),url('/assets/img/x-render-1672.webp') center right/cover no-repeat}.hero-content{position:relative;padding:70px 4.5% 140px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:500;margin:0 0 38px}.hero h1{font-size:clamp(64px,7.8vw,132px);letter-spacing:-.065em;line-height:1.02;font-weight:500;margin:0 0 30px}.hero h1 span{color:#b7c7ff}.hero-description{font-size:18px;line-height:1.6;color:#ccc9d3;margin:0 0 32px;max-width:510px}.hero-actions{display:flex;gap:22px;flex-wrap:wrap}.arrow-link{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;padding:18px 0;font-size:14px;border-bottom:1px solid currentColor;transition:background .2s,transform .2s}.arrow-link span{font-size:22px;line-height:1;transition:transform .2s}.arrow-link:hover span{transform:translate(3px,-3px)}.arrow-link.solid{padding:18px 22px;background:#781fff;border:1px solid #781fff;color:white}.arrow-link.solid:hover{background:#8e40ff}.hero-bottom{position:absolute;bottom:0;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-top:1px solid #ffffff40;font-size:12px;letter-spacing:.08em}.hero-bottom a{display:flex;gap:26px;font-size:14px;letter-spacing:0}.hero-bottom a span{font-size:24px}.section{padding:110px 4.5%}.intro{background:#f2f1f5;color:#111019}.section h2{font-size:clamp(38px,4.8vw,80px);line-height:1.1;letter-spacing:-.055em;font-weight:500;margin:0}.muted{color:#746b7c}.intro-lower{display:flex;justify-content:flex-end;align-items:flex-end;gap:100px;margin:50px 0 0}.intro-lower p{max-width:410px;font-size:18px;line-height:1.7;margin:0}.footer{padding:60px 4.5% 0;background:#09090d}.footer-top{display:flex;gap:50px;justify-content:space-between;align-items:start;padding-bottom:65px}.footer-top img{object-fit:contain}.footer-top p{font-size:24px;line-height:1.4;margin:0 auto 0 40px}.footer-top>a:last-child{font-size:16px}.footer-bottom{display:flex;gap:30px;border-top:1px solid #ffffff30;padding:25px 0;color:#a7a4b1;font-size:12px}.footer-bottom span:last-child{margin-left:auto}
@media(min-width:1700px){.hero-content{padding-top:120px}}@media(max-width:1000px){.site-header{gap:24px;height:82px}.navigation{gap:20px}.header-cta{display:none}.hero{min-height:650px;height:calc(100svh - 82px)}.hero-content{padding-top:85px}.intro-lower{gap:50px}.hero-bottom>span:last-child{display:none}}@media(max-width:720px){.site-header{height:76px;padding:0 6%}.logo img{width:100px}.menu-toggle{display:flex;gap:18px;background:transparent;color:white;border:0;padding:10px 0;font-size:14px}.menu-toggle span{font-size:22px}.navigation{display:none;position:absolute;top:76px;left:0;right:0;padding:25px 6%;background:#111019;border-bottom:1px solid #ffffff30}.navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}.navigation a{padding:16px 0;font-size:22px}.hero{min-height:670px;height:calc(100svh - 76px);max-height:850px}.hero-content{padding:55px 6% 130px}.hero h1{font-size:clamp(48px,11.5vw,82px);letter-spacing:-.055em;margin-bottom:28px}.hero .eyebrow{margin-bottom:35px;font-size:12px}.hero-description{font-size:16px;max-width:290px}.hero-art{background-position:center,center,56% center}.hero-bottom{left:6%;right:6%;font-size:12px}.hero-bottom>span{max-width:145px;line-height:1.5}.hero-bottom a{font-size:12px;gap:16px}.hero-actions{gap:14px;align-items:flex-start;flex-direction:column}.hero-actions .arrow-link{padding-top:14px;padding-bottom:14px}.section{padding:75px 6%}.section h2{font-size:clamp(35px,8.5vw,55px)}.intro-lower{margin-top:35px;display:block}.intro-lower p{font-size:16px}.intro-lower a{margin-top:20px}.footer{padding:45px 6% 0}.footer-top{display:block;padding-bottom:30px}.footer-top p{margin:25px 0;font-size:24px}.footer-bottom{gap:18px;flex-wrap:wrap}.footer-bottom span:last-child{margin:0}.footer-bottom span:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-var-latin.woff2') format('woff2');font-style:normal;font-weight:500 700;font-display:swap}h1,h2,h3,.closing-wordmark{font-family:Montserrat,Arial,sans-serif}.hero h1{font-size:clamp(60px,7.3vw,124px);font-weight:500;letter-spacing:-.06em}.stages{margin-top:80px;border-top:1px solid #19102130;display:grid;grid-template-columns:repeat(3,1fr)}.stage{padding:30px 40px 5px 0;min-height:230px}.stages>div+div{border-left:1px solid #19102130;padding-left:32px}.stage-no{display:block;color:#781fff;font-size:14px;margin-bottom:45px}.stage h3{font-size:23px;font-weight:500;letter-spacing:-.04em;margin:0 0 18px}.stage p{font-size:16px;line-height:1.65;color:#5b5564;max-width:285px}.process{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#0e0c15}.process-heading{position:sticky;top:60px;align-self:start}.section-copy{margin:30px 0;font-size:17px;line-height:1.7;color:#a7a4b1}.path-diagram{display:flex;align-items:center;margin-top:65px;flex-wrap:wrap;gap:9px;font-size:10px;color:#d8ccff}.path-diagram span{border:1px solid #781fff66;padding:11px 9px;font-size:12px}.path-diagram i{width:12px;height:1px;background:#781fff}.process-accordion{padding-top:35px}.process-accordion [data-slot=accordion-item]{border-bottom:1px solid #ffffff30}.process-trigger{font-size:23px!important;padding:28px 0!important;border-radius:0!important;align-items:center!important;line-height:1.3!important;font-weight:400!important;gap:18px!important;text-decoration:none!important}.process-trigger>span:nth-child(2){margin-right:auto}.process-number{font-size:12px;color:#b89fe8;min-width:23px}.process-detail{font-size:16px!important;line-height:1.8;color:#b9b3c5;padding:0 0 15px 42px}.audiences{background:#eeedf1;color:#17121d}.audience-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;gap:2px}.audience-card{padding:50px;min-height:430px;display:flex;flex-direction:column;align-items:flex-start;height:100%}.audience-card.issuer{background:#241344;color:#f9f7ff}.audience-card.investor{background:#ddd5ed}.audience-card .eyebrow{font-size:12px;margin-bottom:35px}.audience-card h3{font-size:clamp(30px,3.2vw,52px);letter-spacing:-.055em;line-height:1.15;font-weight:500;margin:0 0 24px}.audience-card p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:420px;margin:0 0 30px}.audience-card .arrow-link{margin-top:auto}.asset-strip{padding:48px 4.5%;background:#eeedf1;color:#17121d;border-top:1px solid #19102130}.asset-strip .eyebrow{color:#6c6177;margin-bottom:25px}.asset-strip>div{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:clamp(20px,2.5vw,38px);letter-spacing:-.04em}.insights{background:#09090d}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.news-card{display:block}.news-image{aspect-ratio:1.5;overflow:hidden;background:#211b2e;margin-bottom:25px}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.news-card:hover img{transform:scale(1.04)}.news-card .eyebrow{font-size:12px;color:#b9a4dc;margin-bottom:15px}.news-card h3{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.04em;margin:0;min-height:96px}.news-link{display:flex;justify-content:space-between;margin-top:24px;border-top:1px solid #ffffff30;padding-top:16px;font-size:14px;color:#bbb7c4}.news-link span{font-size:24px}.closing{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(165deg,#e0d5ff 0%,#ab7df9 26%,#5427a5 60%,#100b1b 90%);padding-bottom:250px;color:#171021}.closing h2{font-size:clamp(50px,6.5vw,100px);max-width:1000px}.closing .arrow-link{margin-top:35px;background:#14101c;border-color:#14101c}.closing-wordmark{position:absolute;bottom:-.24em;right:3%;font-size:clamp(180px,26vw,480px);font-weight:600;letter-spacing:-.085em;line-height:1;color:#cfbdf64d;z-index:-1;pointer-events:none}.footer-nav{display:flex;gap:24px;font-size:14px;flex-wrap:wrap;margin-bottom:35px}.will-reveal{opacity:.01;transform:translateY(22px);transition:opacity .7s,transform .7s}.will-reveal.is-visible{opacity:1;transform:none}.subhero{background:radial-gradient(ellipse at 100% 80%,#381b6850,transparent 65%),#0c0a12}.subhero h1{font-size:clamp(48px,6.7vw,110px);letter-spacing:-.06em;line-height:1.05;font-weight:500;max-width:1200px;margin:0}.subhero-lower{display:flex;gap:70px;align-items:flex-end;justify-content:space-between;margin-top:55px}.subhero-lower p{font-size:20px;line-height:1.6;max-width:660px;color:#c8c2d1;margin:0}.subhero-lower a{flex-shrink:0}.detail-sections{background:#f2f1f5;color:#15101b}.detail-sections article{display:grid;grid-template-columns:75px 1fr 1fr;gap:40px;padding:50px 0;border-bottom:1px solid #19102130}.detail-sections article:first-child{padding-top:0}.detail-sections .stage-no{margin:10px 0}.detail-sections h2{font-size:36px}.detail-sections p{margin:0;font-size:17px;line-height:1.75;color:#655b70}.simple-cta{background:#271844}.simple-cta h2{font-size:clamp(40px,5vw,80px)}.simple-cta .arrow-link{margin-top:20px}.eligibility{font-size:14px;line-height:1.7;max-width:820px;color:#c3b3d6;margin:45px 0 0}.blog-intro{padding-bottom:50px}.blog-grid{padding-top:0}.article-top{padding-top:80px;padding-bottom:60px}.article-top h1{font-size:clamp(36px,5.3vw,82px);line-height:1.08;max-width:1100px;margin:30px 0 35px;letter-spacing:-.055em;font-weight:500}.article-meta{color:#a69cb5;font-size:14px;display:flex;gap:25px}.article-hero{width:100%;max-height:660px;object-fit:cover;margin-top:45px}.article-body{max-width:800px;margin:auto;padding:70px 30px;font-size:18px;line-height:1.8}.article-body h2{font-size:30px;line-height:1.3;margin:42px 0 20px;font-weight:500;letter-spacing:-.03em}.article-body p{margin:0 0 25px}.article-body a{text-decoration:underline;color:#c9b0f6}.article-source{font-size:14px;margin-top:50px;border-top:1px solid #ffffff30;padding-top:25px}.status-notice{font-size:14px;border:1px solid #876bab;padding:20px;line-height:1.6;margin-bottom:30px}.article-body blockquote{border-left:2px solid #781fff;margin:30px 0;padding-left:25px;color:#d8ccff}.article-body ul{list-style:disc;padding-left:24px}.article-body pre{overflow:auto;background:#1a1523;padding:20px;font-size:14px}.article-body h3{font-size:24px;margin:30px 0 15px}
@media(max-width:1000px){.process{gap:6%}.path-diagram{flex-direction:column;align-items:flex-start}.path-diagram i{height:12px;width:1px;margin-left:25px}.process-trigger{font-size:20px!important}.audience-card{padding:32px}.news-grid{gap:20px}.news-card h3{font-size:20px}.detail-sections article{grid-template-columns:45px 1fr;gap:25px}.detail-sections p{grid-column:2}.subhero-lower{display:block}.subhero-lower .arrow-link{margin-top:25px}.hero h1{font-size:clamp(64px,7.6vw,105px)}}
@media(max-width:720px){.hero h1{font-size:clamp(44px,10.8vw,78px)}.stages{display:block;margin-top:50px}.stages>div+div{border-left:0;border-top:1px solid #19102130;padding-left:0}.stage{padding:28px 0;min-height:0}.stage-no{margin-bottom:25px}.stage p{max-width:unset;margin:0}.process{display:block}.process-heading{position:static}.process-accordion{padding-top:25px}.path-diagram{flex-direction:row;gap:6px;margin-top:35px}.path-diagram span{font-size:10px;padding:9px 6px}.path-diagram i{height:1px;width:8px;margin:0}.audience-grid{grid-template-columns:1fr;margin-top:35px;gap:16px}.audience-card{padding:35px 25px;min-height:410px}.audience-card h3{font-size:36px}.asset-strip{padding:38px 6%}.asset-strip>div{display:grid;grid-template-columns:1fr 1fr;font-size:21px;gap:22px}.news-grid{grid-template-columns:1fr;gap:45px;margin-top:40px}.news-card h3{min-height:0;font-size:25px}.section-heading{display:block}.section-heading>a{margin-top:15px}.closing{padding-bottom:140px}.closing h2{font-size:clamp(42px,10vw,65px)}.closing-wordmark{font-size:34vw;bottom:-.15em}.detail-sections article{padding:35px 0;gap:15px;grid-template-columns:30px 1fr}.detail-sections h2{font-size:29px}.detail-sections p{font-size:16px}.subhero h1{font-size:clamp(42px,10vw,70px)}.subhero-lower{margin-top:30px}.subhero-lower p{font-size:17px}.article-top{padding-top:50px}.article-body{padding:40px 6%;font-size:16px}.article-top h1{font-size:38px}.article-meta{flex-wrap:wrap;gap:12px}.footer-top p{font-size:22px}}
@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}}


/* StegX landing system */
:root {
  --stegx-ink: #05070c;
  --stegx-ink-soft: #0b1220;
  --stegx-blue: #173b82;
  --stegx-violet: #694cff;
  --stegx-ice: #b7c7ff;
  --stegx-paper: #f2f4f1;
  --stegx-line-dark: rgba(218, 228, 247, .18);
  --stegx-line-light: rgba(12, 24, 45, .17);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 84px;
  padding: 0 4.5%;
  background: rgba(5, 7, 12, .92);
  border-bottom: 1px solid var(--stegx-line-dark);
  backdrop-filter: blur(18px);
}

.navigation {
  gap: clamp(20px, 2.2vw, 36px);
}

.navigation a {
  color: #c8ceda;
  transition: color .25s ease;
}

.navigation a:hover {
  color: #fff;
}

.header-cta {
  min-width: 144px;
  border-color: rgba(183, 199, 255, .36);
  background: rgba(255, 255, 255, .03);
  transition: background .25s ease, border-color .25s ease;
}

.header-cta:hover {
  background: #694cff;
  border-color: #694cff;
}

.arrow-link.solid {
  background: #694cff;
  border-color: #694cff;
}

.arrow-link.solid:hover {
  background: #7a61ff;
  border-color: #7a61ff;
}

.landing-page {
  background: var(--stegx-ink);
  overflow: clip;
}

.landing-hero {
  position: relative;
  isolation: isolate;
  min-height: 760px;
  height: calc(100svh - 84px);
  max-height: 1120px;
  overflow: hidden;
  background:
    radial-gradient(circle at 73% 51%, rgba(50, 91, 187, .22), transparent 34%),
    radial-gradient(circle at 45% 100%, rgba(105, 76, 255, .13), transparent 40%),
    #05070c;
}

.landing-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(5, 7, 12, .99) 0%, rgba(5, 7, 12, .94) 31%, rgba(5, 7, 12, .28) 62%, rgba(5, 7, 12, .08) 100%),
    linear-gradient(0deg, rgba(5, 7, 12, .96) 0%, transparent 32%);
  pointer-events: none;
}

.landing-hero-grid,
.scroll-story-grid {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(183, 199, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183, 199, 255, .055) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: linear-gradient(90deg, transparent, #000 38%, #000 100%);
}

.landing-hero-grid::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: rgba(183, 199, 255, .12);
}

.landing-hero-glow {
  position: absolute;
  z-index: -3;
  width: 52vw;
  aspect-ratio: 1;
  right: -3vw;
  top: 2%;
  border: 1px solid rgba(183, 199, 255, .12);
  border-radius: 50%;
  box-shadow:
    0 0 0 11vw rgba(28, 65, 145, .035),
    0 0 0 22vw rgba(105, 76, 255, .02);
}

.landing-hero-object {
  position: absolute;
  z-index: -2;
  width: min(73vw, 1180px);
  height: auto;
  max-width: none;
  right: -4vw;
  bottom: -17%;
  filter: saturate(.96) contrast(1.04);
  transform: translateZ(0);
  animation: stegx-hero-settle 1.25s cubic-bezier(.2, .75, .25, 1) both;
}

@keyframes stegx-hero-settle {
  from { opacity: 0; transform: translate3d(4%, 4%, 0) scale(1.04); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

.landing-hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100% - 88px);
  width: min(61%, 970px);
  padding: clamp(70px, 9vh, 126px) 0 128px 4.5%;
}

.landing-hero-content .eyebrow {
  margin-bottom: clamp(32px, 5vh, 62px);
  color: #cbd3e4;
}

.landing-hero h1 {
  margin: 0;
  font-size: clamp(70px, 8.2vw, 150px);
  font-weight: 520;
  letter-spacing: -.075em;
  line-height: .92;
}

.landing-hero h1 span {
  color: var(--stegx-ice);
  background: linear-gradient(96deg, #f4f7ff 0%, #aebfff 48%, #7e68ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.landing-hero-copy {
  width: min(100%, 570px);
  margin: 34px 0 0;
  color: #b7bfcd;
  font-size: clamp(17px, 1.35vw, 21px);
  line-height: 1.62;
}

.landing-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 28px;
  margin-top: 34px;
}

.landing-hero-rail {
  position: absolute;
  z-index: 3;
  left: 4.5%;
  right: 4.5%;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 30px;
  min-height: 88px;
  border-top: 1px solid rgba(218, 228, 247, .3);
  color: #aeb7c8;
  font-size: 11px;
  letter-spacing: .12em;
}

.landing-hero-rail > span:last-child {
  text-align: right;
}

.landing-hero-rail a {
  display: flex;
  align-items: center;
  gap: 36px;
  color: #fff;
  font-size: 13px;
  letter-spacing: .02em;
}

.landing-hero-rail a span {
  font-size: 21px;
}

.landing-manifesto,
.landing-principles,
.landing-insights {
  position: relative;
  padding: clamp(100px, 11vw, 180px) 4.5%;
  background: var(--stegx-paper);
  color: #0b1220;
}

.landing-manifesto {
  min-height: 820px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.landing-manifesto::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(90deg, transparent calc(50% - .5px), rgba(12, 24, 45, .075) 50%, transparent calc(50% + .5px));
  pointer-events: none;
}

.landing-manifesto-heading h2,
.landing-section-heading h2,
.landing-insights-heading h2,
.landing-closing h2 {
  margin: 0;
  font-size: clamp(50px, 6.2vw, 112px);
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: .98;
}

.landing-manifesto-heading h2 span,
.landing-section-heading h2 span,
.landing-insights-heading h2 span {
  color: #8790a0;
}

.landing-manifesto-lower {
  display: grid;
  grid-template-columns: 1fr minmax(360px, .9fr);
  gap: 80px;
  align-items: end;
  border-top: 1px solid var(--stegx-line-light);
  padding-top: 32px;
}

.landing-manifesto-lower p {
  margin: 0;
}

.landing-manifesto-index {
  align-self: start;
  color: #536075;
  font-size: 11px;
  letter-spacing: .14em;
}

.landing-manifesto-lower > p:last-child {
  max-width: 680px;
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.58;
  letter-spacing: -.018em;
}

.scroll-story {
  position: relative;
  height: 460vh;
  color: #f5f7fb;
  background: #05070c;
}

.scroll-story-sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 680px;
  overflow: hidden;
  isolation: isolate;
  background: #edf1f7;
  color: #10192b;
  transition: background-color .7s ease, color .7s ease;
}

.scroll-story[data-stage="1"] .scroll-story-sticky {
  background: #173b82;
  color: #f5f7fb;
}

.scroll-story[data-stage="2"] .scroll-story-sticky {
  background: #091a36;
  color: #f5f7fb;
}

.scroll-story[data-stage="3"] .scroll-story-sticky {
  background: #05070c;
  color: #f5f7fb;
}

.scroll-story-grid {
  z-index: -1;
  opacity: .42;
  mask-image: radial-gradient(circle at 55% 50%, #000 0%, transparent 75%);
}

.scroll-story[data-stage="0"] .scroll-story-grid {
  filter: invert(1);
  opacity: .17;
}

.scroll-story-heading {
  position: absolute;
  z-index: 3;
  top: clamp(46px, 7vh, 82px);
  left: 4.5%;
  width: 36%;
}

.scroll-story-heading .eyebrow {
  margin-bottom: 24px;
  opacity: .68;
}

.scroll-story-heading h2 {
  margin: 0;
  font-size: clamp(37px, 4.4vw, 76px);
  font-weight: 500;
  letter-spacing: -.06em;
  line-height: 1;
}

.scroll-story-steps {
  position: absolute;
  z-index: 4;
  left: 4.5%;
  bottom: clamp(70px, 11vh, 120px);
  width: min(31vw, 390px);
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid currentColor;
}

.scroll-story-steps li {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid currentColor;
  opacity: .31;
  transition: opacity .35s ease, padding-left .35s ease;
}

.scroll-story-steps li.is-active {
  opacity: 1;
  padding-left: 10px;
}

.scroll-story-steps span {
  font-size: 10px;
  letter-spacing: .12em;
}

.scroll-story-steps strong {
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(16px, 1.4vw, 21px);
  font-weight: 500;
  letter-spacing: -.025em;
}

.scroll-story-visual {
  position: absolute;
  z-index: 1;
  top: 2%;
  bottom: 2%;
  left: 35%;
  width: 39%;
  display: grid;
  place-items: center;
  perspective: 1400px;
}

.scroll-story-visual img {
  position: relative;
  z-index: 2;
  width: auto;
  height: min(83vh, 860px);
  max-width: 100%;
  object-fit: contain;
  filter: drop-shadow(0 38px 50px rgba(0, 0, 0, .28));
  transform: translate3d(0, 5%, 0) rotate(-2deg) scale(.9);
  transform-origin: 50% 54%;
  transition: transform .85s cubic-bezier(.2, .72, .2, 1), filter .7s ease;
}

.scroll-story[data-stage="1"] .scroll-story-visual img {
  transform: translate3d(-2%, 1%, 80px) rotate(1.5deg) scale(.98);
}

.scroll-story[data-stage="2"] .scroll-story-visual img {
  transform: translate3d(2%, -2%, 140px) rotate(-1deg) scale(1.05);
  filter: drop-shadow(0 40px 58px rgba(24, 51, 121, .55));
}

.scroll-story[data-stage="3"] .scroll-story-visual img {
  transform: translate3d(0, -5%, 190px) rotate(2deg) scale(1.12);
  filter: drop-shadow(0 46px 70px rgba(67, 69, 180, .36));
}

.scroll-story-halo {
  position: absolute;
  width: 76%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(105, 76, 255, .45), rgba(50, 91, 187, .14) 45%, transparent 70%);
  filter: blur(18px);
  opacity: .56;
  transform: scale(calc(.82 + var(--story-progress) * .38));
}

.scroll-story[data-stage="0"] .scroll-story-halo {
  opacity: .28;
}

.scroll-story-orbit {
  position: absolute;
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: .15;
  transition: transform .8s ease, opacity .5s ease;
}

.scroll-story-orbit-a {
  width: 90%;
  aspect-ratio: 1;
  transform: rotate(12deg) scaleY(.43);
}

.scroll-story-orbit-b {
  width: 62%;
  aspect-ratio: 1;
  transform: rotate(-28deg) scaleY(.55);
}

.scroll-story[data-stage="2"] .scroll-story-orbit-a {
  transform: rotate(32deg) scaleY(.5);
  opacity: .25;
}

.scroll-story[data-stage="3"] .scroll-story-orbit-b {
  transform: rotate(-50deg) scaleY(.42);
  opacity: .27;
}

.scroll-story-tag {
  position: absolute;
  z-index: 3;
  padding: 7px 10px;
  border: 1px solid currentColor;
  background: rgba(5, 7, 12, .12);
  backdrop-filter: blur(8px);
  font-size: 9px;
  letter-spacing: .13em;
  opacity: .2;
  transition: opacity .35s ease, transform .55s ease;
}

.scroll-story-tag-a { left: 7%; bottom: 22%; }
.scroll-story-tag-b { right: 2%; bottom: 39%; }
.scroll-story-tag-c { left: 3%; top: 31%; }
.scroll-story-tag-d { right: 6%; top: 19%; }

.scroll-story[data-stage="0"] .scroll-story-tag-a,
.scroll-story[data-stage="1"] .scroll-story-tag-b,
.scroll-story[data-stage="2"] .scroll-story-tag-c,
.scroll-story[data-stage="3"] .scroll-story-tag-d {
  opacity: .9;
  transform: translateY(-7px);
}

.scroll-story-copy {
  position: absolute;
  z-index: 4;
  right: 4.5%;
  bottom: clamp(78px, 11vh, 124px);
  width: min(25vw, 400px);
  padding-top: 20px;
  border-top: 1px solid currentColor;
}

.scroll-story-copy .eyebrow {
  margin: 0 0 32px;
  opacity: .58;
}

.scroll-story-number {
  margin: 0 0 16px;
  font-size: 11px;
  letter-spacing: .16em;
  opacity: .55;
}

.scroll-story-copy h3 {
  margin: 0 0 20px;
  font-size: clamp(29px, 2.9vw, 48px);
  font-weight: 500;
  letter-spacing: -.05em;
  line-height: 1.05;
}

.scroll-story-copy > p:last-child {
  margin: 0;
  max-width: 370px;
  font-size: 16px;
  line-height: 1.65;
  opacity: .72;
}

.scroll-story-progress {
  position: absolute;
  z-index: 5;
  left: 4.5%;
  right: 4.5%;
  bottom: 34px;
  height: 1px;
  background: currentColor;
  opacity: .35;
}

.scroll-story-progress span {
  display: block;
  width: calc(var(--story-progress) * 100%);
  height: 3px;
  margin-top: -1px;
  background: #9cabff;
}

.scroll-story-cue {
  position: absolute;
  z-index: 5;
  right: 4.5%;
  bottom: 45px;
  margin: 0;
  font-size: 10px;
  letter-spacing: .11em;
  opacity: .56;
}

.scroll-story-cue span {
  margin-left: 10px;
}

.landing-principles {
  padding-bottom: clamp(110px, 13vw, 220px);
}

.landing-section-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.landing-section-heading .eyebrow {
  margin-bottom: 40px;
}

.landing-principles-grid {
  width: 67%;
  margin: clamp(80px, 10vw, 150px) 0 0 auto;
}

.landing-principles-grid > div:first-child .landing-principle {
  border-top: 1px solid var(--stegx-line-light);
}

.landing-principle {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 28px;
  min-height: 230px;
  padding: 34px 0 40px;
  border-bottom: 1px solid var(--stegx-line-light);
}

.landing-principle > span {
  color: #694cff;
  font-size: 11px;
  letter-spacing: .14em;
}

.landing-principle h3 {
  margin: 0 0 20px;
  font-size: clamp(29px, 3.2vw, 52px);
  font-weight: 500;
  letter-spacing: -.052em;
  line-height: 1.05;
}

.landing-principle p {
  max-width: 610px;
  margin: 0;
  color: #566175;
  font-size: 16px;
  line-height: 1.7;
}

.landing-audiences {
  padding: clamp(100px, 11vw, 180px) 4.5% 4.5%;
  background:
    radial-gradient(circle at 74% 10%, rgba(55, 91, 182, .22), transparent 28%),
    #05070c;
}

.landing-section-heading-dark h2 {
  color: #f3f5f8;
}

.landing-section-heading-dark h2 span {
  color: #7f8ca1;
}

.landing-audience-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  margin-top: clamp(70px, 8vw, 120px);
}

.landing-audience-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 610px;
  padding: clamp(34px, 4vw, 64px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.landing-audience-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 56%;
  aspect-ratio: 1;
  right: -10%;
  top: 2%;
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: .13;
  box-shadow: 0 0 0 70px currentColor, 0 0 0 140px currentColor;
}

.landing-audience-issuer {
  color: #f4f7fc;
  background:
    linear-gradient(145deg, rgba(105, 76, 255, .48), transparent 48%),
    #102b61;
}

.landing-audience-investor {
  color: #101827;
  background:
    linear-gradient(145deg, rgba(183, 199, 255, .76), transparent 56%),
    #e7ebf2;
}

.landing-audience-card .eyebrow {
  margin-bottom: 60px;
  opacity: .72;
}

.landing-audience-card h3 {
  margin: 0 0 26px;
  font-size: clamp(40px, 4.7vw, 76px);
  font-weight: 500;
  letter-spacing: -.062em;
  line-height: .98;
}

.landing-audience-card p:not(.eyebrow) {
  max-width: 510px;
  margin: 0 0 36px;
  font-size: 16px;
  line-height: 1.65;
  opacity: .75;
}

.landing-audience-card .arrow-link {
  min-width: min(100%, 260px);
}

.landing-audience-investor .arrow-link.solid {
  color: #fff;
}

.landing-asset-rail {
  padding: 50px 4.5% 58px;
  background: #05070c;
  border-top: 1px solid var(--stegx-line-dark);
  color: #f4f6fa;
}

.landing-asset-rail .eyebrow {
  margin-bottom: 26px;
  color: #8995aa;
}

.landing-asset-rail > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(21px, 2.45vw, 42px);
  letter-spacing: -.045em;
}

.landing-asset-rail span {
  padding-top: 18px;
  border-top: 1px solid var(--stegx-line-dark);
}

.landing-insights {
  background: #edf0f3;
}

.landing-insights-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
}

.landing-insights-heading .arrow-link {
  min-width: 150px;
  flex-shrink: 0;
}

.landing-insights-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 2.6vw, 42px);
  margin-top: clamp(70px, 8vw, 120px);
}

.landing-insight {
  display: block;
}

.landing-insight img {
  width: 100%;
  aspect-ratio: 1.35;
  object-fit: cover;
  background: #cfd5df;
  filter: saturate(.72);
  transition: transform .6s ease, filter .6s ease;
}

.landing-insight:hover img {
  transform: scale(.985);
  filter: saturate(1);
}

.landing-insight-meta {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
  padding-top: 17px;
  border-top: 1px solid var(--stegx-line-light);
}

.landing-insight-meta .eyebrow {
  margin: 0;
  color: #59667b;
}

.landing-insight-meta > span {
  font-size: 22px;
}

.landing-insight h3 {
  margin: 18px 0 0;
  font-size: clamp(22px, 2vw, 31px);
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: 1.22;
}

.landing-closing {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 820px;
  padding: clamp(100px, 11vw, 180px) 4.5% 240px;
  color: #f6f8fc;
  background:
    radial-gradient(circle at 71% 54%, rgba(183, 199, 255, .35), transparent 23%),
    linear-gradient(145deg, #6d5aff 0%, #244fa4 43%, #0b1936 72%, #05070c 100%);
}

.landing-closing .eyebrow {
  margin-bottom: 45px;
}

.landing-closing h2 {
  position: relative;
  z-index: 2;
  max-width: 1140px;
}

.landing-closing h2 span {
  color: #b9c7ee;
}

.landing-closing .arrow-link {
  position: relative;
  z-index: 2;
  margin-top: 50px;
  background: #f4f6f8;
  border-color: #f4f6f8;
  color: #09101d;
}

.landing-closing .arrow-link:hover {
  background: #fff;
  border-color: #fff;
}

.landing-closing-orbit {
  position: absolute;
  z-index: -1;
  width: min(70vw, 980px);
  aspect-ratio: 1;
  right: -13vw;
  top: -19%;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  box-shadow:
    0 0 0 7vw rgba(255, 255, 255, .025),
    0 0 0 14vw rgba(255, 255, 255, .018);
}

.landing-closing-wordmark {
  position: absolute;
  z-index: 1;
  right: 2.5%;
  bottom: -.23em;
  color: rgba(218, 228, 255, .13);
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(180px, 27vw, 500px);
  font-weight: 620;
  letter-spacing: -.09em;
  line-height: 1;
  pointer-events: none;
}

.footer {
  background: #05070c;
  border-top: 1px solid var(--stegx-line-dark);
}

.footer-top p {
  color: #d9deea;
}

.footer-nav a,
.footer-bottom {
  color: #8e99ab;
}

.footer-nav a:hover,
.footer-top a:hover,
.footer-bottom a:hover {
  color: #fff;
}

@media (max-width: 1100px) {
  .landing-hero-content { width: 68%; }
  .landing-hero-object { width: 91vw; right: -21vw; bottom: -9%; }
  .scroll-story-heading { width: 43%; }
  .scroll-story-visual { left: 34%; width: 40%; }
  .scroll-story-copy { width: 27%; }
  .scroll-story-steps { width: 28%; }
  .landing-principles-grid { width: 76%; }
}

@media (max-width: 820px) {
  .site-header { height: 76px; padding: 0 6%; }
  .landing-hero { min-height: 720px; height: calc(100svh - 76px); }
  .landing-hero-content { width: 82%; padding-left: 6%; }
  .landing-hero h1 { font-size: clamp(58px, 12.3vw, 92px); }
  .landing-hero-object { width: 120vw; right: -47vw; bottom: -1%; opacity: .78; }
  .landing-hero::after {
    background:
      linear-gradient(90deg, rgba(5, 7, 12, .99) 0%, rgba(5, 7, 12, .87) 45%, rgba(5, 7, 12, .16) 100%),
      linear-gradient(0deg, rgba(5, 7, 12, .97) 0%, transparent 36%);
  }
  .landing-hero-rail { left: 6%; right: 6%; grid-template-columns: 1fr auto; }
  .landing-hero-rail > span:last-child { display: none; }
  .landing-manifesto,
  .landing-principles,
  .landing-insights { padding-left: 6%; padding-right: 6%; }
  .landing-manifesto-lower { grid-template-columns: 1fr; gap: 28px; }
  .scroll-story-heading { top: 7vh; left: 6%; width: 46%; }
  .scroll-story-heading h2 { font-size: clamp(34px, 6vw, 56px); }
  .scroll-story-steps { left: 6%; bottom: 11vh; width: 32%; }
  .scroll-story-visual { left: 32%; width: 45%; }
  .scroll-story-copy { right: 6%; width: 29%; }
  .scroll-story-copy > p:last-child { font-size: 14px; }
  .scroll-story-cue,
  .scroll-story-progress { right: 6%; }
  .scroll-story-progress { left: 6%; }
  .landing-principles-grid { width: 100%; }
  .landing-audience-grid { grid-template-columns: 1fr; }
  .landing-audience-card { min-height: 540px; }
  .landing-asset-rail { padding-left: 6%; padding-right: 6%; }
  .landing-asset-rail > div { grid-template-columns: 1fr 1fr; }
  .landing-insights-grid { grid-template-columns: 1fr 1fr; }
  .landing-insights-grid > div:last-child { display: none; }
  .landing-closing { padding-left: 6%; padding-right: 6%; }
}

@media (max-width: 620px) {
  .landing-hero { min-height: 720px; max-height: 920px; }
  .landing-hero-content {
    justify-content: flex-start;
    width: 100%;
    min-height: 100%;
    padding: 66px 6% 154px;
  }
  .landing-hero-content .eyebrow {
    width: 230px;
    margin-bottom: 44px;
    line-height: 1.5;
  }
  .landing-hero h1 { font-size: clamp(52px, 16.5vw, 74px); line-height: .94; }
  .landing-hero-copy { width: 82%; margin-top: 26px; font-size: 16px; }
  .landing-hero-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    margin-top: 25px;
  }
  .landing-hero-actions .arrow-link { padding-top: 14px; padding-bottom: 14px; }
  .landing-hero-object { width: 155vw; right: -70vw; bottom: -3%; opacity: .6; }
  .landing-hero-rail { min-height: 78px; grid-template-columns: 1fr auto; gap: 12px; }
  .landing-hero-rail > span:first-child { max-width: 160px; line-height: 1.55; }
  .landing-hero-rail a { gap: 12px; font-size: 11px; }
  .landing-manifesto { min-height: 700px; padding-top: 88px; padding-bottom: 82px; }
  .landing-manifesto-heading h2,
  .landing-section-heading h2,
  .landing-insights-heading h2,
  .landing-closing h2 {
    font-size: clamp(42px, 12vw, 61px);
    line-height: 1;
  }
  .landing-manifesto-lower > p:last-child { font-size: 17px; }
  .scroll-story { height: 420vh; }
  .scroll-story-sticky { min-height: 640px; }
  .scroll-story-heading { top: 38px; left: 6%; width: 88%; }
  .scroll-story-heading .eyebrow { margin-bottom: 14px; }
  .scroll-story-heading h2 { max-width: 330px; font-size: clamp(36px, 10.4vw, 48px); }
  .scroll-story-steps {
    top: 166px;
    bottom: auto;
    left: 6%;
    width: 88%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid currentColor;
  }
  .scroll-story-steps li {
    display: block;
    min-width: 0;
    padding: 10px 5px 10px 0;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
  }
  .scroll-story-steps li:last-child { border-right: 0; }
  .scroll-story-steps li.is-active { padding-left: 5px; }
  .scroll-story-steps span { display: block; margin-bottom: 5px; }
  .scroll-story-steps strong {
    display: block;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
  }
  .scroll-story-visual { top: 218px; bottom: 168px; left: 17%; width: 66%; }
  .scroll-story-visual img { height: min(48vh, 440px); }
  .scroll-story-tag { font-size: 7px; padding: 5px 7px; }
  .scroll-story-copy {
    left: 6%;
    right: 6%;
    bottom: 58px;
    width: auto;
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 0 12px;
    padding-top: 12px;
  }
  .scroll-story-copy .eyebrow {
    grid-column: 2;
    margin: 0 0 7px;
    font-size: 9px;
  }
  .scroll-story-number { grid-row: 1 / span 3; margin: 2px 0 0; }
  .scroll-story-copy h3 { grid-column: 2; margin: 0 0 7px; font-size: 24px; }
  .scroll-story-copy > p:last-child {
    grid-column: 2;
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .scroll-story-progress { bottom: 28px; }
  .scroll-story-cue { display: none; }
  .landing-principles,
  .landing-insights { padding-top: 90px; padding-bottom: 100px; }
  .landing-principles-grid { margin-top: 70px; }
  .landing-principle {
    grid-template-columns: 38px 1fr;
    gap: 12px;
    min-height: 0;
    padding: 28px 0 32px;
  }
  .landing-principle h3 { font-size: 30px; }
  .landing-principle p { font-size: 15px; }
  .landing-audiences { padding: 90px 6% 6%; }
  .landing-audience-grid { margin-top: 70px; }
  .landing-audience-card { min-height: 470px; padding: 34px 25px; }
  .landing-audience-card h3 { font-size: 43px; }
  .landing-asset-rail { padding-top: 40px; padding-bottom: 44px; }
  .landing-asset-rail > div { gap: 28px 18px; font-size: 22px; }
  .landing-insights-heading { display: block; }
  .landing-insights-heading .arrow-link { margin-top: 22px; }
  .landing-insights-grid { grid-template-columns: 1fr; margin-top: 60px; }
  .landing-insights-grid > div:last-child { display: block; }
  .landing-closing { min-height: 710px; padding: 90px 6% 170px; }
  .landing-closing .arrow-link { margin-top: 36px; }
  .landing-closing-wordmark { font-size: 40vw; bottom: -.12em; }
}

@media (prefers-reduced-motion: reduce) {
  .landing-hero-object { animation: none; }
  .scroll-story-sticky,
  .scroll-story-visual img,
  .scroll-story-orbit,
  .scroll-story-tag { transition: none; }
}

/* Sticky frame accounts for the persistent site header. */
.scroll-story-sticky {
  top: 84px;
  height: calc(100svh - 84px);
}

@media (max-width: 820px) {
  .scroll-story-sticky {
    top: 76px;
    height: calc(100svh - 76px);
  }
}

@media (max-width: 620px) {
  .scroll-story-heading { top: 28px; }
  .scroll-story-steps { top: 194px; }
  .scroll-story-visual { top: 238px; }
}

/* Hero to capital-bridge scroll journey */
.hero-journey {
  --hj-progress: 0;
  --hj-intro-opacity: 1;
  --hj-intro-y: 0px;
  --hj-panel-left: 0px;
  --hj-panel-right: 0px;
  --hj-panel-top: 0px;
  --hj-panel-bottom: 0px;
  --hj-panel-radius: 0px;
  --hj-reveal-opacity: 0;
  --hj-reveal-y: 28px;
  --hj-line-one-opacity: 0;
  --hj-line-one-y: 24px;
  --hj-line-two-opacity: 0;
  --hj-line-two-y: 24px;
  --hj-statement-copy-opacity: 0;
  --hj-card-one-opacity: 0;
  --hj-card-one-y: 18px;
  --hj-card-two-opacity: 0;
  --hj-card-two-y: 18px;
  --hj-card-three-opacity: 0;
  --hj-card-three-y: 18px;
  --hj-cards-opacity: 0;
  --hj-cards-y: 24px;
  --hj-caption-opacity: 0;
  --hj-object-left: 69%;
  --hj-object-top: 62%;
  --hj-object-width: min(73vw, 1180px);
  --hj-scrim-opacity: 1;
  position: relative;
  height: 280svh;
  color: #0b1220;
  background:
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(12, 24, 45, .06) 50%, transparent calc(50% + .5px)),
    var(--stegx-paper);
}

.hero-journey-anchor {
  position: absolute;
  top: 48%;
  width: 1px;
  height: 1px;
  scroll-margin-top: 84px;
}

.hero-journey-sticky {
  position: sticky;
  top: 84px;
  height: calc(100svh - 84px);
  min-height: 680px;
  overflow: hidden;
  background: var(--stegx-paper);
}

.hero-journey-surround {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: var(--hj-reveal-opacity);
  transform: translate3d(0, var(--hj-reveal-y), 0);
  will-change: opacity, transform;
}

.hero-journey-context {
  position: absolute;
  top: clamp(24px, 3.6vh, 44px);
  left: 4.5%;
  right: 4.5%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  color: #687386;
  font-size: 10px;
  letter-spacing: .14em;
}

.hero-journey-statement {
  position: absolute;
  top: 50%;
  width: min(28vw, 430px);
  transform: translate3d(0, calc(-50% + var(--hj-reveal-y)), 0);
}

.hero-journey-statement-left {
  left: 4.5%;
}

.hero-journey-statement-right {
  right: 4.5%;
}

.hero-journey-statement .eyebrow {
  margin-bottom: 24px;
  color: #657084;
}

.hero-journey-statement h2 {
  margin: 0;
  font-size: clamp(44px, 4.55vw, 80px);
  font-weight: 510;
  letter-spacing: -.065em;
  line-height: .95;
}

.hero-journey-line {
  display: block;
  will-change: opacity, transform;
}

.hero-journey-line-one {
  opacity: var(--hj-line-one-opacity);
  transform: translate3d(0, var(--hj-line-one-y), 0);
}

.hero-journey-line-two {
  opacity: var(--hj-line-two-opacity);
  transform: translate3d(0, var(--hj-line-two-y), 0);

  color: #7e8797;
}

.hero-journey-statement-copy {
  max-width: 390px;
  margin: 30px 0 0;
  color: #536075;
  font-size: clamp(14px, 1.05vw, 17px);
  opacity: var(--hj-statement-copy-opacity);
  transform: translate3d(0, var(--hj-line-two-y), 0);
  line-height: 1.65;
}

.hero-journey-statement-right .eyebrow {
  opacity: var(--hj-cards-opacity);
  transform: translate3d(0, var(--hj-cards-y), 0);
}

.hero-journey-benefits {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hero-journey-benefits li {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 16px;
  min-height: 92px;
  padding: 18px 0 16px;
  border-top: 1px solid var(--stegx-line-light);
  opacity: var(--hj-card-one-opacity);
  transform: translate3d(0, var(--hj-card-one-y), 0);
  will-change: opacity, transform;
}

.hero-journey-benefits li:nth-child(2) {
  opacity: var(--hj-card-two-opacity);
  transform: translate3d(0, var(--hj-card-two-y), 0);
}

.hero-journey-benefits li:nth-child(3) {
  opacity: var(--hj-card-three-opacity);
  transform: translate3d(0, var(--hj-card-three-y), 0);
}

.hero-journey-benefits li:last-child {
  border-bottom: 1px solid var(--stegx-line-light);
}

.hero-journey-benefits li > span {
  padding-top: 3px;
  color: #694cff;
  font-size: 10px;
  letter-spacing: .12em;
}

.hero-journey-benefits strong {
  display: block;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(16px, 1.25vw, 21px);
  font-weight: 560;
  letter-spacing: -.035em;
}

.hero-journey-benefits p {
  margin: 7px 0 0;
  color: #697488;
  font-size: 12px;
  line-height: 1.45;
}

.hero-journey-route {
  position: absolute;
  left: 4.5%;
  right: 4.5%;
  bottom: clamp(24px, 3.8vh, 44px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 22px;
  color: #657084;
  font-size: 9px;
  letter-spacing: .14em;
}

.hero-journey-route i {
  height: 1px;
  background: var(--stegx-line-light);
}

.hero-journey-panel {
  position: absolute;
  z-index: 2;
  left: var(--hj-panel-left);
  right: var(--hj-panel-right);
  top: var(--hj-panel-top);
  bottom: var(--hj-panel-bottom);
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(183, 199, 255, .2);
  border-radius: var(--hj-panel-radius);
  color: #f5f7fb;
  background:
    radial-gradient(circle at 64% 54%, rgba(51, 94, 194, .24), transparent 37%),
    radial-gradient(circle at 46% 100%, rgba(105, 76, 255, .15), transparent 42%),
    #05070c;
  box-shadow: 0 32px 90px rgba(19, 30, 55, .18);
  will-change: left, right, top, bottom, border-radius;
}

.hero-journey-grid {
  position: absolute;
  inset: 0;
  z-index: -3;
  background-image:
    linear-gradient(rgba(183, 199, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183, 199, 255, .055) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: linear-gradient(90deg, transparent, #000 35%, #000 100%);
}

.hero-journey-grid::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: rgba(183, 199, 255, .12);
}

.hero-journey-glow {
  position: absolute;
  z-index: -2;
  width: 58vw;
  aspect-ratio: 1;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(183, 199, 255, .1);
  border-radius: 50%;
  box-shadow:
    0 0 0 11vw rgba(28, 65, 145, .035),
    0 0 0 22vw rgba(105, 76, 255, .02);
  transform: translate(-50%, -50%);
}

.hero-journey-object {
  position: absolute;
  z-index: -1;
  left: var(--hj-object-left);
  top: var(--hj-object-top);
  width: var(--hj-object-width);
  height: auto;
  max-width: none;
  filter: saturate(.97) contrast(1.05);
  transform: translate3d(-50%, -50%, 0);
  will-change: left, top, width;
}

.hero-journey-scrim {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: var(--hj-scrim-opacity);
  background:
    linear-gradient(90deg, rgba(5, 7, 12, .99) 0%, rgba(5, 7, 12, .94) 31%, rgba(5, 7, 12, .26) 63%, rgba(5, 7, 12, .06) 100%),
    linear-gradient(0deg, rgba(5, 7, 12, .96) 0%, transparent 34%);
  pointer-events: none;
}

.hero-journey-intro {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(61%, 970px);
  padding: clamp(70px, 9vh, 126px) 0 128px 4.5%;
  opacity: var(--hj-intro-opacity);
  transform: translate3d(0, var(--hj-intro-y), 0);
  pointer-events: none;
  will-change: opacity, transform;
}

.hero-journey-intro a {
  pointer-events: auto;
}

.hero-journey-intro[aria-hidden="true"],
.hero-journey-rail[aria-hidden="true"] {
  visibility: hidden;
}

.hero-journey-intro .eyebrow {
  margin-bottom: clamp(32px, 5vh, 62px);
  color: #cbd3e4;
}

.hero-journey-intro h1 {
  margin: 0;
  font-size: clamp(70px, 8.2vw, 150px);
  font-weight: 520;
  letter-spacing: -.075em;
  line-height: .92;
}

.hero-journey-intro h1 span {
  color: var(--stegx-ice);
  background: linear-gradient(96deg, #f4f7ff 0%, #aebfff 48%, #7e68ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-journey-intro-copy {
  width: min(100%, 570px);
  margin: 34px 0 0;
  color: #b7bfcd;
  font-size: clamp(17px, 1.35vw, 21px);
  line-height: 1.62;
}

.hero-journey-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 28px;
  margin-top: 34px;
}

.hero-journey-rail {
  position: absolute;
  z-index: 3;
  left: 4.5%;
  right: 4.5%;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 30px;
  min-height: 88px;
  border-top: 1px solid rgba(218, 228, 247, .3);
  color: #aeb7c8;
  font-size: 11px;
  letter-spacing: .12em;
  opacity: var(--hj-intro-opacity);
  transform: translate3d(0, var(--hj-intro-y), 0);
}

.hero-journey-rail > span:last-child {
  text-align: right;
}

.hero-journey-rail a {
  display: flex;
  align-items: center;
  gap: 30px;
  color: #fff;
  font-size: 13px;
  letter-spacing: .02em;
  pointer-events: auto;
}

.hero-journey-rail a span {
  font-size: 21px;
}

.hero-journey-card-meta,
.hero-journey-card-footer {
  position: absolute;
  z-index: 3;
  left: clamp(16px, 1.5vw, 25px);
  right: clamp(16px, 1.5vw, 25px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  opacity: var(--hj-caption-opacity);
  color: #dbe3f4;
  font-size: 8px;
  letter-spacing: .14em;
  text-shadow: 0 1px 12px #05070c;
}

.hero-journey-card-meta {
  top: clamp(16px, 1.5vw, 25px);
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(218, 228, 247, .22);
}

.hero-journey-card-meta p {
  margin: 0;
}

.hero-journey-card-footer {
  bottom: clamp(16px, 1.5vw, 25px);
  justify-content: flex-start;
}

.hero-journey-card-footer i {
  width: 16px;
  height: 1px;
  background: rgba(218, 228, 247, .4);
}

.hero-journey-progress {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  overflow: hidden;
  background: rgba(105, 76, 255, .12);
}

.hero-journey-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: #694cff;
  transform: scaleX(var(--hj-progress));
  transform-origin: left center;
}

.hero-journey-reduced-summary {
  display: none;
}

@media (max-width: 1100px) {
  .hero-journey-statement {
    width: 23.5vw;
  }

  .hero-journey-statement h2 {
    font-size: clamp(39px, 4.7vw, 55px);
  }

  .hero-journey-benefits li {
    grid-template-columns: 25px 1fr;
    gap: 9px;
  }

  .hero-journey-benefits p {
    font-size: 11px;
  }

  .hero-journey-intro {
    width: 68%;
  }
}

@media (max-width: 820px) {
  .hero-journey {
    height: 250svh;
  }

  .hero-journey-anchor {
    scroll-margin-top: 76px;
  }

  .hero-journey-sticky {
    top: 76px;
    height: calc(100svh - 76px);
    min-height: 640px;
  }

  .hero-journey-context,
  .hero-journey-route {
    display: none;
  }

  .hero-journey-statement {
    left: 6%;
    right: 6%;
    width: auto;
  }

  .hero-journey-statement-left {
    top: 32px;
    transform: translate3d(0, var(--hj-reveal-y), 0);
  }

  .hero-journey-statement-left .eyebrow {
    margin-bottom: 10px;
  }

  .hero-journey-statement h2 {
    font-size: clamp(38px, 7.5vw, 54px);
    line-height: .93;
  }

  .hero-journey-statement-copy {
    display: none;
  }

  .hero-journey-statement-right {
    top: auto;
    bottom: 23px;
    transform: translate3d(0, var(--hj-cards-y), 0);
  }

  .hero-journey-statement-right .eyebrow {
    margin-bottom: 10px;
  }

  .hero-journey-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .hero-journey-benefits li {
    display: block;
    min-height: 0;
    padding: 10px 10px 9px;
    border-top: 1px solid var(--stegx-line-light);
    border-right: 1px solid var(--stegx-line-light);
  }

  .hero-journey-benefits li:first-child {
    padding-left: 0;
  }

  .hero-journey-benefits li:last-child {
    padding-right: 0;
    border-right: 0;
    border-bottom: 0;
  }

  .hero-journey-benefits li > span {
    display: block;
    margin-bottom: 6px;
  }

  .hero-journey-benefits strong {
    font-size: clamp(12px, 1.8vw, 14px);
    line-height: 1.25;
  }

  .hero-journey-benefits p {
    display: none;
  }

  .hero-journey-intro {
    width: 82%;
    padding-left: 6%;
  }

  .hero-journey-intro h1 {
    font-size: clamp(58px, 12.3vw, 92px);
  }

  .hero-journey-rail {
    left: 6%;
    right: 6%;
    grid-template-columns: 1fr auto;
  }

  .hero-journey-rail > span:last-child {
    display: none;
  }

  .hero-journey-grid {
    background-size: 52px 52px;
  }
}

@media (max-width: 620px) {
  .hero-journey {
    height: 240svh;
  }

  .hero-journey-sticky {
    min-height: 640px;
  }

  .hero-journey-statement-left {
    top: 24px;
  }

  .hero-journey-statement-left .eyebrow,
  .hero-journey-statement-right .eyebrow {
    font-size: 10px;
    letter-spacing: .1em;
  }

  .hero-journey-statement h2 {
    font-size: clamp(35px, 10.8vw, 47px);
  }

  .hero-journey-statement-right {
    bottom: 17px;
  }

  .hero-journey-benefits li {
    padding-top: 8px;
    padding-bottom: 6px;
  }

  .hero-journey-benefits strong {
    font-size: 12px;
  }

  .hero-journey-intro {
    justify-content: flex-start;
    width: 100%;
    padding: 66px 6% 154px;
  }

  .hero-journey-intro .eyebrow {
    width: 230px;
    margin-bottom: 44px;
    line-height: 1.5;
  }

  .hero-journey-intro h1 {
    font-size: clamp(52px, 16.5vw, 74px);
    line-height: .94;
  }

  .hero-journey-intro-copy {
    width: 82%;
    margin-top: 26px;
    font-size: 16px;
  }

  .hero-journey-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    margin-top: 25px;
  }

  .hero-journey-actions .arrow-link {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .hero-journey-rail {
    min-height: 78px;
    gap: 12px;
  }

  .hero-journey-rail > span:first-child {
    max-width: 160px;
    line-height: 1.55;
  }

  .hero-journey-rail a {
    gap: 12px;
    font-size: 11px;
  }

  .hero-journey-card-meta,
  .hero-journey-card-footer {
    display: none;
  }

}

@media (prefers-reduced-motion: reduce) {
  .hero-journey {
    height: auto;
    background: var(--stegx-ink);
  }

  .hero-journey-anchor,
  .hero-journey-surround,
  .hero-journey-progress,
  .hero-journey-card-meta,
  .hero-journey-card-footer {
    display: none;
  }

  .hero-journey-sticky {
    position: relative;
    top: auto;
    height: calc(100svh - 84px);
    min-height: 760px;
  }

  .hero-journey-panel {
    inset: 0;
    border-radius: 0;
  }

  .hero-journey-intro,
  .hero-journey-rail {
    opacity: 1;
    transform: none;
  }

  .hero-journey-reduced-summary {
    display: flex;
    min-height: 720px;
    padding: clamp(90px, 10vw, 160px) 4.5%;
    flex-direction: column;
    justify-content: center;
    color: #0b1220;
    background: var(--stegx-paper);
  }

  .hero-journey-reduced-summary .eyebrow {
    color: #647084;
  }

  .hero-journey-reduced-summary h2 {
    margin: 0;
    font-size: clamp(50px, 6.2vw, 112px);
    font-weight: 500;
    letter-spacing: -.065em;
    line-height: .98;
  }

  .hero-journey-reduced-summary h2 span {
    color: #8790a0;
  }

  .hero-journey-reduced-summary > p:last-child {
    max-width: 680px;
    margin: 46px 0 0 auto;
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1.58;
  }
}

@media (max-width: 820px) and (prefers-reduced-motion: reduce) {
  .hero-journey-sticky {
    height: calc(100svh - 76px);
    min-height: 720px;
  }

  .hero-journey-reduced-summary {
    min-height: 660px;
    padding-left: 6%;
    padding-right: 6%;
  }
}


/* Continuity gradient journey */
.continuity-journey {
  --cj-progress: 0;
  --cj-light: 0;
  --cj-title-opacity: 0;
  --cj-title-y: 20vh;
  --cj-title-color: rgb(244 247 255);
  --cj-intro-opacity: 1;
  --cj-object-opacity: 0;
  --cj-object-x: 18vw;
  --cj-object-y: 90px;
  --cj-object-scale: 1.1;
  --cj-row-one-opacity: 0;
  --cj-row-one-y: 30px;
  --cj-row-two-opacity: 0;
  --cj-row-two-y: 30px;
  --cj-row-three-opacity: 0;
  --cj-row-three-y: 30px;
  position: relative;
  height: 270svh;
  background: #03060b;
  color: var(--cj-title-color);
}

.continuity-journey-sticky {
  position: sticky;
  top: 84px;
  height: calc(100svh - 84px);
  min-height: 680px;
  overflow: hidden;
  isolation: isolate;
  background: #03060b;
}

.continuity-journey-horizon,
.continuity-journey-paper,
.continuity-journey-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.continuity-journey-horizon {
  z-index: 0;
  background:
    radial-gradient(circle at 76% 54%, rgba(66, 129, 238, .62), transparent 31%),
    radial-gradient(circle at 45% 115%, rgba(30, 94, 202, .86), transparent 52%),
    linear-gradient(180deg, #03060b 0%, #071831 36%, #0d4d9b 72%, #b8d2ec 100%);
}

.continuity-journey-paper {
  z-index: 1;
  background:
    radial-gradient(circle at 78% 58%, rgba(190, 211, 235, .7), transparent 30%),
    linear-gradient(180deg, #e7edf3 0%, var(--stegx-paper) 56%, #f7f8f5 100%);
  opacity: var(--cj-light);
  will-change: opacity;
}

.continuity-journey-grid {
  z-index: 2;
  background-image:
    linear-gradient(color-mix(in srgb, var(--cj-title-color) 8%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--cj-title-color) 8%, transparent) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, transparent 0, #000 16%, #000 100%);
  opacity: .54;
}

.continuity-journey-heading {
  position: absolute;
  z-index: 4;
  top: clamp(44px, 7vh, 78px);
  left: 4.5%;
  width: min(64%, 930px);
  color: var(--cj-title-color);
  opacity: var(--cj-title-opacity);
  transform: translate3d(0, var(--cj-title-y), 0);
  will-change: opacity, transform, color;
}

.continuity-journey-heading .eyebrow {
  margin-bottom: clamp(26px, 4vh, 46px);
  color: currentColor;
  opacity: .66;
}

.continuity-journey-heading h2 {
  margin: 0;
  font-size: clamp(58px, 7.25vw, 118px);
  font-weight: 500;
  letter-spacing: -.07em;
  line-height: .94;
}

.continuity-journey-heading h2 span {
  opacity: .48;
}

.continuity-journey-intro {
  max-width: 560px;
  margin: clamp(25px, 4vh, 46px) 0 0;
  font-size: clamp(16px, 1.2vw, 20px);
  line-height: 1.62;
  opacity: calc(var(--cj-intro-opacity) * .76);
  transform: translate3d(0, calc((1 - var(--cj-intro-opacity)) * -18px), 0);
  will-change: opacity, transform;
}

.continuity-journey-object {
  position: absolute;
  z-index: 3;
  right: -22vw;
  bottom: -12%;
  width: min(74vw, 1120px);
  margin: 0;
  opacity: var(--cj-object-opacity);
  transform: translate3d(var(--cj-object-x), var(--cj-object-y), 0) scale(var(--cj-object-scale));
  transform-origin: 60% 70%;
  mask-image: radial-gradient(ellipse 78% 90% at 72% 62%, #000 0%, #000 55%, transparent 88%);
  pointer-events: none;
  user-select: none;
  will-change: opacity, transform;
}

.continuity-journey-object::after {
  content: "";
  position: absolute;
  inset: 9% 8% 8% 24%;
  z-index: -1;
  border-radius: 50%;
  background: rgba(70, 119, 217, .26);
  filter: blur(64px);
}

.continuity-journey-object img {
  display: block;
  width: 100%;
  height: auto;
  filter: saturate(.92) contrast(1.05);
}

.continuity-journey-object figcaption {
  position: absolute;
  top: 12%;
  right: 12%;
  color: var(--cj-title-color);
  font-size: 9px;
  letter-spacing: .15em;
  opacity: .62;
}

.continuity-journey-principles {
  position: absolute;
  z-index: 4;
  left: 4.5%;
  bottom: clamp(40px, 6vh, 72px);
  width: min(42%, 700px);
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--cj-title-color);
}

.continuity-journey-principles li {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 20px;
  min-height: 104px;
  padding: 22px 0 20px;
  border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  will-change: opacity, transform;
}

.continuity-journey-principles li:nth-child(1) {
  opacity: var(--cj-row-one-opacity);
  transform: translate3d(0, var(--cj-row-one-y), 0);
}

.continuity-journey-principles li:nth-child(2) {
  opacity: var(--cj-row-two-opacity);
  transform: translate3d(0, var(--cj-row-two-y), 0);
}

.continuity-journey-principles li:nth-child(3) {
  opacity: var(--cj-row-three-opacity);
  transform: translate3d(0, var(--cj-row-three-y), 0);
}

.continuity-journey-principles li > span {
  padding-top: 5px;
  color: #694cff;
  font-size: 10px;
  letter-spacing: .14em;
}

.continuity-journey-principles h3 {
  margin: 0;
  font-size: clamp(21px, 1.8vw, 30px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.08;
}

.continuity-journey-principles p {
  max-width: 510px;
  margin: 9px 0 0;
  color: currentColor;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.5;
  opacity: .64;
}

.continuity-journey-edge {
  position: absolute;
  z-index: 5;
  right: 4.5%;
  bottom: clamp(42px, 6vh, 74px);
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--cj-title-color);
  font-size: 9px;
  letter-spacing: .14em;
  opacity: .58;
  writing-mode: vertical-rl;
}

.continuity-journey-edge i {
  width: 1px;
  height: 34px;
  background: currentColor;
  opacity: .45;
}

.continuity-journey-progress {
  position: absolute;
  z-index: 6;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  overflow: hidden;
  background: rgba(105, 76, 255, .12);
}

.continuity-journey-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: #694cff;
  transform: scaleX(var(--cj-progress));
  transform-origin: left center;
}

@media (max-width: 820px) {
  .continuity-journey {
    height: 240svh;
  }

  .continuity-journey-sticky {
    top: 76px;
    height: calc(100svh - 76px);
  }

  .continuity-journey-heading {
    top: 38px;
    left: 6%;
    width: 88%;
  }

  .continuity-journey-heading h2 {
    font-size: clamp(46px, 9vw, 68px);
  }

  .continuity-journey-intro {
    max-width: 74%;
    font-size: 16px;
  }

  .continuity-journey-object {
    right: -68vw;
    bottom: -3%;
    width: 145vw;
  }

  .continuity-journey-principles {
    left: 6%;
    right: 6%;
    bottom: 24px;
    width: auto;
    isolation: isolate;
  }

  .continuity-journey-principles::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -18px -6% -22px;
    background: linear-gradient(
      90deg,
      rgba(242, 244, 241, .99) 0%,
      rgba(242, 244, 241, .96) 62%,
      rgba(242, 244, 241, .78) 78%,
      transparent 100%
    );
    opacity: var(--cj-row-one-opacity);
    pointer-events: none;
  }

  .continuity-journey-principles li {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    min-height: 91px;
    padding: 17px 0 14px;
  }

  .continuity-journey-principles h3 {
    font-size: clamp(20px, 3.6vw, 26px);
  }

  .continuity-journey-principles p {
    max-width: 560px;
    font-size: 15px;
  }

  .continuity-journey-edge {
    display: none;
  }
}

@media (max-width: 620px) {
  .continuity-journey {
    height: 220svh;
  }

  .continuity-journey-heading {
    top: 28px;
  }

  .continuity-journey-heading .eyebrow {
    margin-bottom: 18px;
    font-size: 10px;
  }

  .continuity-journey-heading h2 {
    font-size: clamp(40px, 12vw, 50px);
    line-height: .96;
  }

  .continuity-journey-intro {
    max-width: 92%;
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.5;
  }

  .continuity-journey-object {
    right: -75vw;
    bottom: 4%;
    width: 158vw;
  }

  .continuity-journey-object figcaption {
    display: none;
  }

  .continuity-journey-principles li {
    grid-template-columns: 35px minmax(0, 1fr);
    min-height: 84px;
    padding: 13px 0 12px;
  }

  .continuity-journey-principles h3 {
    font-size: 19px;
  }

  .continuity-journey-principles p {
    margin-top: 6px;
    font-size: 15px;
    line-height: 1.38;
  }
}

@media (max-height: 740px) {
  .continuity-journey-sticky {
    min-height: 0;
  }
}

@media (max-width: 620px) and (max-height: 740px) {
  .hero-journey-sticky {
    min-height: 0;
  }

  .hero-journey-statement-left {
    top: 18px;
  }

  .hero-journey-statement h2 {
    font-size: clamp(32px, 9.8vw, 40px);
  }

  .hero-journey-statement-right {
    bottom: 10px;
  }

  .continuity-journey-heading {
    top: 19px;
  }

  .continuity-journey-heading h2 {
    font-size: clamp(34px, 10.5vw, 44px);
  }

  .continuity-journey-intro {
    display: none;
  }

  .continuity-journey-principles {
    bottom: 14px;
  }

  .continuity-journey-principles li {
    min-height: 71px;
    padding: 10px 0 9px;
  }

  .continuity-journey-principles p {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .continuity-journey {
    height: auto;
    background: var(--stegx-paper);
  }

  .continuity-journey-sticky {
    position: relative;
    top: auto;
    height: auto;
    min-height: clamp(820px, 110svh, 980px);
    background: var(--stegx-paper);
  }

  .continuity-journey-paper,
  .continuity-journey-heading,
  .continuity-journey-object,
  .continuity-journey-principles li {
    opacity: 1 !important;
  }

  .continuity-journey-heading,
  .continuity-journey-object,
  .continuity-journey-principles li {
    transform: none !important;
  }

  .continuity-journey-heading,
  .continuity-journey-principles,
  .continuity-journey-object figcaption,
  .continuity-journey-edge {
    color: #0b1220;
  }

  .continuity-journey-horizon {
    opacity: 0;
  }

  .continuity-journey-progress {
    display: none;
  }
}

@media (max-width: 620px) and (prefers-reduced-motion: reduce) {
  .continuity-journey-sticky {
    min-height: 850px;
  }

  .continuity-journey-object {
    opacity: .72 !important;
  }
}


/* Feedback refinement: motion, readability and spatial rhythm */
.hero-journey {
  --hj-copy-width: min(28vw, 430px);
  --hj-object-scroll-y: 0px;
  --hj-object-scroll-rotate: -.6deg;
}

.hero-journey-context {
  color: #3c4a60;
  font-size: 11px;
  font-weight: 600;
}

.hero-journey-statement {
  width: var(--hj-copy-width);
}

.hero-journey-statement .eyebrow {
  margin-bottom: 20px;
  color: #25334a;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .13em;
  opacity: 1;
}

.hero-journey-statement h2 {
  font-size: clamp(46px, 4.65vw, 82px);
}

.hero-journey-line-two {
  color: var(--stegx-ink-soft);
}

.hero-journey-statement-copy {
  max-width: 410px;
  margin-top: 26px;
  color: #344259;
  font-size: clamp(16px, 1.12vw, 18px);
  line-height: 1.62;
}

.hero-journey-benefits li {
  grid-template-columns: 36px 1fr;
  gap: 16px;
  min-height: 98px;
  padding: 19px 0 17px;
}

.hero-journey-benefits li > span {
  color: #4f36d2;
  font-size: 12px;
  font-weight: 650;
}

.hero-journey-benefits strong {
  color: #111a29;
  font-size: clamp(18px, 1.32vw, 22px);
  line-height: 1.28;
}

.hero-journey-benefits p {
  margin-top: 7px;
  color: #3f4d63;
  font-size: clamp(15px, 1vw, 16px);
  line-height: 1.55;
}

.hero-journey-route {
  color: #3c4a60;
  font-size: 10px;
  font-weight: 600;
}

.hero-journey-object {
  animation: hjBridgeFloat 8s ease-in-out infinite alternate;
  transform-origin: 52% 54%;
  will-change: left, top, width, transform;
}

@keyframes hjBridgeFloat {
  from {
    transform:
      translate3d(-50%, calc(-50% + var(--hj-object-scroll-y) - 5px), 0)
      rotate(calc(var(--hj-object-scroll-rotate) - .25deg));
  }
  to {
    transform:
      translate3d(-50%, calc(-50% + var(--hj-object-scroll-y) + 5px), 0)
      rotate(calc(var(--hj-object-scroll-rotate) + .25deg));
  }
}

@media (max-width: 1100px) {
  .hero-journey-statement {
    width: var(--hj-copy-width);
  }

  .hero-journey-statement h2 {
    font-size: clamp(36px, 4.15vw, 52px);
  }

  .hero-journey-benefits li {
    grid-template-columns: 29px 1fr;
    gap: 10px;
  }

  .hero-journey-benefits strong {
    font-size: clamp(16px, 1.65vw, 19px);
  }

  .hero-journey-benefits p {
    font-size: 15px;
  }
}

@media (max-width: 820px) {
  .hero-journey-statement {
    left: 6%;
    right: 6%;
    width: auto;
  }

  .hero-journey-statement .eyebrow {
    font-size: 12px;
  }

  .hero-journey-benefits strong {
    font-size: 14px;
  }
}

@media (max-width: 620px) {
  .hero-journey-statement-left .eyebrow,
  .hero-journey-statement-right .eyebrow {
    font-size: 12px;
  }

  .hero-journey-benefits strong {
    font-size: 14px;
  }
}

/* Scroll-controlled 3D product engine */
.scroll-story-sticky {
  transition: background-color .35s ease, color .35s ease;
}

.scroll-story-heading {
  width: 31%;
}

.scroll-story-heading .eyebrow {
  color: currentColor;
  font-size: 13px;
  font-weight: 650;
  opacity: .82;
}

.scroll-story-steps {
  width: min(27vw, 410px);
}

.scroll-story-steps li {
  grid-template-columns: 48px 1fr;
  gap: 14px;
  min-height: 54px;
  padding: 15px 0;
  opacity: .28;
}

.scroll-story-steps li.is-active {
  padding-left: 12px;
}

.scroll-story-steps span {
  font-size: 11px;
  font-weight: 650;
}

.scroll-story-steps strong {
  font-size: clamp(18px, 1.55vw, 24px);
}

.scroll-story-engine-wrap {
  position: absolute;
  z-index: 1;
  top: 4%;
  bottom: 4%;
  left: 34.5%;
  width: 34.5%;
  perspective: 1500px;
  transform-style: preserve-3d;
  pointer-events: none;
}

.scroll-story-engine-wrap .scroll-story-halo {
  top: 50%;
  left: 50%;
  width: 82%;
  transform: translate(-50%, -50%) scale(calc(.82 + var(--story-progress) * .38));
}

.scroll-story-narratives {
  position: absolute;
  z-index: 4;
  top: 10%;
  right: 4.5%;
  bottom: 8%;
  width: min(23.5vw, 400px);
  display: grid;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.scroll-story-narratives li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 14px;
  align-content: center;
  opacity: .14;
  transform: translate3d(14px, 0, 0);
  transition: opacity .38s ease, transform .5s cubic-bezier(.2, .72, .2, 1);
}

.scroll-story-narratives li.is-active {
  opacity: 1;
  transform: none;
}

.scroll-story-narratives li > span {
  padding-top: 5px;
  color: #7658ff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
}

.scroll-story-narratives h3 {
  margin: 0;
  font-size: clamp(22px, 2vw, 34px);
  font-weight: 520;
  letter-spacing: -.045em;
  line-height: 1.08;
}

.scroll-story[data-stage="1"] .scroll-story-narratives li.is-active,
.scroll-story[data-stage="2"] .scroll-story-narratives li.is-active,
.scroll-story[data-stage="3"] .scroll-story-narratives li.is-active {
  text-shadow: 0 1px 14px rgba(2, 7, 18, .25);
}

.scroll-story-narratives p {
  max-width: 370px;
  margin: 9px 0 0;
  color: currentColor;
  font-size: clamp(15px, 1.06vw, 17px);
  line-height: 1.5;
  opacity: .96;
}

@media (max-width: 1100px) {
  .scroll-story-heading {
    width: 31%;
  }

  .scroll-story-steps {
    width: 27.5%;
  }

  .scroll-story-engine-wrap {
    left: 34%;
    width: 33.5%;
  }

  .scroll-story-narratives {
    width: 25%;
  }

  .scroll-story-narratives h3 {
    font-size: clamp(20px, 2.15vw, 28px);
  }

  .scroll-story-narratives p {
    font-size: 15px;
  }
}

@media (max-width: 820px) {
  .scroll-story {
    height: 440vh;
  }

  .scroll-story-heading {
    top: 28px;
    left: 6%;
    width: 88%;
  }

  .scroll-story-heading .eyebrow {
    margin-bottom: 12px;
    font-size: 11px;
  }

  .scroll-story-heading h2 {
    max-width: 430px;
    font-size: clamp(35px, 7vw, 50px);
  }

  .scroll-story-steps {
    top: 156px;
    bottom: auto;
    left: 6%;
    width: 88%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .scroll-story-steps li {
    display: block;
    min-width: 0;
    min-height: 62px;
    padding: 10px 8px;
    border-right: 1px solid currentColor;
  }

  .scroll-story-steps li:first-child {
    padding-left: 0;
  }

  .scroll-story-steps li:last-child {
    padding-right: 0;
    border-right: 0;
  }

  .scroll-story-steps li.is-active {
    padding-left: 8px;
  }

  .scroll-story-steps li:first-child.is-active {
    padding-left: 4px;
  }

  .scroll-story-steps span {
    display: block;
    margin-bottom: 5px;
  }

  .scroll-story-steps strong {
    display: block;
    overflow: visible;
    font-size: clamp(12px, 2vw, 14px);
    line-height: 1.25;
    text-overflow: clip;
  }

  .scroll-story-engine-wrap {
    top: 215px;
    right: auto;
    bottom: 166px;
    left: 18%;
    width: 64%;
  }



  .scroll-story-narratives {
    top: auto;
    right: 6%;
    bottom: 43px;
    left: 6%;
    width: auto;
    height: 116px;
    display: block;
  }

  .scroll-story-narratives li {
    position: absolute;
    inset: 0;
    grid-template-columns: 30px minmax(0, 1fr);
    align-content: start;
    opacity: 0;
    transform: translate3d(0, 14px, 0);
    pointer-events: none;
  }

  .scroll-story-narratives li.is-active {
    opacity: 1;
    transform: none;
  }

  .scroll-story-narratives h3 {
    font-size: clamp(23px, 4vw, 28px);
  }

  .scroll-story-narratives p {
    max-width: 620px;
    font-size: 15px;
    line-height: 1.45;
  }

  .scroll-story-progress {
    bottom: 22px;
  }

  .scroll-story-cue {
    display: none;
  }
}

@media (max-width: 620px) {
  .scroll-story-heading {
    top: 20px;
  }

  .scroll-story-heading h2 {
    max-width: 340px;
    font-size: clamp(34px, 10.2vw, 45px);
  }

  .scroll-story-steps {
    top: 137px;
  }

  .scroll-story-steps li {
    padding: 9px 5px;
  }

  .scroll-story-steps strong {
    font-size: 12px;
  }

  .scroll-story-engine-wrap {
    top: 202px;
    bottom: 156px;
    left: 17%;
    width: 66%;
  }


  .scroll-story-narratives {
    bottom: 36px;
    height: 116px;
  }

  .scroll-story-narratives h3 {
    font-size: 22px;
  }

  .scroll-story-narratives p {
    margin-top: 6px;
    font-size: 15px;
    line-height: 1.42;
  }

  .scroll-story-progress {
    bottom: 17px;
  }
}

@media (max-width: 620px) and (max-height: 740px) {
  .scroll-story-sticky {
    min-height: 0;
  }

  .scroll-story-heading {
    top: 14px;
  }

  .scroll-story-heading h2 {
    font-size: clamp(30px, 9vw, 38px);
  }

  .scroll-story-steps {
    top: 117px;
  }

  .scroll-story-engine-wrap {
    top: 178px;
    bottom: 142px;
  }

  .scroll-story-narratives {
    bottom: 30px;
    height: 108px;
  }

  .scroll-story-narratives p {
    font-size: 14.5px;
    line-height: 1.38;
  }

  .scroll-story-progress {
    bottom: 12px;
  }
}

/* Dark continuity handoff */
.continuity-journey {
  --cj-depth: 0;
  --cj-title-color: #f4f7ff;
  --cj-object-rotate: -2.2deg;
  background: #02050b;
  color: var(--cj-title-color);
}

.continuity-journey-sticky {
  background: #02050b;
}

.continuity-journey-horizon {
  background:
    radial-gradient(circle at 76% 54%, rgba(55, 104, 214, .36), transparent 32%),
    radial-gradient(circle at 48% 118%, rgba(18, 63, 132, .7), transparent 54%),
    linear-gradient(180deg, #02050b 0%, #06101f 48%, #0a2345 100%);
}

.continuity-journey-paper {
  background:
    radial-gradient(circle at 78% 58%, rgba(105, 76, 255, .17), transparent 30%),
    linear-gradient(180deg, rgba(2, 5, 11, 0), #08172d 58%, #071221 100%);
  opacity: var(--cj-depth);
}

.continuity-journey-heading {
  color: #f4f7ff;
}

.continuity-journey-heading .eyebrow {
  color: #cbd5e6;
  font-size: 13px;
  font-weight: 650;
  opacity: 1;
}

.continuity-journey-heading h2 {
  color: #f7f9ff;
}

.continuity-journey-heading h2 span {
  color: #aebfff;
  opacity: 1;
}

.continuity-journey-intro {
  color: #d4dcea;
  font-size: clamp(17px, 1.25vw, 20px);
  opacity: calc(var(--cj-intro-opacity) * .92);
}

.continuity-journey-object {
  transform:
    translate3d(var(--cj-object-x), var(--cj-object-y), 0)
    scale(var(--cj-object-scale))
    rotate(var(--cj-object-rotate));
}

.continuity-journey-object::after {
  background: rgba(88, 114, 255, .2);
  filter: blur(72px);
}

.continuity-journey-object img {
  filter:
    saturate(1.04)
    contrast(1.12)
    brightness(.92)
    drop-shadow(0 34px 54px rgba(0, 0, 0, .48));
}

.continuity-journey-object figcaption {
  color: #cbd5e6;
  font-size: 10px;
  opacity: .78;
}

.continuity-journey-principles {
  width: min(46%, 740px);
  color: #f4f7ff;
  isolation: isolate;
}

.continuity-journey-principles::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -24px -9% -24px -4%;
  background:
    linear-gradient(
      90deg,
      rgba(2, 7, 15, .98) 0%,
      rgba(3, 9, 19, .94) 62%,
      rgba(3, 9, 19, .6) 82%,
      transparent 100%
    );
  opacity: var(--cj-row-one-opacity);
  pointer-events: none;
}

.continuity-journey-principles li {
  min-height: 112px;
  border-top-color: rgba(183, 199, 255, .24);
}

.continuity-journey-principles li > span {
  color: #a993ff;
  font-size: 11px;
  font-weight: 700;
}

.continuity-journey-principles h3 {
  color: #fff;
  font-size: clamp(23px, 1.95vw, 32px);
  line-height: 1.12;
}

.continuity-journey-principles p {
  max-width: 560px;
  color: #cbd5e3;
  font-size: clamp(16px, 1.08vw, 18px);
  line-height: 1.58;
  opacity: 1;
}

.continuity-journey-edge {
  color: #aebbd0;
  font-size: 10px;
  opacity: .72;
}

@media (max-width: 820px) {
  .continuity-journey-object img {
    opacity: .78;
  }

  .continuity-journey-principles {
    width: auto;
  }

  .continuity-journey-principles::before {
    inset: -18px -6% -22px;
    background:
      linear-gradient(
        90deg,
        rgba(2, 7, 15, .99) 0%,
        rgba(3, 9, 19, .96) 72%,
        rgba(3, 9, 19, .74) 88%,
        transparent 100%
      );
  }

  .continuity-journey-principles p {
    font-size: 16px;
    line-height: 1.52;
  }
}

@media (max-width: 620px) {
  .continuity-journey-heading .eyebrow {
    font-size: 11px;
  }

  .continuity-journey-principles h3 {
    font-size: 20px;
  }

  .continuity-journey-principles p {
    font-size: 15px;
    line-height: 1.48;
  }
}

@media (max-width: 620px) and (max-height: 740px) {
  .continuity-journey-principles p {
    font-size: 14.5px;
    line-height: 1.42;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-journey-object {
    animation: none;
  }

  .continuity-journey,
  .continuity-journey-sticky {
    background: #03070e;
  }

  .continuity-journey-paper,
  .continuity-journey-horizon {
    opacity: 1 !important;
  }

  .continuity-journey-heading,
  .continuity-journey-principles,
  .continuity-journey-object figcaption,
  .continuity-journey-edge {
    color: #f4f7ff !important;
  }

  .continuity-journey-heading h2 span {
    color: #aebfff;
  }

  .continuity-journey-object {
    opacity: .78 !important;
    transform: none !important;
  }

  .continuity-journey-principles li {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* The WebGL scene owns all object transforms; no image slicing or CSS rotation. */
.scroll-story-model { position: absolute; inset: 0; }
.scroll-story-model canvas { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .45s ease; }
.scroll-story-model[data-ready="true"] canvas { opacity: 1; }
.scroll-story-model-fallback { position: absolute; width: 90%; height: 92%; left: 5%; top: 4%; object-fit: contain; opacity: .55; transition: opacity .35s ease; }
.scroll-story-model[data-ready="true"] .scroll-story-model-fallback { opacity: 0; visibility: hidden; }
.scroll-story-model[data-ready="fallback"] .scroll-story-model-fallback { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .scroll-story-model canvas, .scroll-story-model-fallback { transition: none; }
}

@media (max-width: 620px) {
  .scroll-story-heading h2 { max-width: none; font-size: clamp(28px, 8vw, 38px); }
}

/* No-JS fallback: same static layout as reduced motion (html.static is removed by boot.js). */
html.static{scroll-behavior:auto}
html.static *,html.static *::before,html.static *::after{animation:none!important;transition:none!important}
html.static .will-reveal{opacity:1;transform:none}
html.static .landing-hero-object{ animation: none; }
html.static .scroll-story-sticky,html.static .scroll-story-visual img,html.static .scroll-story-orbit,html.static .scroll-story-tag{ transition: none; }
html.static .hero-journey{
    height: auto;
    background: var(--stegx-ink);
  }
html.static .hero-journey-anchor,html.static .hero-journey-surround,html.static .hero-journey-progress,html.static .hero-journey-card-meta,html.static .hero-journey-card-footer{
    display: none;
  }
html.static .hero-journey-sticky{
    position: relative;
    top: auto;
    height: calc(100svh - 84px);
    min-height: 760px;
  }
html.static .hero-journey-panel{
    inset: 0;
    border-radius: 0;
  }
html.static .hero-journey-intro,html.static .hero-journey-rail{
    opacity: 1;
    transform: none;
  }
html.static .hero-journey-reduced-summary{
    display: flex;
    min-height: 720px;
    padding: clamp(90px, 10vw, 160px) 4.5%;
    flex-direction: column;
    justify-content: center;
    color: #0b1220;
    background: var(--stegx-paper);
  }
html.static .hero-journey-reduced-summary .eyebrow{
    color: #647084;
  }
html.static .hero-journey-reduced-summary h2{
    margin: 0;
    font-size: clamp(50px, 6.2vw, 112px);
    font-weight: 500;
    letter-spacing: -.065em;
    line-height: .98;
  }
html.static .hero-journey-reduced-summary h2 span{
    color: #8790a0;
  }
html.static .hero-journey-reduced-summary > p:last-child{
    max-width: 680px;
    margin: 46px 0 0 auto;
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1.58;
  }
@media (max-width: 820px){html.static .hero-journey-sticky{
    height: calc(100svh - 76px);
    min-height: 720px;
  }
html.static .hero-journey-reduced-summary{
    min-height: 660px;
    padding-left: 6%;
    padding-right: 6%;
  }}
html.static .continuity-journey{
    height: auto;
    background: var(--stegx-paper);
  }
html.static .continuity-journey-sticky{
    position: relative;
    top: auto;
    height: auto;
    min-height: clamp(820px, 110svh, 980px);
    background: var(--stegx-paper);
  }
html.static .continuity-journey-paper,html.static .continuity-journey-heading,html.static .continuity-journey-object,html.static .continuity-journey-principles li{
    opacity: 1 !important;
  }
html.static .continuity-journey-heading,html.static .continuity-journey-object,html.static .continuity-journey-principles li{
    transform: none !important;
  }
html.static .continuity-journey-heading,html.static .continuity-journey-principles,html.static .continuity-journey-object figcaption,html.static .continuity-journey-edge{
    color: #0b1220;
  }
html.static .continuity-journey-horizon{
    opacity: 0;
  }
html.static .continuity-journey-progress{
    display: none;
  }
@media (max-width: 620px){html.static .continuity-journey-sticky{
    min-height: 850px;
  }
html.static .continuity-journey-object{
    opacity: .72 !important;
  }}
html.static .hero-journey-object{
    animation: none;
  }
html.static .continuity-journey,html.static .continuity-journey-sticky{
    background: #03070e;
  }
html.static .continuity-journey-paper,html.static .continuity-journey-horizon{
    opacity: 1 !important;
  }
html.static .continuity-journey-heading,html.static .continuity-journey-principles,html.static .continuity-journey-object figcaption,html.static .continuity-journey-edge{
    color: #f4f7ff !important;
  }
html.static .continuity-journey-heading h2 span{
    color: #aebfff;
  }
html.static .continuity-journey-object{
    opacity: .78 !important;
    transform: none !important;
  }
html.static .continuity-journey-principles li{
    opacity: 1 !important;
    transform: none !important;
  }
html.static .scroll-story-model canvas,html.static .scroll-story-model-fallback{ transition: none; }
/* =====================================================================================
   StegX website components, layered on the base design system above.
   ===================================================================================== */
h1,h2,h3,h4,h5,p,ol,ul,dl,dd,figure,blockquote{margin:0}
ol,ul{list-style:none;padding:0}
img,svg,canvas{display:block;max-width:100%}
button{background:none;border:0;color:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
:root{
  --x-ink:#05070c;--x-ink-2:#0b1220;--x-panel:#0d1320;--x-paper:#f2f4f1;--x-paper-2:#e8ecf3;
  --x-ice:#b7c7ff;--x-quartz:#d8ccff;--x-violet:#694cff;--x-purple:#781fff;
  --x-text:#f4f6f8;--x-muted:#a3aec0;--x-muted-2:#7f8ca1;--x-ink-muted:#4f5a6e;
  --x-line:rgba(218,228,247,.16);--x-line-2:rgba(218,228,247,.28);--x-line-l:rgba(12,24,45,.15);
  --x-gutter:4.5vw;
}
body{overflow-x:hidden}
.skip-link{color:#fff}
:focus-visible{outline:2px solid #aa77ff;outline-offset:4px}
.x-light :focus-visible,.x-paper :focus-visible{outline-color:#4a2ecc}
select:focus-visible,textarea:focus-visible{outline:2px solid #aa77ff;outline-offset:4px}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.num{font-variant-numeric:tabular-nums lining-nums}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;height:84px;background:rgba(8,8,13,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.navigation{gap:26px}
.navigation a{font-size:14px;color:#dfe5f1}
.navigation a[aria-current="page"]{color:#fff;box-shadow:inset 0 -1px 0 #b7c7ff}
.nav-app{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.02em;padding:11px 14px;border:1px solid rgba(183,199,255,.35);color:#cdd8ff}
.nav-app:hover{border-color:#b7c7ff;color:#fff}
.nav-app small{font-size:10px;letter-spacing:.14em;color:#8f9bb3}
.header-cta{align-items:center;background:#f4f6f8;color:#05070c;border-color:#f4f6f8}
.header-cta:hover{background:#fff}
.menu-toggle{align-items:center}
@media (max-width:1180px){
  .site-header{height:76px;padding:0 6%;gap:18px}
  .logo img{width:100px}
  .header-cta{display:none}
  .menu-toggle{display:flex;gap:14px;background:transparent;color:white;border:1px solid rgba(255,255,255,.28);padding:11px 16px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
  .menu-toggle .mt-icon{font-size:20px;line-height:1}
  .navigation{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 6% 30px;background:#0b0c14;border-bottom:1px solid #ffffff30;max-height:calc(100svh - 76px);overflow:auto}
  .navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .navigation a{padding:18px 0;font-size:22px;border-bottom:1px solid rgba(255,255,255,.1);font-family:Montserrat,Arial,sans-serif;letter-spacing:-.02em}
  .navigation .nav-app{margin-top:20px;justify-content:space-between;font-size:15px;padding:16px;font-family:Arial,sans-serif;letter-spacing:0}
  .navigation .nav-contact{display:flex}
  html.static .navigation{display:flex;position:static;flex-wrap:wrap;padding:0;background:none;border:0;gap:6px 16px}
  html.static .site-header{height:auto;flex-wrap:wrap;padding:16px 6%}
  html.static .navigation a{font-size:14px;padding:6px 0;border:0}
  html.static .menu-toggle{display:none}
}
.nav-contact{display:none}
@media (min-width:1181px){.navigation .nav-app{margin-left:6px}}

/* ---------- shared type ---------- */
.eyebrow{text-transform:uppercase}
.x-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:500;text-transform:uppercase;color:#9fb0d6;margin:0 0 30px;display:flex;align-items:center;gap:12px}
.x-eyebrow::before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}
.x-light .x-eyebrow,.x-paper .x-eyebrow{color:#5b6b8c}
.x-h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(46px,6.6vw,112px);font-weight:500;letter-spacing:-.062em;line-height:.98;margin:0}
.x-h1 span,.x-h2 span{color:#b7c7ff}
.x-light .x-h2 span,.x-paper .x-h2 span{color:#7d879a}
.x-h2{font-family:Montserrat,Arial,sans-serif;font-size:clamp(38px,5vw,88px);font-weight:500;letter-spacing:-.06em;line-height:1;margin:0}
.x-h3{font-family:Montserrat,Arial,sans-serif;font-size:clamp(22px,2.1vw,32px);font-weight:500;letter-spacing:-.04em;line-height:1.12}
.x-lead{font-size:clamp(17px,1.4vw,21px);line-height:1.58;color:#c9d1df;max-width:620px}
.x-light .x-lead,.x-paper .x-lead{color:#3c4659}
.x-p{font-size:16.5px;line-height:1.7;color:var(--x-muted);max-width:640px}
.x-light .x-p,.x-paper .x-p{color:var(--x-ink-muted)}
.x-boundary{display:flex;gap:14px;align-items:flex-start;font-size:13px;line-height:1.55;letter-spacing:.01em;color:#aeb8ca;max-width:620px}
.x-boundary::before{content:"";flex:none;width:18px;height:1px;margin-top:.7em;background:currentColor;opacity:.6}
.x-light .x-boundary,.x-paper .x-boundary{color:#4f5a6e}
.x-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.arrow-link{min-height:48px}
.arrow-link.solid{color:#fff}
.arrow-link.light{background:#f4f6f8;border:1px solid #f4f6f8;color:#05070c;padding:18px 22px}
.arrow-link.light:hover{background:#fff}
.x-light .arrow-link:not(.solid):not(.light),.x-paper .arrow-link:not(.solid):not(.light){color:#0b1220}
.x-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border:1px solid var(--x-line-2);color:#c9d3e6}
.x-chip.on{border-color:#b7c7ff;color:#fff;background:rgba(105,76,255,.22)}
.x-light .x-chip,.x-paper .x-chip{border-color:var(--x-line-l);color:#3c4659}
.x-chips{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- sections ---------- */
.x-sec{position:relative;padding:clamp(90px,10vw,170px) var(--x-gutter);background:var(--x-ink);color:var(--x-text);overflow:hidden;isolation:isolate}
.x-sec.x-deep{background:radial-gradient(circle at 78% 18%,rgba(55,91,182,.24),transparent 34%),radial-gradient(circle at 12% 88%,rgba(105,76,255,.16),transparent 30%),#05070c}
.x-sec.x-paper{background:var(--x-paper);color:#0b1220}
.x-sec.x-light{background:#edf1f7;color:#0b1220}
.x-grid-bg::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(218,228,247,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(218,228,247,.06) 1px,transparent 1px);background-size:88px 88px;mask-image:radial-gradient(circle at 60% 40%,#000,transparent 75%);-webkit-mask-image:radial-gradient(circle at 60% 40%,#000,transparent 75%)}
.x-paper.x-grid-bg::before,.x-light.x-grid-bg::before{background-image:linear-gradient(rgba(12,24,45,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(12,24,45,.06) 1px,transparent 1px)}
.x-head{display:grid;gap:26px;margin-bottom:clamp(50px,6vw,96px)}
@media (min-width:1000px){.x-head{grid-template-columns:1.25fr .75fr;align-items:end;gap:60px}.x-head>.x-p,.x-head>.x-lead{justify-self:end}}
.x-head>div:only-child{grid-column:1/-1}
.x-head .x-h2{max-width:17ch}
.x-sec-num{position:absolute;right:var(--x-gutter);top:clamp(40px,5vw,70px);font-size:12px;letter-spacing:.14em;color:#7f8ca1}

/* ---------- subpage hero ---------- */
.x-hero{position:relative;min-height:calc(100svh - 84px);max-height:1080px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(64px,8vw,120px) var(--x-gutter) 0;background:#05070c;color:#f4f6f8;overflow:hidden;isolation:isolate}
.x-hero-media{position:absolute;inset:0;z-index:-2}
.x-hero-media img{position:absolute;right:0;top:0;height:100%;width:78%;object-fit:cover;object-position:right center}
.x-hero-media.contain img{object-fit:contain;width:52%;right:3%;top:6%;height:92%;object-position:center}
.x-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05070c 0%,rgba(5,7,12,.94) 30%,rgba(5,7,12,.55) 56%,rgba(5,7,12,.08) 80%),linear-gradient(0deg,#05070c 0%,rgba(5,7,12,0) 34%)}
.x-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(218,228,247,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(218,228,247,.05) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,#000 0%,transparent 60%);-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 60%)}
.x-hero-copy{max-width:min(860px,64vw)}
.x-hero .x-h1{margin-top:6px}
.x-hero .x-lead{margin-top:30px}
.x-hero .x-actions{margin-top:38px}
.x-hero .x-boundary{margin-top:24px}
.x-hero-aside{position:absolute;right:var(--x-gutter);top:50%;transform:translateY(-50%);width:min(420px,32vw);z-index:2}
.x-hero-rail{margin-top:clamp(50px,7vw,90px);display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;border-top:1px solid rgba(255,255,255,.24);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#aab5c9}
.x-hero-rail a{display:flex;gap:18px;align-items:center;letter-spacing:.02em;text-transform:none;font-size:14px;color:#e8edf6}
.x-hero.compact{min-height:0;padding-bottom:0}
.x-hero.compact .x-hero-copy{padding-bottom:clamp(40px,6vw,80px)}
@media (max-width:1000px){
  .x-hero{min-height:0}
  .x-hero-copy{max-width:none}
  .x-hero-media img{width:100%;opacity:.5}
  .x-hero-media.contain img{width:70%;right:-12%;opacity:.45}
  .x-hero::before{background:linear-gradient(180deg,rgba(5,7,12,.5) 0%,rgba(5,7,12,.86) 46%,#05070c 100%)}
  .x-hero-aside{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:560px;margin-top:48px}
  .x-hero-rail span:last-child{display:none}
}
@media (max-width:720px){.x-hero{padding:56px 6% 0}.x-hero-rail{font-size:11px}.x-hero-rail span:first-child{max-width:160px;line-height:1.5}}

/* glass card */
.x-glass{background:linear-gradient(180deg,rgba(21,28,46,.78),rgba(9,13,24,.86));border:1px solid rgba(183,199,255,.22);box-shadow:0 40px 110px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#eef2f9}
.x-glass-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--x-line);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b7c7ff}
.x-glass-t{padding:22px 20px 4px;font-family:Montserrat,Arial,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.03em;line-height:1.2}
.x-glass dl{padding:6px 20px 10px}
.x-glass dl>div{display:grid;grid-template-columns:118px 1fr;gap:14px;padding:13px 0;border-top:1px solid var(--x-line)}
.x-glass dl>div:first-child{border-top:0}
.x-glass dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8f9bb3;line-height:1.5}
.x-glass dd{font-size:14.5px;line-height:1.5;color:#eef2f9}
.x-glass dd strong{font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:17px;letter-spacing:-.02em}
.x-glass-f{padding:14px 20px;border-top:1px solid var(--x-line)}
.x-glass-f .arrow-link{padding:10px 0;min-height:0;font-size:13px}
.x-outc{display:flex;flex-wrap:wrap;gap:6px}
.x-outc span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:7px 9px;border:1px solid var(--x-line-2)}
.x-outc span.go{background:#781fff;border-color:#781fff;color:#fff}

/* ---------- metrics strip ---------- */
.x-metrics{position:relative;display:grid;grid-template-columns:repeat(2,1fr);background:#05070c;color:#f4f6f8;border-top:1px solid var(--x-line);border-bottom:1px solid var(--x-line)}
.x-metrics>div{padding:clamp(28px,3.6vw,54px) var(--x-gutter);border-left:1px solid var(--x-line);border-top:1px solid var(--x-line)}
.x-metrics>div:nth-child(-n+2){border-top:0}
.x-metrics>div:nth-child(odd){border-left:0}
.x-metrics b{display:block;font-family:Montserrat,Arial,sans-serif;font-weight:500;font-size:clamp(28px,3.4vw,58px);letter-spacing:-.055em;line-height:1;background:linear-gradient(180deg,#ffffff,#b7c7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.x-metrics span{display:block;margin-top:14px;font-size:12px;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;color:#8f9bb3;max-width:30ch}
@media (min-width:1000px){.x-metrics{grid-template-columns:repeat(4,1fr)}.x-metrics>div{border-top:0!important;border-left:1px solid var(--x-line)!important;padding-left:clamp(20px,2.4vw,44px)}.x-metrics>div:first-child{border-left:0!important;padding-left:var(--x-gutter)}}

/* ---------- statement ---------- */
.x-statement{display:grid;gap:40px}
.x-statement .x-h2{max-width:14ch}
.x-statement-body{border-left:2px solid #781fff;padding-left:clamp(20px,2.4vw,34px)}
.x-statement-body p{font-family:Montserrat,Arial,sans-serif;font-size:clamp(21px,2vw,30px);font-weight:500;letter-spacing:-.03em;line-height:1.3}
.x-statement-body p+p{margin-top:16px;color:var(--x-muted)}
.x-paper .x-statement-body p+p,.x-light .x-statement-body p+p{color:#5d6780}
@media (min-width:1000px){.x-statement{grid-template-columns:1fr 1fr;gap:80px;align-items:end}}

/* stance with render */
.x-stance{min-height:clamp(640px,80svh,900px);display:flex;align-items:center}
.x-stance-media{position:absolute;inset:0;z-index:-1}
.x-stance-media img{position:absolute;right:-6%;top:50%;transform:translateY(-50%);width:min(72vw,1250px);height:auto;opacity:.95}
.x-stance::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05070c 18%,rgba(5,7,12,.7) 48%,rgba(5,7,12,.05) 80%)}
.x-stance-inner{max-width:760px}
.x-stance .x-h2{margin-bottom:40px}
.x-stance .x-outc{margin-top:36px}
.x-stance .x-outc span{font-size:12px;padding:10px 14px}
@media (max-width:1000px){.x-stance-media img{width:130%;right:-50%;opacity:.45}.x-stance::after{background:linear-gradient(90deg,#05070c 30%,rgba(5,7,12,.6))}}

/* ---------- fit ---------- */
.x-fit{display:grid;border:1px solid var(--x-line)}
.x-fit>div{padding:clamp(26px,3vw,44px)}
.x-fit>div+div{border-top:1px solid var(--x-line)}
.x-fit h3{font-family:Montserrat,Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.03em;margin-bottom:18px}
.x-fit li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:15px 0;border-top:1px solid var(--x-line);font-size:16.5px;line-height:1.5}
.x-fit li svg{width:18px;height:18px;margin-top:3px}
.x-fit .no li{color:var(--x-muted)}
.x-paper .x-fit,.x-light .x-fit{border-color:var(--x-line-l)}
.x-paper .x-fit>div+div,.x-paper .x-fit li,.x-light .x-fit li,.x-light .x-fit>div+div{border-color:var(--x-line-l)}
.x-paper .x-fit .no li,.x-light .x-fit .no li{color:#5d6780}
@media (min-width:1000px){.x-fit{grid-template-columns:1fr 1fr}.x-fit>div+div{border-top:0;border-left:1px solid var(--x-line)}.x-paper .x-fit>div+div{border-left-color:var(--x-line-l)}.x-fit.one{grid-template-columns:1fr}.x-fit.one ul{columns:2;column-gap:48px}.x-fit.one li{break-inside:avoid}}

/* ---------- numbered rows (who, functions, principles) ---------- */
.x-rows{border-top:1px solid var(--x-line)}
.x-rows>div{display:grid;gap:12px;padding:clamp(26px,3vw,40px) 0;border-bottom:1px solid var(--x-line)}
.x-rows .n{font-size:11px;letter-spacing:.14em;color:#8f7bff}
.x-rows h3{font-family:Montserrat,Arial,sans-serif;font-size:clamp(24px,2.6vw,44px);font-weight:500;letter-spacing:-.05em;line-height:1.05}
.x-rows p{font-size:16.5px;line-height:1.7;color:var(--x-muted);max-width:620px}
.x-paper .x-rows,.x-paper .x-rows>div,.x-light .x-rows,.x-light .x-rows>div{border-color:var(--x-line-l)}
.x-paper .x-rows p,.x-light .x-rows p{color:#566175}
.x-paper .x-rows .n,.x-light .x-rows .n{color:#694cff}
@media (min-width:1000px){.x-rows>div{grid-template-columns:72px .9fr 1.1fr;gap:36px;align-items:baseline}}

/* ---------- step timeline ---------- */
.x-steps{position:relative;display:grid;gap:34px;padding-left:64px;counter-reset:st}
.x-steps::before{content:"";position:absolute;left:22px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,#781fff,rgba(183,199,255,.2))}
.x-steps>li{position:relative}
.x-steps .node{position:absolute;left:-64px;top:0;width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--x-line-2);background:#05070c;font-size:12px;letter-spacing:.08em}
.x-steps>li:first-child .node{background:#781fff;border-color:#781fff;box-shadow:0 0 30px rgba(120,31,255,.55)}
.x-steps h3{font-family:Montserrat,Arial,sans-serif;font-size:clamp(21px,1.8vw,27px);font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:14px 0 10px}
.x-steps p{font-size:15.5px;line-height:1.65;color:var(--x-muted);max-width:40ch}
@media (min-width:1000px){
  .x-steps{grid-template-columns:repeat(4,1fr);gap:0;padding:78px 0 0}
  .x-steps.five{grid-template-columns:repeat(5,1fr)}
  .x-steps::before{left:0;right:0;top:22px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,#781fff,rgba(183,199,255,.18))}
  .x-steps>li{padding-right:32px}
  .x-steps .node{left:0;top:-78px}
}

/* ---------- self-check ---------- */
.x-check{display:grid;gap:44px}
@media (min-width:1000px){.x-check{grid-template-columns:1fr 1fr;gap:80px;align-items:center}}
.x-score{font-family:Montserrat,Arial,sans-serif;font-size:clamp(80px,10vw,160px);font-weight:500;letter-spacing:-.07em;line-height:.9;margin-top:36px;background:linear-gradient(180deg,#fff,#8f7bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.x-score small{font-size:.32em;letter-spacing:-.02em}
.x-chk{display:grid;gap:10px}
.x-chk label{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:center;padding:20px 22px;border:1px solid var(--x-line);background:rgba(255,255,255,.02);cursor:pointer;font-family:Montserrat,Arial,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.02em;transition:border-color .2s,background .2s}
.x-chk input{position:absolute;opacity:0;width:1px;height:1px}
.x-chk .bx{width:26px;height:26px;border:1px solid var(--x-line-2);display:grid;place-items:center}
.x-chk .bx svg{width:14px;height:14px;opacity:0}
.x-chk input:checked+.bx{background:#781fff;border-color:#781fff;box-shadow:0 0 18px rgba(120,31,255,.6)}
.x-chk input:checked+.bx svg{opacity:1}
.x-chk input:focus-visible+.bx{outline:2px solid #aa77ff;outline-offset:3px}
.x-chk label:has(input:checked){border-color:rgba(183,199,255,.6);background:rgba(105,76,255,.1)}
.x-checkout{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.x-checkout p{font-size:13px;color:#aeb8ca;min-height:1.4em}

/* ---------- panels ---------- */
.x-panels{display:grid;gap:1px;background:var(--x-line);border:1px solid var(--x-line)}
.x-panels>div{background:#070a12;padding:clamp(28px,3.4vw,52px)}
@media (min-width:1000px){.x-panels{grid-template-columns:1fr 1fr}}
.x-price{font-family:Montserrat,Arial,sans-serif;font-size:clamp(48px,6vw,104px);font-weight:500;letter-spacing:-.065em;line-height:.95;margin:26px 0 8px;background:linear-gradient(180deg,#fff 20%,#b7c7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.x-price-note{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#b7c7ff;line-height:1.5}
.x-bullets{margin-top:20px;border-top:1px solid var(--x-line)}
.x-bullets li{position:relative;padding:14px 0 14px 24px;border-bottom:1px solid var(--x-line);font-size:16px;line-height:1.5}
.x-bullets li::before{content:"";position:absolute;left:0;top:1.35em;width:10px;height:1px;background:#b7c7ff}
.x-limits{display:grid;gap:22px;padding:clamp(28px,3.2vw,48px);border:1px solid var(--x-line-2);background:linear-gradient(135deg,rgba(105,76,255,.08),transparent 55%)}
.x-limits p{font-size:16.5px;line-height:1.7;color:#dce3ee;max-width:900px}
@media (min-width:1000px){.x-limits{grid-template-columns:230px 1fr;gap:48px}}
.x-paper .x-limits{border-color:var(--x-line-l);background:#fff}
.x-paper .x-limits p{color:#2c3547}

/* ---------- module table (light) ---------- */
.x-table{width:100%;border-collapse:collapse;border-top:1px solid var(--x-line-l)}
.x-table th,.x-table td{text-align:left;vertical-align:top;padding:22px 20px 22px 0;border-bottom:1px solid var(--x-line-l)}
.x-table thead th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#566175;font-weight:500;padding-block:14px}
.x-table tbody th{width:34%;font-family:Montserrat,Arial,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.03em;color:#0b1220}
.x-table tbody th span{display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.14em;color:#694cff;margin-bottom:8px}
.x-table td{font-size:16px;line-height:1.6;color:#3c4659}
.x-table tr.pkg th,.x-table tr.pkg td{background:#fff}
.x-table tr.pkg th{padding-left:18px;border-left:3px solid #781fff}
@media (max-width:720px){.x-table thead{display:none}.x-table tr{display:block;padding:18px 0;border-bottom:1px solid var(--x-line-l)}.x-table th,.x-table td,.x-table tbody th{display:block;border:0;padding:0;width:auto}.x-table td{margin-top:8px}.x-table tr.pkg{padding:18px 16px;border-left:3px solid #781fff;background:#fff}.x-table tr.pkg th,.x-table tr.pkg td{background:transparent;border:0;padding-left:0}}

/* ---------- decision ---------- */
.x-decide{display:grid;gap:14px}
.x-decide .src{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px;border:1px solid var(--x-line-2);font-family:Montserrat,Arial,sans-serif;font-size:28px;font-weight:500;letter-spacing:-.04em}
.x-decide .src small{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8f9bb3;margin-top:8px}
.x-decide ol{display:grid;gap:10px}
.x-decide li{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:22px 24px;border:1px solid var(--x-line)}
.x-decide li b{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.x-decide li span{font-size:16px;line-height:1.55;color:#c7cfdd}
.x-decide li.go{background:linear-gradient(120deg,#781fff,#4b2bd6);border-color:#781fff;box-shadow:0 30px 80px rgba(120,31,255,.35)}
.x-decide li.go span{color:#fff}
@media (min-width:1000px){.x-decide{grid-template-columns:220px 1fr;gap:0}.x-decide .src{border-right:0}.x-decide ol{position:relative;padding-left:44px;border-left:1px solid var(--x-line-2)}.x-decide li{position:relative}.x-decide li::before{content:"";position:absolute;left:-45px;top:50%;width:44px;height:1px;background:var(--x-line-2)}}
@media (max-width:720px){.x-decide li{grid-template-columns:84px 1fr;gap:12px;padding:18px}}

/* framework doc */
.x-doc{background:#f7f8fb;color:#0b1220;box-shadow:0 50px 120px rgba(0,0,0,.5)}
.x-doc .cv{position:relative;padding:26px 28px;background:linear-gradient(135deg,#0b1220,#1b2a55);color:#fff;border-left:8px solid #781fff}
.x-doc .cv b{display:block;margin-top:12px;font-family:Montserrat,Arial,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.03em}
.x-doc .cv small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b7c7ff}
.x-doc ol{padding:10px 28px 24px}
.x-doc li{display:grid;grid-template-columns:36px 1fr;padding:12px 0;border-bottom:1px solid var(--x-line-l);font-family:Montserrat,Arial,sans-serif;font-size:15.5px;font-weight:500;letter-spacing:-.01em}
.x-doc li em{font-family:Arial,sans-serif;font-style:normal;font-size:11px;color:#566175;letter-spacing:.08em;line-height:1.9}
.x-doc p{padding:0 28px 22px;font-size:12.5px;color:#5d6780}
.x-2col{display:grid;gap:56px}
@media (min-width:1000px){.x-2col{grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}}

/* ---------- chain ---------- */
.x-chain{display:grid;gap:10px;counter-reset:ch}
.x-chain li{position:relative;padding:24px 24px 24px 74px;border:1px solid var(--x-line);font-family:Montserrat,Arial,sans-serif;font-size:19px;font-weight:500;letter-spacing:-.025em;background:rgba(255,255,255,.015)}
.x-chain li::before{counter-increment:ch;content:"0" counter(ch);position:absolute;left:24px;top:26px;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.14em;color:#8f7bff}
.x-chain li small{display:block;margin-top:8px;font-family:Arial,sans-serif;font-size:14.5px;font-weight:400;letter-spacing:0;line-height:1.55;color:var(--x-muted)}
.x-chain li:last-child{border-color:rgba(183,199,255,.55);box-shadow:inset 0 0 0 1px rgba(120,31,255,.25),0 0 60px rgba(105,76,255,.15)}
@media (min-width:1000px){.x-chain{grid-template-columns:repeat(4,1fr);gap:0}.x-chain li{padding:78px 24px 30px;min-height:220px;border-left-width:0}.x-chain li:first-child{border-left-width:1px}.x-chain li::before{top:28px}.x-chain li:not(:last-child)::after{content:"";position:absolute;right:-7px;top:31px;width:13px;height:13px;border-top:1px solid #b7c7ff;border-right:1px solid #b7c7ff;transform:rotate(45deg);background:#05070c;z-index:1}.x-chain li:last-child{border-left:1px solid rgba(183,199,255,.55)}}

/* app schematic */
.x-app{background:linear-gradient(180deg,rgba(21,28,46,.9),rgba(9,13,24,.92));border:1px solid rgba(183,199,255,.24);box-shadow:0 40px 110px rgba(0,0,0,.6)}
.x-app-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--x-line)}
.x-app-bar i{width:8px;height:8px;border-radius:50%;border:1px solid var(--x-line-2)}
.x-app-bar em{margin-left:8px;font-style:normal;font-size:12px;color:#8f9bb3;letter-spacing:.02em}
.x-app-rows>div{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--x-line)}
.x-app-rows>div:last-child{border-bottom:0}
.x-app-rows b{font-size:11px;letter-spacing:.1em;color:#8f7bff}
.x-app-rows strong{font-family:Montserrat,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.02em}
.x-app-rows span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b7c7ff;border:1px solid var(--x-line-2);padding:5px 7px}
.x-app-f{padding:12px 18px;border-top:1px solid var(--x-line);font-size:11.5px;color:#8f9bb3}

/* definition statements */
.x-def{display:grid;gap:24px;padding:clamp(28px,3.4vw,52px) 0;border-top:1px solid var(--x-line)}
.x-def:last-child{border-bottom:1px solid var(--x-line)}
.x-def .big{font-family:Montserrat,Arial,sans-serif;font-size:clamp(24px,2.7vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.15;max-width:26ch}
@media (min-width:1000px){.x-def{grid-template-columns:260px 1fr;gap:56px}}

/* routes */
.x-routes{display:grid;gap:1px;background:var(--x-line);border:1px solid var(--x-line)}
.x-routes>div{position:relative;background:#070a12;padding:clamp(28px,3vw,46px);display:flex;flex-direction:column;gap:16px;min-height:300px}
.x-routes .rb{font-family:Montserrat,Arial,sans-serif;font-size:clamp(26px,2.4vw,38px);font-weight:500;letter-spacing:-.05em}
.x-routes .rq{font-size:16px;line-height:1.6;color:var(--x-muted)}
.x-routes .ra{margin-top:auto;font-size:16px;line-height:1.55}
.x-routes .here{background:linear-gradient(150deg,rgba(105,76,255,.35),rgba(16,43,97,.55) 60%,#070a12);}
.x-routes .here .rb{color:#fff}
.x-routes .x-chip{align-self:flex-start}
@media (min-width:1000px){.x-routes{grid-template-columns:repeat(3,1fr)}}

/* ---------- FAQ (dark) ---------- */
.x-faq-wrap{display:grid;gap:40px}
@media (min-width:1000px){.x-faq-wrap{grid-template-columns:.7fr 1.3fr;gap:80px}}
.x-faq{border-top:1px solid var(--x-line)}
.x-faq details{border-bottom:1px solid var(--x-line)}
.x-faq summary{list-style:none;display:grid;grid-template-columns:44px 1fr 36px;gap:14px;align-items:center;padding:26px 0;cursor:pointer;font-family:Montserrat,Arial,sans-serif;font-size:clamp(18px,1.6vw,23px);font-weight:500;letter-spacing:-.03em;line-height:1.3}
.x-faq summary::-webkit-details-marker{display:none}
.x-faq summary em{font-family:Arial,sans-serif;font-style:normal;font-size:11px;letter-spacing:.14em;color:#8f7bff}
.x-faq summary i{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--x-line-2);font-style:normal;font-size:20px;font-weight:400;transition:transform .25s,background .25s,border-color .25s}
.x-faq details[open] summary i{transform:rotate(45deg);background:#781fff;border-color:#781fff}
.x-faq .a{padding:0 50px 28px 58px;font-size:16.5px;line-height:1.7;color:#c3cbd9;max-width:78ch}
.x-faq .a a{color:#fff;text-decoration:underline}
@media (max-width:720px){.x-faq summary{grid-template-columns:1fr 36px}.x-faq summary em{display:none}.x-faq .a{padding:0 0 24px}}

/* ---------- audiences, closing tweaks ---------- */
.landing-audience-card .x-boundary{margin-top:18px;color:inherit;opacity:.8}
.landing-closing .x-actions{position:relative;z-index:2;margin-top:50px}
.landing-closing .x-actions .arrow-link{margin-top:0}
.landing-closing .x-actions .arrow-link:not(.solid):not(.light){color:#fff;background:none;border:0;border-bottom:1px solid currentColor;padding:18px 0}
.landing-closing p.x-lead{position:relative;z-index:2;margin-top:34px;color:#e2e8f5}

/* ---------- ways, form, aside ---------- */
.x-ways{display:grid;gap:1px;background:var(--x-line);border:1px solid var(--x-line)}
.x-ways>div{background:#070a12;padding:clamp(26px,2.6vw,40px);display:flex;flex-direction:column;gap:14px;min-height:280px}
.x-ways h3{font-family:Montserrat,Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.03em}
.x-ways .arrow-link{margin-top:auto;align-self:flex-start}
.x-ways .inv{min-height:0;background:linear-gradient(120deg,rgba(105,76,255,.28),rgba(16,43,97,.4) 60%,#070a12)}
@media (min-width:1000px){.x-ways{grid-template-columns:repeat(3,1fr)}.x-ways .inv{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}.x-ways .inv .arrow-link{margin-top:0}}
.x-form-grid{display:grid;gap:56px}
@media (min-width:1180px){.x-form-grid{grid-template-columns:1.35fr .65fr;gap:80px;align-items:start}}
.x-form{display:grid;gap:24px}
.x-fset{border:0;margin:0;padding:0;min-width:0}
.x-fset legend{padding:0;margin-bottom:12px}
.x-flabel,.x-fset legend,.x-fld label{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:#3c4659;font-weight:600}
.x-fld label abbr,.x-fset legend abbr,.x-consent abbr,.x-req abbr{text-decoration:none;color:#4a2ecc}
.x-radios{display:grid;gap:8px}
@media (min-width:760px){.x-radios{grid-template-columns:repeat(3,1fr)}}
.x-radios label{display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 16px;border:1px solid rgba(12,24,45,.2);background:#fff;cursor:pointer;font-family:Montserrat,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:-.01em;color:#0b1220;text-transform:none}
.x-radios input{width:18px;height:18px;margin:0;accent-color:#694cff;flex:none}
.x-radios label:has(input:checked){border-color:#694cff;box-shadow:inset 0 0 0 1px #694cff}
.x-fgrid{display:grid;gap:18px 20px}
@media (min-width:760px){.x-fgrid{grid-template-columns:1fr 1fr}.x-fgrid .full{grid-column:1/-1}}
.x-fld{display:grid;gap:8px}
.x-fld input,.x-fld select,.x-fld textarea{width:100%;min-height:52px;padding:13px 15px;border:1px solid rgba(12,24,45,.28);background:#fff;color:#0b1220;font-size:16px;line-height:1.4;border-radius:0;appearance:none;-webkit-appearance:none}
.x-fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230b1220' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:42px}
.x-fld textarea{min-height:150px;resize:vertical}
.x-fld input[type=file]{padding:11px;min-height:0;font-size:14px}
.x-fld input:focus-visible,.x-fld select:focus-visible,.x-fld textarea:focus-visible{outline:2px solid #4a2ecc;outline-offset:1px;border-color:#4a2ecc}
.x-fld .hint{font-size:13px;line-height:1.45;color:#5d6780}
.validated .x-fld input:invalid,.validated .x-fld select:invalid,.validated .x-fld textarea:invalid{border-color:#b3261e;box-shadow:inset 0 0 0 1px #b3261e}
.x-consent{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:15px;line-height:1.5;color:#3c4659}
.x-consent input{width:20px;height:20px;margin:2px 0 0;accent-color:#694cff}
.x-consent a{color:#0b1220;text-decoration:underline}
.x-req{font-size:12.5px;color:#5d6780}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.x-msg{padding:18px 20px;border:1px solid;font-size:15.5px;line-height:1.55}
.x-msg b{display:block;font-family:Montserrat,Arial,sans-serif;font-size:17px;font-weight:600;margin-bottom:4px}
.x-msg.ok{border-color:#0b7a5a;background:#e8f7f1;color:#07402f}
.x-msg.err{border-color:#b3261e;background:#fcedec;color:#5c130f}
.x-msg a{color:inherit;text-decoration:underline}
.x-form button.arrow-link{justify-self:start;font:inherit;font-size:14px;cursor:pointer}
.x-aside{display:grid;gap:18px}
.x-aside .box{background:#fff;border:1px solid rgba(12,24,45,.12);padding:26px}
.x-aside h3{font-family:Montserrat,Arial,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.02em;margin-bottom:12px;color:#0b1220}
.x-aside address,.x-aside p{font-style:normal;font-size:15px;line-height:1.7;color:#3c4659}
.x-aside a{color:#0b1220;text-decoration:underline}
.x-aside ol{counter-reset:nx}
.x-aside ol li{position:relative;padding:12px 0 12px 38px;border-top:1px solid rgba(12,24,45,.1);font-size:15px;line-height:1.5;color:#3c4659}
.x-aside ol li::before{counter-increment:nx;content:"0" counter(nx);position:absolute;left:0;top:13px;font-size:11px;letter-spacing:.1em;color:#694cff}

/* ---------- legal ---------- */
.x-legal{background:var(--x-paper);color:#0b1220;padding:clamp(56px,7vw,110px) var(--x-gutter)}
.x-legal .body{max-width:780px}
.x-legal h2{font-family:Montserrat,Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.025em;margin:44px 0 12px}
.x-legal p{font-size:16px;line-height:1.7;color:#3c4659}
.x-legal p+p{margin-top:12px}
.x-legal a{color:#0b1220;text-decoration:underline}
.x-legal .status{font-size:13px;color:#5d6780}
.x-legal dl{margin-top:8px;border-top:1px solid var(--x-line-l)}
.x-legal dl>div{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid var(--x-line-l)}
.x-legal dt{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#5d6780}
.x-legal dd{font-size:16px;line-height:1.55}
@media (min-width:720px){.x-legal dl>div{grid-template-columns:220px 1fr;gap:20px}}

/* ---------- notice / 404 ---------- */
.x-notice{min-height:calc(100svh - 84px);display:grid;place-items:center;text-align:center;padding:90px 6%}
.x-notice .x-h1{max-width:14ch;margin:0 auto}
.x-notice .x-lead{margin:28px auto 0}
.x-notice .x-actions{justify-content:center;margin-top:36px}
.x-notice .x-lead a{color:#fff;text-decoration:underline}
.x-notice-media{position:absolute;inset:0;z-index:-1;opacity:.5}
.x-notice-media img{width:100%;height:100%;object-fit:cover}
.x-notice::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(5,7,12,.55),#05070c 70%)}

/* ---------- footer ---------- */
.footer{background:#07080d;border-top:1px solid var(--x-line)}
.footer-top p{font-family:Montserrat,Arial,sans-serif;font-weight:500;letter-spacing:-.03em}
.footer-cols{display:grid;gap:30px;padding-bottom:40px}
.footer-cols h2{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7f8ca1;font-weight:500;margin-bottom:14px;font-family:Arial,sans-serif}
.footer-cols li{margin-bottom:9px;font-size:14.5px;line-height:1.5}
.footer-cols a{color:#dfe5f1}
.footer-cols a:hover{color:#fff;text-decoration:underline}
.footer-cols small{display:block;font-size:12.5px;color:#7f8ca1}
@media (min-width:900px){.footer-cols{grid-template-columns:repeat(4,1fr)}}
.footer-bottom{flex-wrap:wrap;align-items:center}
.footer-bottom a:hover{color:#fff}
.footer-legal{font-size:12px;line-height:1.6;color:#8b95a7;padding:0 0 30px;display:grid;gap:8px}

/* ---------- home adaptations ---------- */
.hero-journey-intro .x-boundary{margin-top:22px}
.continuity-journey-principles li.not{opacity:var(--cj-row-three-opacity);transform:translate3d(0,var(--cj-row-three-y),0)}
.continuity-journey-principles li.not h3{color:inherit;opacity:.72}
.continuity-journey-principles li.not p{opacity:.8}
.scroll-story-narratives .x-chips{margin-top:14px}
.scroll-story-narratives .x-chip{font-size:10px;padding:5px 8px;border-color:currentColor;color:inherit;opacity:.85}
html.static .scroll-story{height:auto}
html.static .scroll-story-sticky{position:relative;height:auto;min-height:0;padding:clamp(80px,9vw,140px) 4.5%;display:grid;gap:40px;background:#05070c;color:#f5f7fb}
html.static .scroll-story-heading,html.static .scroll-story-steps,html.static .scroll-story-narratives,html.static .scroll-story-engine-wrap,html.static .scroll-story-cue,html.static .scroll-story-progress{position:relative;inset:auto;top:auto;left:auto;right:auto;bottom:auto;width:auto;transform:none}
html.static .scroll-story-steps,html.static .scroll-story-cue,html.static .scroll-story-progress,html.static .scroll-story-engine-wrap{display:none}
html.static .scroll-story-narratives li{position:relative;opacity:1!important;transform:none!important;margin-bottom:24px}

/* ---------- content-fit overrides for the longer, approved copy ---------- */
.hero-journey-intro h1{font-size:clamp(46px,5.5vw,100px);line-height:.96;letter-spacing:-.065em}
.hero-journey-intro{width:min(64%,1040px)}
.hero-journey-intro-copy{max-width:560px}
.hero-journey-statement h2{font-size:clamp(34px,3.3vw,58px)}
.scroll-story-narratives{grid-template-rows:1fr;align-items:center}
.scroll-story-narratives li{grid-area:1/1;opacity:0;visibility:hidden;transform:translate3d(0,22px,0);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.72,.2,1),visibility 0s linear .45s}
.scroll-story-narratives li.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .6s cubic-bezier(.2,.72,.2,1),visibility 0s}
.scroll-story-narratives h3{font-size:clamp(22px,2.2vw,34px);line-height:1.08;margin-bottom:14px}
.scroll-story-narratives p{font-size:16px;line-height:1.62;opacity:.86}
.continuity-journey-heading h2{font-size:clamp(40px,4.9vw,86px);line-height:.98}
.continuity-journey-principles li{min-height:0;padding:16px 0 15px}
.continuity-journey-principles h3{font-size:clamp(17px,1.35vw,21px)}
.continuity-journey-principles p{font-size:14px}
.landing-closing h2{font-size:clamp(44px,5.4vw,96px)}
.x-head .x-h2{max-width:22ch}
html.static .scroll-story-narratives li{visibility:visible}
/* v2 page additions */
.x-notice{position:relative;isolation:isolate;overflow:hidden}
.x-notice .x-eyebrow{margin-bottom:22px}
.x-legal .x-h2{margin-top:18px}
.x-legal dl{margin-top:36px}
.x-glass dd a{text-decoration:underline;text-underline-offset:3px}
.x-def h2.x-eyebrow{line-height:1.6}
.x-form-grid .x-h2{max-width:none}
.x-form button.arrow-link span:first-child{font-size:inherit;transform:none}
/* v2 mobile fixes: hero intro and story narratives */
@media (max-width:820px){
 .hero-journey-intro{width:88%}
 .scroll-story-narratives{height:214px;bottom:30px}
 .scroll-story-narratives li{align-content:start}
 .scroll-story-narratives h3{font-size:22px;margin-bottom:8px}
 .scroll-story-narratives p{font-size:15px;line-height:1.45;opacity:.92}
 .scroll-story-narratives .x-chips{margin-top:10px}
 .scroll-story-engine-wrap{bottom:262px}
}
@media (max-width:620px){
 .hero-journey-intro{width:100%;padding:34px 6% 104px}
 .hero-journey-intro .eyebrow{margin-bottom:20px}
 .hero-journey-intro h1{font-size:clamp(36px,10.6vw,46px)}
 .hero-journey-intro-copy{width:100%;margin-top:18px;font-size:15.5px;line-height:1.55}
 .hero-journey-actions{margin-top:16px}
 .hero-journey-intro .x-boundary{margin-top:8px}
 .scroll-story-engine-wrap{top:196px;bottom:258px}
}
@media (max-width:620px) and (max-height:740px){
 .scroll-story-narratives{height:206px;bottom:24px}
 .scroll-story-narratives p{font-size:14.5px;line-height:1.4}
 .scroll-story-engine-wrap{top:170px;bottom:236px}
}
@media (max-width:620px){.hero-journey-intro h1 br{display:none}}
@media (min-width:621px) and (max-width:820px){.scroll-story-heading h2{max-width:none;font-size:clamp(30px,5.4vw,42px)}}
@media (max-width:1099px){.x-ways>div{min-height:0}.x-ways .arrow-link{margin-top:8px}}
.x-metrics>div{padding-right:clamp(16px,1.6vw,32px)}.x-metrics b{font-size:clamp(28px,3vw,52px)}
.x-glass dl>div>*{min-width:0}.x-glass dd{overflow-wrap:anywhere}.x-2col>*{min-width:0}
html.static .scroll-story-sticky{top:auto}html.static .scroll-story-narratives{display:block;height:auto;max-width:760px}html.static .scroll-story-narratives li{grid-area:auto;display:grid;align-content:start}
@media (max-width:1000px){.x-hero{max-height:none}}
.x-legal a.arrow-link{text-decoration:none}.x-legal a.arrow-link.solid{color:#fff}
.x-notice .x-eyebrow{justify-content:center}
.x-hero .x-h1{font-size:clamp(42px,5.6vw,100px)}
/* ---------- content system blocks: benefits, points, cards, article ---------- */
.x-benefits{display:grid;gap:1px;background:var(--x-line);border:1px solid var(--x-line);margin-top:clamp(40px,5vw,72px)}
.x-benefits>div{position:relative;display:flex;flex-direction:column;gap:16px;min-height:0;padding:clamp(28px,3.2vw,52px);background:#05070c;transition:background .3s ease}
.x-benefits>div:hover{background:#0a0f1c}
.x-benefits .n{font-size:11px;letter-spacing:.14em;font-weight:600;color:#8f7bff}
.x-benefits h3{font-family:Montserrat,Arial,sans-serif;font-size:clamp(24px,2.3vw,36px);font-weight:500;letter-spacing:-.045em;line-height:1.08;max-width:18ch}
.x-benefits p{font-size:16px;line-height:1.65;color:var(--x-muted);max-width:46ch}
.x-benefits .arrow-link{margin-top:auto;align-self:flex-start}
@media (min-width:900px){.x-benefits{grid-template-columns:1fr 1fr}.x-benefits>div{min-height:300px}}
.x-paper .x-benefits,.x-light .x-benefits{background:var(--x-line-l);border-color:var(--x-line-l)}
.x-paper .x-benefits>div{background:var(--x-paper)}
.x-light .x-benefits>div{background:#edf1f7}
.x-paper .x-benefits>div:hover,.x-light .x-benefits>div:hover{background:#fff}
.x-paper .x-benefits h3,.x-light .x-benefits h3{color:#0b1220}
.x-paper .x-benefits p,.x-light .x-benefits p{color:#566175}
.x-paper .x-benefits .n,.x-light .x-benefits .n{color:#694cff}
.x-points{display:grid;gap:12px;margin:0 0 34px;padding:0;list-style:none;max-width:520px}
.x-points li{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;font-size:16px;line-height:1.55}
.x-points svg{width:16px;height:16px;margin-top:4px}
.landing-audience-investor .x-points svg path{stroke:#4a2ecc}
.x-cards{display:grid;gap:1px;background:var(--x-line-l);border:1px solid var(--x-line-l)}
@media (min-width:760px){.x-cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.x-cards{grid-template-columns:repeat(3,1fr)}}
.x-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,2.4vw,36px);background:var(--x-paper);min-height:280px;transition:background .25s ease}
.x-card:hover{background:#fff}
.x-card-k{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#566175}
.x-card-k span:first-child{color:#4a2ecc;font-weight:600}
.x-card h3{font-family:Montserrat,Arial,sans-serif;font-size:clamp(21px,1.7vw,26px);font-weight:500;letter-spacing:-.035em;line-height:1.15;color:#0b1220}
.x-card h3 a::after{content:"";position:absolute;inset:0}
.x-card h3 a:focus-visible{outline:none}
.x-card:focus-within{outline:2px solid #4a2ecc;outline-offset:-2px}
.x-card p{font-size:15.5px;line-height:1.6;color:#566175}
.x-card-go{margin-top:auto;font-size:14px;color:#0b1220}
.x-cats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:48px}
.x-cats a{padding:10px 16px;border:1px solid var(--x-line-l);font-size:14px;color:#0b1220}
.x-cats a:hover{background:#fff}
.x-cat+.x-cat{margin-top:clamp(56px,6vw,90px)}
.x-cat>h2{margin-bottom:22px}
.x-article{background:var(--x-paper);color:#0b1220;padding:clamp(56px,7vw,110px) var(--x-gutter) clamp(64px,8vw,120px)}
.x-article-head,.x-article-body{max-width:760px;margin:0 auto}
.x-article-head .x-eyebrow{color:#5b6b8c}
.x-article-head .x-eyebrow a{text-decoration:underline;text-underline-offset:3px}
.x-article-head .x-h1{font-size:clamp(36px,4.4vw,64px);line-height:1.02;color:#0b1220}
.x-article-head .x-lead{margin-top:24px;color:#3c4659}
.x-article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:28px;padding-top:18px;border-top:1px solid var(--x-line-l);font-size:13px;color:#566175}
.x-article-body{margin-top:clamp(40px,5vw,64px);font-size:18px;line-height:1.75;color:#27303f}
.x-article-body>*+*{margin-top:1.1em}
.x-article-body h2{font-family:Montserrat,Arial,sans-serif;font-size:clamp(26px,2.4vw,34px);font-weight:500;letter-spacing:-.04em;line-height:1.15;color:#0b1220;margin-top:1.9em}
.x-article-body h3{font-family:Montserrat,Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.025em;color:#0b1220;margin-top:1.6em}
.x-article-body a{color:#4a2ecc;text-decoration:underline;text-underline-offset:3px}
.x-article-body ul,.x-article-body ol{padding-left:1.3em}
.x-article-body ul{list-style:disc}
.x-article-body ol{list-style:decimal}
.x-article-body li+li{margin-top:.45em}
.x-article-body blockquote{border-left:2px solid #694cff;padding:4px 0 4px 22px;font-family:Montserrat,Arial,sans-serif;font-size:22px;line-height:1.45;color:#0b1220}
.x-article-body table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.x-article-body th,.x-article-body td{border-bottom:1px solid var(--x-line-l);padding:12px 10px 12px 0;text-align:left;vertical-align:top}
.x-article-body th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#566175;font-weight:600}
.x-article-body img{max-width:100%;height:auto}
.x-article-body code{font-size:.9em;background:#e6e9ee;padding:1px 5px}
.x-inline-cta{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;margin:2em 0;padding:24px 26px;background:#05070c;color:#f4f6f8}
.x-inline-cta p{font-family:Montserrat,Arial,sans-serif;font-size:19px;letter-spacing:-.02em;line-height:1.35;max-width:32ch}
.x-inline-cta .arrow-link{color:#fff;text-decoration:none}
.x-draft{position:sticky;top:0;z-index:40;padding:10px 4.5%;background:#ffd84d;color:#05070c;font-size:13px;font-weight:700;letter-spacing:.08em;text-align:center}
.x-cards{gap:0;background:none;border:0;border-top:1px solid var(--x-line-l);border-left:1px solid var(--x-line-l)}
.x-card{border-right:1px solid var(--x-line-l);border-bottom:1px solid var(--x-line-l)}
.x-mt{margin-top:22px}.mt-l,.x-mt-l{margin-top:48px}