.hero { background: radial-gradient(at 82% 40%, rgb(18, 54, 120) 0px, transparent 47%), rgb(4, 19, 41); }
.header { background: rgba(4, 19, 41, 0.9); }
.header::after { content: ""; position: absolute; bottom: -1px; left: 0px; height: 2px; width: 100%; background: rgb(102, 143, 255); transform: scaleX(var(--page-progress,0)); transform-origin: left center; }
.hero-line { display: block; overflow: hidden; }
.hero-line.royal-text { color: rgb(115, 156, 255); }
.hero-art { perspective: 1100px; isolation: isolate; }
.seven-stage { position: absolute; inset: 12px -5px 10px; transform-style: preserve-3d; transform: rotateX(calc(var(--py,0) * -6deg)) rotateY(calc(var(--px,0) * 9deg)) translateY(calc(var(--hero-scroll,0) * -35px)); }
.seven-layer { position: absolute; inset: 0px; width: 100%; height: 100%; overflow: visible; }
.seven-solid { transform: translateZ(30px) rotate(-7deg); filter: drop-shadow(rgba(0, 0, 0, 0.333) 0px 28px 25px); }
.seven-wire { transform: translate3d(-22px, -20px, -45px) rotate(-7deg); opacity: 0.45; }
.seven-front { transform: translate3d(18px, -14px, 75px) rotate(-7deg); opacity: 0.5; }
.seven-orbit { position: absolute; border: 1px solid rgba(128, 169, 255, 0.145); width: 92%; aspect-ratio: 1 / 1; border-radius: 50%; top: 6%; left: 5%; transform: rotateX(60deg) rotateZ(-25deg) translateZ(-70px); }
.orbit-b { transform: rotateY(65deg) rotateZ(25deg) translateZ(-40px); }
.hero-art .art-readout { transform: translate3d(calc(var(--px,0) * 14px),calc(var(--py,0) * 10px),0) rotate(-4deg); background: linear-gradient(135deg, rgba(16, 40, 86, 0.937), rgba(4, 17, 38, 0.95)); border-color: rgba(115, 156, 255, 0.44); box-shadow: rgba(0, 0, 0, 0.267) 10px 15px 45px; backdrop-filter: blur(12px); }
.hero-art .art-label { transform: translate(calc(var(--px,0) * -12px),calc(var(--py,0) * -8px)); background: rgba(5, 20, 42, 0.85); padding: 6px 9px; border-left: 1px solid rgba(114, 155, 255, 0.396); }
.hero-art .label-two { top: 205px; right: 2px; }
.art-top, .art-bottom { z-index: 4; }
.art-top { font-size: 7px; }
.hero-copy { z-index: 3; }
.hero-footer { position: relative; }
.hero-lines { background: linear-gradient(90deg, transparent 49.9%, rgba(137, 175, 255, 0.04) 50%, transparent 50.1%) 0% 0% / 80px 100%; }
.button span, .text-link span { transition: transform 0.25s; }
.button:hover span, .text-link:hover span { transform: translate(3px, -3px); }
.channels { border-bottom: 1px solid rgb(52, 82, 120); }
.section-heading h2 { text-wrap: balance; }
.margin-section { padding-top: 85px; }
.method-symbol { background: radial-gradient(circle at 50% 45%, rgba(64, 109, 255, 0.4), transparent 64%), rgb(22, 69, 189); position: relative; }
.method-system { width: 100%; max-height: 400px; overflow: visible !important; transform: none !important; transition: none !important; }
.method-node { opacity: 0.32; transition: opacity 0.4s, color 0.4s; color: rgb(182, 205, 255); }
.method-node.active { opacity: 1; color: rgb(255, 255, 255); }
.method-node circle { transition: fill 0.4s, stroke-width 0.4s; }
.method-node.active circle { fill: rgb(53, 107, 245); stroke-width: 2; }
.method-node.active path { stroke-width: 2; }
.symbol-bottom { position: relative; z-index: 2; }
.symbol-bottom #method-active-label { font-size: 9px; max-width: 190px; }
.method-tabs button { position: relative; overflow: hidden; transition: background 0.25s, color 0.25s; }
.method-tabs button::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; background: rgb(109, 148, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.method-tabs button[aria-selected="true"]::after { transform: scaleX(1); }
.dashboard-stage { perspective: 1200px; min-width: 0px; align-self: center; }
.dashboard-stage .dashboard { transform: rotateX(calc(var(--py,0) * -3deg)) rotateY(calc(var(--px,0) * 4deg)); transform-style: preserve-3d; box-shadow: rgba(11, 28, 54, 0.31) 14px 18px 0px, rgba(0, 0, 0, 0.267) 0px 30px 70px; border-color: rgb(70, 104, 157); }
.dashboard-body { background: radial-gradient(at 90% 5%, rgba(36, 75, 129, 0.15), transparent 70%); }
.dash-bars i { transition: height 0.7s cubic-bezier(0.22, 1, 0.36, 1); transform-origin: center bottom; }
.dash-insight { border-left: 2px solid rgb(120, 158, 255); }
.demo-play { display: flex; align-items: center; gap: 12px; width: 100%; padding: 20px 0px 5px; border: 0px; background: none; color: rgb(179, 198, 231); font-size: 9px; text-align: left; }
.demo-play-icon { font: 22px/1 var(--body); width: 20px; }
.demo-progress { height: 2px; flex: 1 1 0%; margin-left: 15px; background: rgb(40, 65, 102); }
.demo-progress i { display: block; background: rgb(134, 169, 255); height: 100%; width: 100%; transform: scaleX(var(--demo-progress,0)); transform-origin: left center; }
.demo-play:hover { color: white; }
.operation-flow { position: relative; }
.operation-flow::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 2px; background: rgb(109, 148, 255); transform: scaleX(var(--section-progress,0)); transform-origin: left center; }
.journey-grid article::before { content: ""; position: absolute; top: -1px; left: 0px; height: 2px; background: rgb(119, 159, 255); width: 100%; transform: scaleX(var(--fill,1)); transform-origin: left center; }
.closing::before { content: "7"; font: 900 700px/.8 var(--display); color: rgba(255, 255, 255, 0.035); position: absolute; right: -30px; top: -70px; transform: translateY(calc(var(--closing-progress,0) * 70px)) rotate(-9deg); pointer-events: none; }
.closing .wrap { position: relative; }
.solution-feature, .solution-support article { position: relative; }
.solution-feature::before, .solution-support article::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(450px circle at var(--spot-x,50%) var(--spot-y,50%),#9dbbff10,transparent 70%); opacity: 0; transition: opacity 0.3s; }
.solution-feature:hover::before, .solution-support article:hover::before { opacity: 1; }
.desktop-nav a[aria-current="location"] { color: white; }
.person-photo { clip-path: inset(0px); }
.shuriken-stage { position: absolute; inset: 30px -10px 45px; display: grid; place-items: center; transform-style: preserve-3d; transform: rotateX(calc(var(--py,0) * -9deg)) rotateY(calc(var(--px,0) * 13deg)) translateY(calc(var(--hero-scroll,0) * -30px)); }
.shuriken-rotor { position: relative; width: 100%; aspect-ratio: 1 / 1; transform: rotate(calc(-18deg + var(--shuriken-angle,0deg))); filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 30px 22px); }
.shuriken-rotor img { position: absolute; inset: 0px; width: 100%; height: 100%; }
.shuriken-depth { translate: 7px 10px; filter: brightness(0.32); }
.shuriken-face { filter: drop-shadow(rgba(99, 144, 255, 0.145) 0px 0px 30px); }
.shuriken-orbit { position: absolute; width: 93%; aspect-ratio: 1 / 1; border: 1px solid rgba(163, 190, 255, 0.19); border-radius: 50%; transform: rotateX(58deg) rotateZ(-25deg); }
.orbit-vertical { transform: rotateY(65deg) rotateZ(30deg); }
.ninja-compass { position: fixed; bottom: 22px; right: 22px; z-index: 90; display: flex; align-items: center; gap: 9px; padding: 10px 13px 10px 9px; border: 1px solid rgba(121, 150, 195, 0.3); background: rgba(4, 19, 41, 0.93); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 25px; backdrop-filter: blur(12px); transition: border-color 0.2s, opacity 0.3s, translate 0.3s, visibility; }
.ninja-compass.is-away { opacity: 0; translate: 0px 14px; visibility: hidden; pointer-events: none; transition: border-color 0.2s, opacity 0.3s, translate 0.3s, visibility 0.3s; }
.ninja-compass:hover { border-color: rgb(157, 186, 255); }
.ninja-compass img { transform: rotate(var(--shuriken-angle,0deg)); }
.ninja-compass span { font: 8px/1.6 var(--mono); letter-spacing: 0.08em; }
.method-center-star { transform-box: fill-box; transform-origin: center center; transform: rotate(var(--shuriken-angle,0deg)); }
.closing::before { content: ""; width: 600px; height: 600px; background: url("assets/shuriken.svg") center center / contain no-repeat; opacity: 0.07; transform: rotate(calc(var(--shuriken-angle,0deg) * (1 - var(--closing-progress,1)))) scale(calc(1.14 - var(--closing-progress,1) * .14)); }
.channel-words { gap: 16px; }
.brand-logo { display: flex; justify-content: center; align-items: center; min-height: 82px; flex: 1 1 0%; padding: 15px 18px; border-radius: 3px; color: rgb(203, 213, 229); transition: color 0.3s, background 0.3s, box-shadow 0.3s; cursor: default; }
.brand-logo > span { display: block; transition: scale 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
.brand-logo:hover > span, .brand-logo:focus-visible > span { scale: 1.06; }
.brand-mercado:hover, .brand-mercado:focus-visible { background: rgb(255, 230, 0); color: rgb(45, 50, 119); box-shadow: rgba(255, 230, 0, 0.094) 0px 8px 35px; }
.brand-shopee:hover, .brand-shopee:focus-visible { color: rgb(238, 77, 45); background: rgba(238, 77, 45, 0.043); }
.brand-amazon:hover, .brand-amazon:focus-visible { color: rgb(19, 25, 33); background: rgb(255, 255, 255); }
.brand-amazon .amazon-smile { transition: border-color 0.3s; }
.brand-amazon:hover .amazon-smile, .brand-amazon:focus-visible .amazon-smile { border-color: rgb(255, 153, 0); }
.brand-magalu:hover, .brand-magalu:focus-visible { color: rgb(0, 134, 255); background: rgba(0, 134, 255, 0.043); }
.method-journey { background: var(--royal); scroll-margin-top: 0px; }
.method-intro { position: relative; background: rgb(238, 242, 247); color: var(--navy); }
.method-viewport { position: relative; overflow: hidden; padding: 70px max(28px, -584px + 50vw); min-height: 650px; }
.method-wipe { position: absolute; inset: 0px; background: rgb(238, 242, 247); pointer-events: none; }
.method-opening { position: relative; z-index: 1; text-align: center; }
.method-opening > .mono { display: block; font-size: 10px; margin-bottom: 25px; }
.method-opening h2 { font-size: clamp(44px, 8vw, 120px); font-weight: 900; line-height: 0.9; letter-spacing: -0.055em; }
.method-opening h2 span { display: block; }
.method-opening > .intro-scroll, .intro-skip { display: none; }
.method-arrival { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 7%; align-items: center; margin-top: 60px; }
.arrival-star { width: 100%; max-width: 460px; filter: drop-shadow(rgba(8, 43, 146, 0.376) 20px 25px 20px); transform: rotate(calc(var(--shuriken-angle,0deg) * .65)); }
.arrival-copy h3 { font-size: clamp(34px, 4.8vw, 70px); font-weight: 850; line-height: 0.94; margin: 24px 0px; }
.arrival-copy .eyebrow { font-size: 9px; color: rgb(74, 91, 120); }
.arrival-copy p { max-width: 360px; color: rgb(74, 91, 120); font-size: 14px; }
.arrival-copy .text-link { margin-top: 22px; border-color: rgb(141, 157, 180); }
.arrival-copy .text-link:hover { color: var(--royal); border-color: var(--royal); }
.intro-skip { position: absolute; bottom: 30px; right: 5%; z-index: 4; font-size: 8px; padding: 10px; background: rgb(6, 24, 51); color: rgb(255, 255, 255); }
.intro-progress { display: none; }
.ninja-motion .method-intro { height: 240svh; }
.ninja-motion .method-viewport { position: sticky; top: 88px; height: calc(-88px + 100svh); min-height: 0px; padding: 0px; background: var(--royal); }
.ninja-motion .method-wipe { clip-path: circle(var(--wipe-radius,28px) at var(--wipe-x,70%) var(--wipe-y,53%)); will-change: clip-path; }
.wipe-dot { font-style: normal; }
.ninja-motion .wipe-dot { color: transparent; }
.ninja-motion .method-wipe { background: color-mix(in srgb,#eef2f7 calc(var(--wipe,1) * 100%),#fff); }
.ninja-motion .method-opening { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgb(255, 255, 255); pointer-events: none; opacity: calc(1 - var(--intro-exit,0)); }
.ninja-motion .method-opening h2 { width: 100%; }
.ninja-motion .method-opening h2 span:first-child { transform: translateX(calc(var(--intro-exit,0) * -85vw)); }
.ninja-motion .method-opening h2 span:last-child { transform: translateX(calc(var(--intro-exit,0) * 85vw)); }
.ninja-motion .method-opening > .intro-scroll { display: block; margin-top: 40px; font-size: 8px; }
.ninja-motion .intro-skip { display: block; }
.ninja-motion .method-arrival { position: absolute; inset: 8% max(5%, -584px + 50vw); margin: 0px; opacity: var(--arrival-enter,0); pointer-events: auto; }
.ninja-motion .method-arrival[inert] { visibility: hidden; }
.ninja-motion .arrival-star { translate: 0 calc((1 - var(--arrival-enter,0)) * 180px); rotate: calc((1 - var(--arrival-enter,0)) * -70deg); max-height: 80%; object-fit: contain; }
.ninja-motion .arrival-copy { transform: translateY(calc((1 - var(--arrival-enter,0)) * 90px)); }
.ninja-motion .intro-progress { display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 3px; z-index: 5; background: rgba(6, 24, 51, 0.082); }
.intro-progress i { display: block; width: 100%; height: 100%; background: var(--navy); transform: scaleX(var(--intro-progress,0)); transform-origin: left center; }
@keyframes n7-logo { 
  0% { opacity: 0; translate: 0px 22px; filter: blur(5px); }
  100% { opacity: 1; translate: 0px; filter: blur(0px); }
}
@keyframes n7-portrait { 
  0% { clip-path: inset(15% 0px 0px); scale: 1.06; }
  100% { clip-path: inset(0px); scale: 1; }
}
@media (prefers-reduced-motion: no-preference) {
  .shuriken-stage { animation: 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running n7-assemble; }
  .brand-logo[data-reveal].is-revealed { animation-name: n7-logo; animation-duration: 0.9s; }
  .person.is-revealed .person-photo { animation: 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running n7-portrait; }
}
@media (max-width: 900px) {
  .brand-logo { padding: 12px 8px; }
  .ninja-motion .method-viewport { top: 75px; height: calc(-75px + 100svh); }
  .arrival-copy h3 { font-size: clamp(32px, 5.2vw, 48px); }
}
@media (max-width: 650px) {
  .shuriken-stage { inset: 25px 0px 20px; }
  .channel-words { gap: 4px; width: 100%; }
  .brand-logo { padding: 10px 2px; min-height: 65px; }
  .brand-logo .mercado { font-size: clamp(14px, 4.4vw, 20px); }
  .brand-logo .shopee, .brand-logo .amazon, .brand-logo .magalu { font-size: clamp(17px, 5.3vw, 25px); }
  .brand-logo .amazon-smile { width: 35px; left: 10px; height: 6px; }
  .ninja-compass { bottom: 14px; right: 12px; padding: 7px; }
  .ninja-compass span { display: none; }
  .ninja-compass img { width: 30px; height: 30px; }
  .method-viewport { padding: 55px 24px; }
  .method-opening h2 { font-size: clamp(36px, 10.3vw, 65px); }
  .method-arrival { grid-template-columns: 1fr; gap: 18px; margin-top: 35px; text-align: center; }
  .arrival-star { width: 190px; justify-self: center; }
  .arrival-copy h3 { font-size: clamp(31px, 8.6vw, 42px); margin: 15px 0px; }
  .arrival-copy p { font-size: 12px; max-width: 310px; margin: auto; }
  .arrival-copy .eyebrow { font-size: 7px; }
  .arrival-copy .text-link { font-size: 11px; margin-top: 12px; }
  .ninja-motion .method-intro { height: 170svh; }
  .ninja-motion .method-viewport { top: 70px; height: calc(-70px + 100svh); }
  .ninja-motion .method-arrival { inset: 20px 24px 54px; grid-template-rows: minmax(100px, 1fr) auto; gap: 8px; }
  .ninja-motion .arrival-star { height: 100%; width: min(190px, 50vw); max-height: 220px; }
  .intro-skip { bottom: 10px; font-size: 7px; }
}
@keyframes n7-enter { 
  0% { opacity: 0.3; transform: translateY(26px); }
  100% { opacity: 1; transform: none; }
}
@keyframes n7-assemble { 
  0% { opacity: 0; translate: 0px 35px; }
  100% { opacity: 1; translate: 0px; }
}
@keyframes n7-panel { 
  0% { opacity: 0.4; translate: 0px 8px; }
  100% { opacity: 1; translate: 0px; }
}
@media (prefers-reduced-motion: no-preference) {
  .hero-line { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running n7-enter; }
  .hero-line:nth-child(2) { animation-delay: 0.08s; }
  .hero-line:nth-child(3) { animation-delay: 0.16s; }
  .seven-layer { animation: 1.3s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running n7-assemble; }
  .seven-wire { animation-delay: 0.08s; }
  .seven-solid { animation-delay: 0.18s; }
  .seven-front { animation-delay: 0.3s; }
  [data-reveal].is-revealed { animation-duration: 0.8s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: n7-enter; animation-timeline: auto; animation-range: normal; animation-delay: var(--reveal-delay,0ms); }
  .panel-changing { animation: 0.35s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running n7-panel; }
}
@media (min-width: 901px) {
  .hero-art { min-height: 555px; }
  .hero-copy { padding-top: 35px; }
  .hero h1 { font-size: clamp(60px, 6.7vw, 100px); }
}
@media (max-width: 900px) {
}
@media (max-width: 650px) {
  .hero h1 { font-size: clamp(32px, 10.2vw, 66px); }
  .hero-line { white-space: nowrap; }
  .hero-copy .actions { gap: 12px; }
  .hero-copy .actions .text-link { font-size: 10px; }
  .hero-art { min-height: 385px; }
  .seven-stage { inset: 0px 10px; }
  .art-top { font-size: 8px !important; }
  .hero-art .art-readout { width: 170px; right: 5px; }
  .hero-art .label-one { left: 25px; }
  .hero-art .label-two { top: 140px; right: 0px; }
  .method-symbol { height: 340px; overflow: hidden; }
  .method-symbol .method-system { position: absolute; width: 300px; max-width: 100%; height: 300px; top: 18px; left: 50%; opacity: 1; transform: translateX(-50%) !important; }
  .symbol-bottom #method-active-label { font-size: 8px; }
  .dashboard-stage .dashboard { transform: none; }
  .demo-play { font-size: 8px; }
  .closing::before { font-size: 600px; right: -90px; top: 60px; }
}
@media (prefers-reduced-motion: reduce) {
  .seven-stage, .hero-art .art-label { transform: none; }
  .hero-art .art-readout { transform: rotate(-4deg); }
  .dashboard-stage .dashboard { transform: none; }
  .closing::before { transform: none; }
}
.section-label::after { content: ""; order: 1; flex: 1 1 0%; height: 1px; background: currentcolor; opacity: 0.16; transform-origin: left center; transition: transform 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.1s; }
.section-label > .section-side { order: 2; }
.section-label[data-reveal]:not(.is-revealed)::after { transform: scaleX(0); }
.desktop-nav a { position: relative; }
.desktop-nav a::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -7px; height: 1px; background: rgb(124, 158, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.desktop-nav a[aria-current="location"]::after { transform: scaleX(1); }
.track-record { position: relative; }
.track-record::before { content: ""; position: absolute; left: -1px; top: 0px; bottom: 0px; width: 2px; background: rgb(111, 151, 255); transform: scaleY(0); transform-origin: center top; transition: transform 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.25s; }
.leadership-intro.is-revealed .track-record::before { transform: scaleY(1); }
.person-photo::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; background: rgb(111, 151, 255); z-index: 2; transform: scaleX(0); transform-origin: left center; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); }
.person:hover .person-photo::before { transform: scaleX(1); }
.journey-number { transition: color 0.5s; }
.journey-grid article.is-step-done .journey-number { color: rgb(255, 255, 255); }
.journey-grid article::after { content: ""; position: absolute; top: -4px; left: 0px; width: 7px; height: 7px; background: rgba(6, 24, 51, 0); border: 1px solid rgb(124, 158, 255); transition: background 0.4s; }
.journey-grid article.is-step-done::after { background: rgb(124, 158, 255); }
.faq-list details[data-faq="closing"] summary > span { transform: none; }
.faq-list summary:hover > span { color: rgb(255, 255, 255); }
.closing-cta { position: relative; }
.cta-frame { position: absolute; inset: -30px -28px; pointer-events: none; }
.cta-frame i { --away: calc((1 - var(--closing-progress,1)) * 46px); position: absolute; width: 24px; height: 24px; border: 0px solid rgba(255, 255, 255, 0.71); opacity: var(--closing-progress,1); }
.cta-frame i:nth-child(1) { top: 0px; left: 0px; border-width: 1px 0px 0px 1px; translate: calc(var(--away) * -1) calc(var(--away) * -1); }
.cta-frame i:nth-child(2) { top: 0px; right: 0px; border-width: 1px 1px 0px 0px; translate: var(--away) calc(var(--away) * -1); }
.cta-frame i:nth-child(3) { bottom: 0px; right: 0px; border-width: 0px 1px 1px 0px; translate: var(--away) var(--away); }
.cta-frame i:nth-child(4) { bottom: 0px; left: 0px; border-width: 0px 0px 1px 1px; translate: calc(var(--away) * -1) var(--away); }
.closing h2 > .closing-arrow { translate: calc((1 - var(--closing-progress,1)) * -28px) calc((1 - var(--closing-progress,1)) * 28px); }
@keyframes n7-rise { 
  0% { clip-path: inset(0px 0px 100%); translate: 0px 0.3em; }
  100% { clip-path: inset(0px); translate: 0px; }
}
@keyframes n7-fade { 
  0% { opacity: 0; translate: 0px -6px; }
  100% { opacity: 1; translate: 0px; }
}
@keyframes n7-index { 
  0% { opacity: 0; translate: -10px; }
  100% { opacity: 1; translate: 0px; }
}
@media (prefers-reduced-motion: no-preference) {
  .leadership-intro.is-revealed .track-record > strong { animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s 1 normal backwards running n7-rise; }
  .person.is-revealed .person-photo { animation-delay: var(--reveal-delay,0ms); }
  .person.is-revealed .person-index { animation: n7-index .6s cubic-bezier(.22,1,.36,1) calc(var(--reveal-delay,0ms) + .55s) backwards; }
  .faq-list details[data-faq="opening"] p { animation: 0.32s cubic-bezier(0.22, 1, 0.36, 1) 0.06s 1 normal backwards running n7-fade; }
}
@media (max-width: 650px) {
  .track-record::before { inset: -1px 0px auto; width: auto; height: 2px; transform: scaleX(0); transform-origin: left center; }
  .leadership-intro.is-revealed .track-record::before { transform: scaleX(1); }
  .cta-frame { inset: -18px -12px; max-width: 364px; }
  .cta-frame i { width: 18px; height: 18px; }
}
.faq-list details { padding: 0px; }
.faq-list summary { padding: 20px 0px; }
.faq-list details p { margin-top: -3px; padding-bottom: 20px; }
@media (max-width: 650px) {
  .faq-list summary { padding: 18px 0px; }
  .faq-list details p { padding-bottom: 18px; }
}
@media (pointer: coarse) {
  input[type="range"] { height: 32px; margin: 2px 0px; }
  .menu-toggle { padding: 12px; }
  .nav-cta { min-height: 40px; }
  .intro-skip { padding: 15px 14px; }
  .footer-grid > div > a:not(.logo) { padding: 9px 0px; margin-bottom: 2px; }
  .footer-bottom > a { padding: 12px 0px; }
}
@media (max-height: 520px) and (min-width: 651px) {
  .ninja-compass { display: none; }
}
.hero-art .art-top, .credentials small { font-size: 8px; }
.tag, .dashboard-footer, .journey-grid .mono, .plan-type, .closing-note { font-size: 9px; }
@media (max-width: 900px) {
  .hero-art .label-two { top: 150px; }
  .hero-art .art-bottom, .hero-art .art-label, .hero-art .art-readout > .mono, .readout-bottom, .scroll-link, .channels-inner > p, .operation-flow small, .dash-brand > span, .leadership-note > .mono, .person-index, .commitment-grid .mono, .consulting .mono, .intro-skip { font-size: 8px; }
}
@media (max-width: 650px) {
  .hero .eyebrow, .arrival-copy .eyebrow, .symbol-top { font-size: 8px; }
  .hero-art .label-two { top: 90px; }
  .journey-grid .mono { letter-spacing: 0.04em; }
}
.ln { display: block; }
.closing h2 > .ln { position: static; display: block; font-size: inherit; font-weight: inherit; }
.pillar-runway, .method-progress, .closing-wipe { display: none; }
.scrub-motion { --amp: 1; }
.scrub-motion main { overflow-x: clip; }
.scrub-motion .fx-rise .w { display: inline-block; clip-path: inset(-20% -8% -30%); --k: clamp(0,calc((var(--p,1) - var(--i) / var(--n,1) * .55) / .4),1); --e: calc(var(--k) * (2 - var(--k))); }
.scrub-motion .fx-rise .wi { display: inline-block; translate: 0 calc((1 - var(--e)) * 110%); opacity: var(--e); }
.scrub-motion .fx-light .w { --k: clamp(0,calc(var(--p,1) * (var(--n,1) + 2) - var(--i) - 1),1); opacity: calc(.14 + .86 * var(--k)); }
.scrub-motion .fx-sides .ln { --k: clamp(0,calc((var(--p,1) - var(--i) * .1) / .6),1); --e: calc(var(--k) * (2 - var(--k))); translate: calc((1 - var(--e)) * var(--dir,-1) * min(42vw,560px)) 0; }
.scrub-motion .fx-sides .ln:nth-child(2n) { --dir: 1; }
.scrub-motion .fx-tilt { --k: clamp(0,calc(var(--p,1) / .75),1); --e: calc(var(--k) * (2 - var(--k))); transform: perspective(1400px) translateY(calc((1 - var(--e)) * 150px * var(--amp))) rotateX(calc((1 - var(--e)) * 24deg)) scale(calc(.9 + .1 * var(--e))); transform-origin: 50% 100%; }
.scrub-motion .fx-tilt .cost-list i { transform: scaleX(clamp(0,calc((var(--p,1) - .45 - var(--i) * .08) / .25),1)); transform-origin: left center; }
.scrub-motion .fx-tilt .dash-bars i { transform: scaleY(clamp(.04,calc((var(--p,1) - .4 - var(--i) * .025) / .3),1)); }
.scrub-motion .fx-clip { --k: clamp(0,calc(var(--p,1) / .7),1); --e: calc(var(--k) * (2 - var(--k))); clip-path: inset(calc((1 - var(--e)) * 22%) calc((1 - var(--e)) * 30%)); }
.scrub-motion .fx-clip > * { opacity: clamp(0,calc((var(--p,1) - .35) / .35),1); }
.scrub-motion .solution-watermark { translate: 0 calc((1 - var(--p,1)) * 140px); }
.scrub-motion .fx-right > * { --k: clamp(0,calc((var(--p,1) - var(--i) * .15) / .55),1); --e: calc(var(--k) * (2 - var(--k))); translate: calc((1 - var(--e)) * 160px * var(--amp)) 0; opacity: calc(.1 + .9 * var(--e)); }
.scrub-motion .fx-stagger > * { --k: clamp(0,calc((var(--p,1) - var(--i) * .12) / .45),1); --e: calc(var(--k) * (2 - var(--k))); translate: 0 calc((1 - var(--e)) * 70px * var(--amp)); opacity: calc(.12 + .88 * var(--e)); }
.scrub-motion .fx-parallax .person { --k: clamp(0,calc(var(--p,1) / .85),1); --e: calc(var(--k) * (2 - var(--k))); translate: 0 calc((1 - var(--e)) * var(--lag) * var(--amp)); }
.fx-parallax .person:nth-child(1) { --lag: 60px; }
.fx-parallax .person:nth-child(2) { --lag: 170px; }
.fx-parallax .person:nth-child(3) { --lag: 100px; }
.fx-parallax .person:nth-child(4) { --lag: 210px; }
.scrub-motion .fx-parallax .person-photo img { scale: calc(1.2 - .2 * var(--e)); }
.scrub-motion .operation-flow > * { --k: clamp(0,calc(var(--section-progress,1) * 5.5 - var(--i)),1); opacity: calc(.2 + .8 * var(--k)); translate: 0 calc((1 - var(--k)) * 12px); }
.scrub-motion .journey-grid article { translate: 0 calc((1 - var(--fill,1)) * 70px * var(--amp)); opacity: calc(.15 + .85 * var(--fill,1)); }
.pillar-pin .pillar-runway { display: block; height: max(150vh, 900px); }
.pillar-pin .method-grid { position: sticky; top: 110px; }
.pillar-pin .method-progress { display: inline; fill: none; stroke: rgb(255, 255, 255); stroke-width: 2; stroke-linecap: round; }
.closing::before { z-index: 1; }
.closing .wrap { z-index: 2; }
.scrub-motion .closing { background: var(--navy); }
.scrub-motion .closing-wipe { display: block; position: absolute; inset: 0px; z-index: 0; background: var(--royal); --w: clamp(0,calc(var(--closing-progress,1) / .55),1); clip-path: circle(calc(var(--w) * 130%) at 72% 42%); }
.scrub-motion .closing h2 { --p: clamp(0,calc((var(--closing-progress,1) - .1) / .8),1); }
@media (max-width: 650px) {
  .scrub-motion { --amp: .55; }
}
.margin-section :focus-visible, .stage-section :focus-visible { outline-color: var(--royal); }
.method-journey :focus-visible, .closing :focus-visible, .solution-feature :focus-visible, .consulting :focus-visible { outline-color: rgb(255, 255, 255); }
.method-journey .method-arrival :focus-visible { outline-color: var(--royal); }
.hero-stat { position: relative; padding: 6px 26px 8px 0px; margin: -6px 0px -8px; }
.hero-stat strong { font-variant-numeric: tabular-nums; transition: color 0.25s; }
.hero-stat .count { display: inline-block; text-align: right; font-size: inherit; color: inherit; line-height: inherit; margin: 0px; }
.hero-stat .count[data-to="15"] { min-width: 2ch; }
.hero-stat > span { transition: color 0.25s; }
.hero-stat::after { content: ""; position: absolute; left: 0px; right: 26px; bottom: 0px; height: 1px; background: rgb(124, 158, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); }
.stat-arrow { position: absolute; top: 2px; right: 0px; font-style: normal; font-size: 17px; line-height: 1; color: rgb(124, 158, 255); opacity: 0; translate: -6px 6px; transition: opacity 0.25s, translate 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
.hero-stat:hover strong, .hero-stat:focus-visible strong { color: rgb(169, 194, 255); }
.hero-stat:hover > span, .hero-stat:focus-visible > span { color: rgb(219, 229, 245); }
.hero-stat:hover::after, .hero-stat:focus-visible::after { transform: scaleX(1); }
.hero-stat:hover .stat-arrow, .hero-stat:focus-visible .stat-arrow { opacity: 1; translate: 0px; }
.scroll-link { transition: color 0.25s, letter-spacing 0.3s; }
.scroll-link span { overflow: hidden; transition: background 0.25s, border-color 0.25s; }
.scroll-link span i { font-style: normal; display: block; }
.scroll-link:hover, .scroll-link:focus-visible { color: rgb(255, 255, 255); letter-spacing: 0.14em; }
.scroll-link:hover span, .scroll-link:focus-visible span { background: var(--royal); border-color: var(--royal); }
@keyframes n7-cue { 
  0% { translate: 0px -16px; opacity: 0; }
  30%, 65% { translate: 0px; opacity: 1; }
  100% { translate: 0px 16px; opacity: 0; }
}
@keyframes n7-line { 
  0% { transform: scaleX(0); opacity: 1; }
  70% { transform: scaleX(1); opacity: 1; }
  100% { transform: scaleX(1); opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .hero-footer::before { content: ""; position: absolute; top: -1px; left: 0px; right: 0px; height: 1px; background: rgb(124, 158, 255); transform-origin: left center; animation: 1.6s cubic-bezier(0.22, 1, 0.36, 1) 0.45s 1 normal both running n7-line; pointer-events: none; }
  .hero-footer > * { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running n7-enter; }
  .hero-footer > :nth-child(1) { animation-delay: 0.4s; }
  .hero-footer > :nth-child(2) { animation-delay: 0.52s; }
  .hero-footer > :nth-child(3) { animation-delay: 0.64s; }
  .scroll-link span i { animation: 2.4s cubic-bezier(0.65, 0, 0.35, 1) 1.6s infinite normal none running n7-cue; }
  .scroll-link:hover span i { animation-duration: 1.2s; }
}
@media (max-width: 650px) {
  .hero-stat { padding-right: 20px; }
  .hero-stat::after { right: 20px; }
}