:root {
  --ink: #08101f;
  --ink-soft: #4f596b;
  --paper: #f4f6f9;
  --white: #ffffff;
  --night: #05070d;
  --night-2: #0b1020;
  --violet: #7658ff;
  --blue: #4a9fff;
  --cyan: #24d7c8;
  --line: rgba(8,16,31,.13);
  --display: "Segoe UI Variable Display", "Aptos Display", "Helvetica Neue", Arial, sans-serif;
  --body: "Segoe UI Variable Text", "Aptos", "Helvetica Neue", Arial, sans-serif;
  --mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --gutter: clamp(22px, 5vw, 76px);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--night); }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--body); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
.skip-link { position: fixed; left: 20px; top: -80px; z-index: 9999; background: white; padding: 12px 18px; border-radius: 4px; transition: top .2s; }
.skip-link:focus { top: 18px; }
.site-header { position: fixed; z-index: 250; top: 0; left: 0; width: 100%; height: 88px; padding: 0 var(--gutter); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: white; transition: background .35s, height .35s, border-color .35s; border-bottom: 1px solid transparent; }
.site-header.is-scrolled { height: 72px; background: rgba(5,7,13,.72); backdrop-filter: blur(18px); border-color: rgba(255,255,255,.1); }
.logo { display: inline-flex; align-items: center; width: clamp(112px, 10vw, 148px); color: inherit; text-decoration: none; }
.logo img { display: block; width: 100%; height: auto; }
.desktop-nav { display: flex; align-items: center; gap: clamp(20px, 3vw, 46px); }
.desktop-nav a { color: rgba(255,255,255,.7); text-decoration: none; font-size: .88rem; transition: color .2s; }
.desktop-nav a:hover { color: white; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 10px; }
.header-cta { display: inline-flex; gap: 16px; align-items: center; white-space: nowrap; color: white; text-decoration: none; padding: 11px 17px 11px 20px; border: 1px solid rgba(255,255,255,.25); border-radius: 3px; font-size: .85rem; transition: background .2s, border-color .2s; }
.header-cta:hover { background: white; color: var(--ink); border-color: white; }.header-cta span { font-size: 1rem; }
.menu-button, .mobile-menu { display: none; }

.scroll-intro, #scroll-world { position: relative; background: var(--night); }
#scroll-world { --sw-bg: #05070d; --sw-ink: #f7f8fc; --sw-ink-soft: #aeb8c8; --sw-font-display: var(--display); --sw-font-body: var(--body); }
#scroll-world .sw-topbar { display: none; }
#scroll-world .sw-copylayer::before { width: min(62vw, 920px); background: linear-gradient(90deg, rgba(5,7,13,.94) 0%, rgba(5,7,13,.78) 34%, rgba(5,7,13,.18) 73%, transparent 100%); }
#scroll-world .sw-scene::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(5,7,13,.26), transparent 25%, transparent 68%, rgba(5,7,13,.32)); pointer-events: none; }
#scroll-world .sw-copy { left: var(--gutter); width: min(48vw, 690px); }
#scroll-world .sw-copy__num { color: rgba(255,255,255,.45); }
#scroll-world .sw-copy__eyebrow { font-family: var(--mono); font-weight: 500; font-size: .7rem; }
#scroll-world .sw-copy__title { max-width: 15ch; font-size: clamp(2.7rem, 4.75vw, 5.3rem); font-weight: 620; line-height: .94; letter-spacing: -.062em; text-wrap: balance; }
#scroll-world .sw-copy__body { color: rgba(255,255,255,.74); max-width: 48ch; font-size: clamp(1rem, 1.25vw, 1.2rem); }
#scroll-world .sw-copy__tags li { color: rgba(255,255,255,.78); background: rgba(7,10,18,.55); border-color: rgba(255,255,255,.17); backdrop-filter: blur(12px); font-family: var(--mono); font-size: .68rem; font-weight: 500; }
#scroll-world .sw-btn { border-radius: 3px; }
#scroll-world .sw-btn--primary { background: white; color: var(--night); }
#scroll-world .sw-btn--ghost { color: white; border-color: rgba(255,255,255,.35); }
#scroll-world .sw-route { right: var(--gutter); }
#scroll-world .sw-route__label { color: white; background: rgba(5,7,13,.7); border-color: rgba(255,255,255,.14); }
#scroll-world .sw-hint { color: rgba(255,255,255,.55); font-family: var(--mono); font-size: .65rem; }
#scroll-world .sw-hint i { border-radius: 4px; border-color: rgba(255,255,255,.3); }
#scroll-world .sw-scrollbar { background: rgba(255,255,255,.08); }

.light-section { background: var(--paper); }
.manifesto, .solutions, .method, .final-cta { position: relative; z-index: 150; padding: clamp(90px, 12vw, 180px) var(--gutter); }
.section-kicker { display: flex; justify-content: space-between; gap: 30px; padding-bottom: 20px; margin-bottom: clamp(54px, 8vw, 112px); border-bottom: 1px solid var(--line); color: #637083; font: 500 .7rem/1 var(--mono); text-transform: uppercase; letter-spacing: .09em; }
.dark-kicker { color: rgba(255,255,255,.44); border-color: rgba(255,255,255,.13); }
.manifesto-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); gap: clamp(48px, 8vw, 130px); align-items: end; }
h2 { margin: 0; font: 620 clamp(3rem, 6.9vw, 7.7rem)/.96 var(--display); letter-spacing: -.067em; text-wrap: balance; }
h2 em { color: var(--violet); font-style: normal; }
.lead { margin: 0 0 34px; font-size: clamp(1.08rem, 1.5vw, 1.32rem); line-height: 1.56; color: var(--ink-soft); }
.text-link { display: inline-flex; align-items: center; gap: 22px; text-decoration: none; font-weight: 650; padding-bottom: 8px; border-bottom: 1px solid currentColor; }
.text-link span { color: var(--violet); }
.signal-journey { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); margin: clamp(90px, 12vw, 190px) 0 0; padding: 0; list-style: none; }
.signal-journey::before, .signal-journey::after { content: ""; position: absolute; left: 6px; right: 6px; top: 6px; height: 1px; transform-origin: left; }
.signal-journey::before { background: var(--line); }
.signal-journey::after { background: linear-gradient(90deg, var(--violet), var(--blue) 55%, var(--cyan)); transform: scaleX(0); box-shadow: 0 0 16px rgba(36,215,200,.22); }
.signal-journey.is-visible::after { animation: signal-travel 1.8s cubic-bezier(.2,.75,.2,1) .2s forwards; }
.signal-journey li { position: relative; z-index: 1; display: grid; grid-template-rows: 13px auto auto; gap: 11px; min-width: 0; color: var(--ink); }
.signal-journey li:not(:first-child) { padding-left: 28px; }
.signal-journey i { width: 13px; height: 13px; border: 3px solid var(--paper); border-radius: 50%; background: var(--violet); box-shadow: 0 0 0 1px var(--violet); opacity: .35; transform: scale(.6); }
.signal-journey li:nth-child(2) i { background: #655fff; }.signal-journey li:nth-child(3) i { background: var(--blue); }.signal-journey li:nth-child(4) i, .signal-journey li:nth-child(5) i { background: var(--cyan); box-shadow: 0 0 0 1px var(--cyan); }
.signal-journey.is-visible i { animation: signal-node .55s cubic-bezier(.2,.8,.2,1) forwards; }.signal-journey.is-visible li:nth-child(2) i { animation-delay: .52s; }.signal-journey.is-visible li:nth-child(3) i { animation-delay: .88s; }.signal-journey.is-visible li:nth-child(4) i { animation-delay: 1.24s; }.signal-journey.is-visible li:nth-child(5) i { animation-delay: 1.6s; }
.signal-journey strong { font: 650 .68rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.signal-journey span { max-width: 18ch; color: var(--ink-soft); font-size: .78rem; line-height: 1.35; }
.signal-journey li:last-child strong { color: #078f85; }.signal-journey li:last-child span { color: var(--ink); font-weight: 600; }
@keyframes signal-travel { to { transform: scaleX(1); } }
@keyframes signal-node { 55% { opacity: 1; transform: scale(1.45); box-shadow: 0 0 0 7px rgba(118,88,255,.08), 0 0 20px currentColor; } 100% { opacity: 1; transform: scale(1); } }

.problem-section { position: relative; z-index: 150; display: grid; grid-template-columns: .88fr 1.12fr; min-height: 880px; color: white; background: linear-gradient(125deg, #080b14, #10172b); }
.problem-copy { padding: clamp(90px, 11vw, 170px) var(--gutter); align-self: center; }
.eyebrow { display: block; margin-bottom: 25px; color: var(--violet); font: 550 .7rem/1.2 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.problem-copy h2 { font-size: clamp(2.8rem, 5vw, 5.8rem); max-width: 11ch; }
.problem-copy p { max-width: 50ch; margin: 38px 0 0; color: rgba(255,255,255,.61); line-height: 1.65; font-size: 1.05rem; }
.loss-board { margin: clamp(70px, 8vw, 120px) var(--gutter) clamp(70px, 8vw, 120px) 0; align-self: center; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.12); border-radius: 6px; box-shadow: 0 40px 100px rgba(0,0,0,.3); overflow: hidden; }
.loss-head { display: flex; justify-content: space-between; padding: 22px 26px; border-bottom: 1px solid rgba(255,255,255,.09); font: 500 .7rem/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.65); }
.status-dot::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #ffb55f; box-shadow: 0 0 12px #ffb55f; }
.loss-board ol { list-style: none; margin: 0; padding: 0; }
.loss-board li { display: grid; grid-template-columns: 70px 1fr auto; gap: 18px; align-items: center; min-height: 98px; padding: 20px 26px; border-bottom: 1px solid rgba(255,255,255,.08); }
.loss-board li:last-child { border: 0; }.loss-board li > span { color: rgba(255,255,255,.36); font: .7rem var(--mono); }.loss-board li strong { font-size: .96rem; font-weight: 550; }.loss-board li small { color: rgba(255,255,255,.42); }.loss-board .warning { background: rgba(255,181,95,.035); }.loss-board .lost { background: rgba(255,94,126,.06); }.loss-board .lost strong { color: #ff8ba2; }
.loss-board ol { position: relative; }
.loss-board ol::before { content: ""; position: absolute; z-index: 2; left: 23px; top: 47px; bottom: 47px; width: 1px; background: linear-gradient(180deg, var(--cyan), #ffb55f 62%, #ff5e7e); transform: scaleY(0); transform-origin: top; box-shadow: 0 0 13px rgba(118,88,255,.5); }
.loss-board li { position: relative; opacity: 0; transform: translateX(18px); }
.loss-board li::before { content: ""; position: absolute; z-index: 3; left: 19px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #7582a0; transform: translateY(-50%) scale(.4); box-shadow: 0 0 0 4px #171d2d; }
.loss-board.is-visible ol::before { animation: loss-line 3.2s cubic-bezier(.2,.8,.2,1) .35s forwards; }
.loss-board.is-visible li { animation: loss-row .58s cubic-bezier(.2,.8,.2,1) forwards; }
.loss-board.is-visible li:nth-child(1) { animation-delay: .35s; }.loss-board.is-visible li:nth-child(2) { animation-delay: 1.05s; }.loss-board.is-visible li:nth-child(3) { animation-delay: 1.75s; }.loss-board.is-visible li:nth-child(4) { animation-delay: 2.45s; }
.loss-board.is-visible li:nth-child(1)::before { background: var(--cyan); animation: loss-node .7s 1s both; }.loss-board.is-visible li:nth-child(2)::before { background: var(--blue); animation: loss-node .7s 1.7s both; }.loss-board.is-visible li:nth-child(3)::before { background: #ffb55f; animation: loss-node .7s 2.4s both; }.loss-board.is-visible li:nth-child(4)::before { background: #ff5e7e; animation: loss-node .9s 3.1s both; }
.loss-board.is-visible .lost { animation: loss-row .58s cubic-bezier(.2,.8,.2,1) 2.45s forwards, loss-alert 1.1s ease 3.15s both; }
@keyframes loss-line { to { transform: scaleY(1); } }
@keyframes loss-row { to { opacity: 1; transform: none; } }
@keyframes loss-node { 0% { transform: translateY(-50%) scale(.4); } 55% { transform: translateY(-50%) scale(1.7); box-shadow: 0 0 0 8px rgba(118,88,255,.08), 0 0 24px currentColor; } 100% { transform: translateY(-50%) scale(1); } }
@keyframes loss-alert { 50% { background: rgba(255,94,126,.13); } }

.section-heading { display: grid; grid-template-columns: 1.2fr .55fr; gap: clamp(50px, 9vw, 150px); align-items: end; margin-bottom: clamp(70px, 10vw, 140px); }
.section-heading h2 { font-size: clamp(3.3rem, 6vw, 7rem); }.section-heading p { color: var(--ink-soft); line-height: 1.65; margin: 0; font-size: 1.06rem; }
.solution-list { border-top: 1px solid var(--line); }
.solution-card { position: relative; display: grid; grid-template-columns: 160px minmax(300px,1.25fr) minmax(240px,.75fr); gap: clamp(30px, 6vw, 100px); align-items: center; min-height: 320px; padding: 52px 0; border-bottom: 1px solid var(--line); }
.solution-card::before { content: attr(data-index); position: absolute; right: 0; top: 24px; color: #9ba3b0; font: .68rem var(--mono); }
.solution-icon { position: relative; width: 104px; height: 104px; border: 1px solid rgba(118,88,255,.3); border-radius: 50%; background: radial-gradient(circle, rgba(118,88,255,.1), transparent 68%); }
.pipeline-icon i { position: absolute; width: 15px; height: 15px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 20px rgba(118,88,255,.55); }.pipeline-icon i:nth-child(1){left:20px;top:45px}.pipeline-icon i:nth-child(2){left:45px;top:20px}.pipeline-icon i:nth-child(3){right:20px;bottom:25px}.pipeline-icon::after{content:"";position:absolute;inset:27px;border:1px solid var(--violet);transform:rotate(45deg)}
.web-icon i:first-child{position:absolute;left:25px;top:27px;width:55px;height:45px;border:1px solid var(--blue);border-radius:3px}.web-icon i:last-child{position:absolute;left:33px;top:38px;width:36px;height:4px;background:var(--blue);box-shadow:0 12px 0 rgba(74,159,255,.5)}
.ai-icon i{position:absolute;width:20px;height:20px;border:1px solid var(--cyan);transform:rotate(45deg)}.ai-icon i:nth-child(1){left:22px;top:42px}.ai-icon i:nth-child(2){left:43px;top:22px}.ai-icon i:nth-child(3){right:21px;bottom:23px}.ai-icon::after{content:"";position:absolute;left:31px;top:31px;width:41px;height:41px;border-radius:50%;border:1px dashed rgba(36,215,200,.5);animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.card-kicker { color: var(--violet); font: 550 .7rem var(--mono); text-transform: uppercase; letter-spacing: .1em; }.solution-card h3 { margin: 14px 0 18px; max-width: 17ch; font: 620 clamp(2rem, 3.2vw, 3.6rem)/1.04 var(--display); letter-spacing: -.05em; }.solution-card p { max-width: 55ch; margin: 0; color: var(--ink-soft); line-height: 1.6; }.solution-card ul { list-style: none; padding: 0; margin: 0; }.solution-card li { padding: 13px 0; border-bottom: 1px solid var(--line); color: #374052; font-size: .92rem; }.solution-card li::before { content: "+"; margin-right: 12px; color: var(--violet); }

.architecture, .sectors { position: relative; z-index: 150; padding: clamp(90px, 12vw, 180px) var(--gutter); color: white; background: var(--night); }
.architecture-head, .sectors-head { display: grid; grid-template-columns: 1.2fr .5fr; gap: clamp(50px, 8vw, 130px); align-items: end; }.architecture-head h2, .sectors-head h2 { font-size: clamp(3.2rem, 6.4vw, 7.2rem); }.architecture-head p, .sectors-head p { color: rgba(255,255,255,.54); line-height: 1.65; margin: 0; }
.system-map { display: grid; grid-template-columns: 190px 1fr 220px 1fr 220px; align-items: center; min-height: 620px; margin: clamp(70px, 10vw, 150px) 0; overflow: hidden; }
.map-column { display: flex; flex-direction: column; gap: 10px; }.map-label { margin-bottom: 12px; color: rgba(255,255,255,.38); font: .65rem var(--mono); text-transform: uppercase; letter-spacing: .1em; }.map-column button { width: 100%; text-align: left; color: rgba(255,255,255,.72); background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); border-radius: 3px; padding: 15px; font: .76rem var(--mono); }.map-flow { position: relative; height: 280px; }.map-flow::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: linear-gradient(90deg, rgba(118,88,255,.15), var(--violet)); }.map-flow i { position: absolute; width: 5px; height: 5px; border-radius: 50%; top: calc(50% - 2px); background: white; box-shadow: 0 0 12px var(--violet); animation:flow 2.4s linear infinite}.map-flow i:nth-child(2){animation-delay:-.6s}.map-flow i:nth-child(3){animation-delay:-1.2s}.map-flow i:nth-child(4){animation-delay:-1.8s}@keyframes flow{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}.map-flow-out{transform:scaleX(-1)}
.map-core { position: relative; width: 220px; height: 220px; display: grid; place-items: center; }.orbit { position: absolute; inset: 10px; border: 1px solid rgba(118,88,255,.25); border-radius: 50%; }.orbit::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); top: 22px; right: 22px; box-shadow: 0 0 14px var(--cyan); }.orbit-one { animation: spin 14s linear infinite; }.orbit-two { inset: 35px; border-color: rgba(36,215,200,.25); animation: spin 9s linear infinite reverse; }.core-logo { position: relative; z-index: 1; width: 116px; height: 116px; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #252f57, #0d1222 70%); border: 1px solid rgba(255,255,255,.15); box-shadow: 0 0 70px rgba(118,88,255,.25); }.core-logo b { font: 650 2rem var(--display); }.core-logo small { position: absolute; top: 78px; text-align: center; color: rgba(255,255,255,.45); font: .5rem/1.2 var(--mono); letter-spacing: .08em; }
.capability-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.12); border-left: 1px solid rgba(255,255,255,.12); }.capability-grid article { min-height: 270px; padding: 30px; border-right: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }.capability-grid article > span { color: var(--cyan); font: .65rem var(--mono); }.capability-grid h3 { margin: 62px 0 14px; font: 550 1.45rem var(--display); letter-spacing: -.03em; }.capability-grid p { margin: 0; color: rgba(255,255,255,.5); line-height: 1.55; font-size: .92rem; }

.method-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(60px, 10vw, 170px); align-items: start; }.method-sticky { position: sticky; top: 130px; }.method-sticky h2 { font-size: clamp(3rem, 5vw, 5.8rem); }.method-sticky p { max-width: 54ch; margin-top: 32px; color: var(--ink-soft); line-height: 1.65; }.method-steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }.method-steps li { display: grid; grid-template-columns: 70px 1fr; gap: 26px; min-height: 230px; padding: 42px 0; border-bottom: 1px solid var(--line); }.method-steps li > span { color: var(--violet); font: .7rem var(--mono); }.method-steps h3 { margin: 0 0 22px; font: 600 clamp(2rem, 3vw, 3.2rem)/1 var(--display); letter-spacing: -.045em; }.method-steps p { margin: 0; color: var(--ink-soft); line-height: 1.6; max-width: 48ch; }

.sectors { background: #0b1020; }.sectors-head { margin-bottom: 90px; }.sector-marquee { width: calc(100% + 2 * var(--gutter)); margin-left: calc(-1 * var(--gutter)); overflow: hidden; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }.sector-marquee > div { display: flex; width: max-content; align-items: center; gap: 35px; padding: 24px 0; animation:marquee 32s linear infinite; }.sector-marquee span { font: 500 1rem var(--display); color: rgba(255,255,255,.68); }.sector-marquee i { width: 5px; height: 5px; border-radius: 50%; background: var(--violet); }@keyframes marquee{to{transform:translateX(-25%)}}
.sector-examples { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 90px; background: rgba(255,255,255,.1); }.sector-examples article { min-height: 330px; padding: 35px; background: #0b1020; }.sector-examples span { color: var(--cyan); font: .65rem var(--mono); text-transform: uppercase; letter-spacing: .08em; }.sector-examples h3 { margin: 80px 0 20px; font: 550 clamp(1.7rem,2.5vw,2.7rem)/1.08 var(--display); letter-spacing: -.04em; }.sector-examples p { margin: 0; color: rgba(255,255,255,.5); line-height: 1.55; }

.marta-section { position: relative; z-index: 150; min-height: 920px; padding: clamp(90px, 12vw, 180px) var(--gutter); overflow: hidden; color: white; background: radial-gradient(circle at 78% 46%, rgba(118,88,255,.2), transparent 34%), linear-gradient(135deg, #070a12, #0d1325); }
.marta-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(60px, 10vw, 170px); align-items: center; }
.marta-copy h2 { max-width: 11ch; font-size: clamp(3.2rem, 5.55vw, 6.5rem); }.marta-copy h2 em { color: #9a86ff; }.marta-copy p { max-width: 48ch; margin: 32px 0; color: rgba(255,255,255,.62); font-size: 1.08rem; line-height: 1.65; }.marta-copy small { display: block; margin-top: 16px; color: rgba(255,255,255,.4); }
.marta-button { padding: 17px 22px; border: 0; color: var(--ink); background: white; font: 650 .94rem var(--body); cursor: pointer; transition: transform .2s, box-shadow .2s; }.marta-button:hover { box-shadow: 0 12px 40px rgba(118,88,255,.28); }
.marta-live { position: relative; justify-self: end; width: min(100%, 680px); min-height: 650px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: rgba(12,17,31,.76); box-shadow: 0 45px 120px rgba(0,0,0,.4); backdrop-filter: blur(18px); overflow: hidden; }
.marta-live-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 22px; border-bottom: 1px solid rgba(255,255,255,.1); }.marta-live-head > div { display: flex; align-items: center; gap: 13px; }.marta-live-head p { margin: 0; }.marta-avatar { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--violet), var(--cyan)); font: 650 1rem var(--display); box-shadow: 0 0 30px rgba(118,88,255,.35); }.marta-live-head strong, .marta-live-head small { display: block; }.marta-live-head strong { font-size: .92rem; }.marta-live-head small { margin-top: 4px; color: rgba(255,255,255,.42); font-size: .72rem; }.marta-live-head > span { color: var(--cyan); font: .65rem var(--mono); text-transform: uppercase; letter-spacing: .08em; }.marta-live-head > span i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.marta-widget-slot { position: relative; min-height: 565px; display: grid; place-items: center; padding: 18px; }.marta-widget-slot > chat-widget, .marta-widget-slot > iframe { width: 100% !important; min-height: 530px !important; }.marta-widget-loading { margin: 0; color: rgba(255,255,255,.42); font: .7rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }.marta-widget-loading::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 10px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); animation: widget-pulse 1.2s ease-in-out infinite; }.marta-widget-slot.is-ready .marta-widget-loading { display: none; }
.marta-orbit { position: absolute; right: -13vw; top: 50%; width: min(68vw, 980px); aspect-ratio: 1; transform: translateY(-50%); border: 1px solid rgba(118,88,255,.13); border-radius: 50%; pointer-events: none; }.marta-orbit::before, .marta-orbit::after { content: ""; position: absolute; border: 1px solid rgba(36,215,200,.1); border-radius: 50%; }.marta-orbit::before { inset: 13%; }.marta-orbit::after { inset: 29%; }.marta-orbit i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 18px var(--violet); }.marta-orbit i:nth-child(1) { left: 8%; top: 31%; animation: orbit-float 5s ease-in-out infinite; }.marta-orbit i:nth-child(2) { right: 12%; top: 22%; background: var(--cyan); animation: orbit-float 6s ease-in-out -2s infinite; }.marta-orbit i:nth-child(3) { right: 18%; bottom: 18%; animation: orbit-float 4.5s ease-in-out -1s infinite; }.marta-orbit span { position: absolute; inset: 0; border-radius: 50%; border-top: 1px solid rgba(118,88,255,.45); animation: spin 24s linear infinite; }
@keyframes widget-pulse { 50% { opacity: .3; transform: scale(.75); } } @keyframes orbit-float { 50% { transform: translateY(-16px) scale(1.25); } }
.faq { position: relative; z-index: 150; padding: clamp(90px, 12vw, 180px) var(--gutter); }
.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(60px, 10vw, 170px); align-items: start; }
.faq-heading { position: sticky; top: 130px; }.faq-heading h2 { font-size: clamp(3rem, 5vw, 5.8rem); }.faq-heading p { max-width: 46ch; margin: 30px 0 0; color: var(--ink-soft); line-height: 1.65; }
.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: grid; grid-template-columns: 1fr 34px; gap: 25px; align-items: center; padding: 30px 0; cursor: pointer; list-style: none; font: 580 clamp(1.15rem, 1.7vw, 1.55rem)/1.25 var(--display); letter-spacing: -.025em; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 50%; color: var(--violet); transition: transform .25s, background .25s, color .25s; }.faq-list details[open] summary span { transform: rotate(45deg); color: white; background: var(--violet); }.faq-list details p { max-width: 62ch; margin: -8px 54px 30px 0; color: var(--ink-soft); line-height: 1.65; }
.final-cta { overflow: hidden; min-height: 860px; display: grid; place-items: center; text-align: center; }.cta-glow { position: absolute; left: 50%; top: 50%; width: min(80vw, 950px); aspect-ratio: 1; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle, rgba(118,88,255,.22), rgba(36,215,200,.08) 38%, transparent 70%); filter: blur(18px); }.final-cta-inner { position: relative; z-index: 1; max-width: 1040px; display: flex; flex-direction: column; align-items: center; }.final-cta h2 { font-size: clamp(3.4rem, 7.3vw, 8.6rem); }.final-cta p { max-width: 55ch; margin: 34px auto; color: var(--ink-soft); font-size: 1.12rem; line-height: 1.6; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; text-decoration: none; border-radius: 3px; font-weight: 650; }.button-primary { background: var(--ink); color: white; }.button-large { padding: 18px 26px; margin-top: 8px; }.button:hover { transform: translateY(-2px); }.final-cta small { margin-top: 18px; color: #737d8d; }

footer { position: relative; z-index: 150; padding: 80px var(--gutter) 30px; color: white; background: var(--night); }.footer-top { display: flex; justify-content: space-between; align-items: end; padding-bottom: 70px; border-bottom: 1px solid rgba(255,255,255,.12); }.footer-logo { font-size: 2rem; }.footer-top p { margin: 0; color: rgba(255,255,255,.5); line-height: 1.5; text-align: right; }.footer-grid { display: grid; grid-template-columns: 1.2fr repeat(3,1fr); gap: 50px; padding: 60px 0 90px; }.footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }.footer-grid span { margin-bottom: 12px; color: rgba(255,255,255,.35); font: .65rem var(--mono); text-transform: uppercase; letter-spacing: .1em; }.footer-grid p, .footer-grid a { margin: 0; color: rgba(255,255,255,.65); font-size: .9rem; line-height: 1.65; text-decoration: none; }.footer-grid a:hover { color: white; }.footer-bottom { display: flex; justify-content: space-between; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.35); font-size: .72rem; }

.footer-logo { width: clamp(155px, 16vw, 220px); }
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.2,1); }.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1050px) {
  .desktop-nav { display: none; }.site-header { grid-template-columns: 1fr auto auto; gap: 14px; }
  .manifesto-grid, .section-heading, .architecture-head, .sectors-head { grid-template-columns: 1fr; }.manifesto-grid > div, .section-heading p, .architecture-head p, .sectors-head p { max-width: 620px; }
  .problem-section { grid-template-columns: 1fr; }.problem-copy { padding-bottom: 30px; }.problem-copy h2 { max-width: 14ch; }.loss-board { margin-left: var(--gutter); margin-top: 20px; }
  .solution-card { grid-template-columns: 120px 1fr; }.solution-card ul { grid-column: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
  .system-map { grid-template-columns: 170px 1fr 190px 1fr 190px; }.map-core { width: 190px; height: 190px; }
  .method-layout { grid-template-columns: 1fr; }.method-sticky { position: static; max-width: 750px; }
  .faq-layout { grid-template-columns: 1fr; }.faq-heading { position: static; max-width: 750px; }
  .marta-layout { grid-template-columns: 1fr; }.marta-copy h2 { max-width: 13ch; }.marta-live { justify-self: stretch; width: 100%; }
}

@media (max-width: 760px) {
  :root { --gutter: 20px; }
  .site-header { height: 72px; grid-template-columns: 1fr auto; }.header-actions { display: none; }.menu-button { display: flex; width: 44px; height: 44px; flex-direction: column; align-items: center; justify-content: center; gap: 7px; color: white; background: transparent; border: 1px solid rgba(255,255,255,.22); border-radius: 3px; }.menu-button span { width: 18px; height: 1px; background: currentColor; transition: transform .25s; }.menu-button[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .mobile-menu { position: fixed; inset: 0; z-index: 240; display: flex; visibility: hidden; opacity: 0; transform: translateY(-12px); flex-direction: column; justify-content: center; gap: 22px; padding: 100px var(--gutter) 50px; color: white; background: rgba(5,7,13,.97); transition: opacity .25s, transform .25s, visibility .25s; }.mobile-menu.is-open { visibility: visible; opacity: 1; transform: none; }.mobile-menu > a:not(.button) { text-decoration: none; font: 550 2.3rem/1 var(--display); letter-spacing: -.05em; }.mobile-menu .button { margin-top: 20px; padding: 17px; background: white; color: var(--ink); }
  #scroll-world .sw-copylayer::before { height: 76%; background: linear-gradient(0deg, rgba(5,7,13,.97) 7%, rgba(5,7,13,.7) 48%, transparent 100%); }
  #scroll-world .sw-scene__video, #scroll-world .sw-scene__still { object-fit: contain; object-position: center 24%; }
  #scroll-world .sw-copy { left: var(--gutter); right: 42px; bottom: calc(58px + env(safe-area-inset-bottom)); }
  #scroll-world .sw-copy__title { font-size: clamp(2.2rem, 10.5vw, 3.4rem); line-height: .98; max-width: 12ch; }
  #scroll-world .sw-copy__body { font-size: .96rem; line-height: 1.45; margin-top: 14px; }
  #scroll-world .sw-copy__tags { margin-top: 16px; gap: 5px; }#scroll-world .sw-copy__tags li { padding: 5px 8px; font-size: .57rem; }
  #scroll-world .sw-copy__cta { margin-top: 18px; }#scroll-world .sw-btn { padding: 11px 14px; font-size: .78rem; }
  #scroll-world .sw-route { right: 3px; }.sw-hint { display: none !important; }
  .manifesto, .solutions, .method, .architecture, .sectors, .marta-section, .faq, .final-cta { padding-top: 90px; padding-bottom: 90px; }.section-kicker { margin-bottom: 55px; }.section-kicker span:last-child { display: none; }
  h2 { font-size: clamp(3rem, 14vw, 4.6rem); }.manifesto-grid { gap: 38px; }.signal-journey { grid-template-columns: 1fr; gap: 0; margin-top: 75px; padding-left: 8px; }.signal-journey::before, .signal-journey::after { left: 14px; right: auto; top: 6px; bottom: 6px; width: 1px; height: auto; transform-origin: top; }.signal-journey::after { transform: scaleY(0); }.signal-journey.is-visible::after { animation-name: signal-travel-mobile; }.signal-journey li, .signal-journey li:not(:first-child) { grid-template-columns: 13px 110px 1fr; grid-template-rows: auto; align-items: center; gap: 18px; min-height: 76px; padding: 0; }.signal-journey i { grid-column: 1; }.signal-journey strong { grid-column: 2; }.signal-journey span { grid-column: 3; max-width: none; }.signal-journey li:nth-child(2) i, .signal-journey li:nth-child(3) i, .signal-journey li:nth-child(4) i, .signal-journey li:nth-child(5) i { animation-delay: inherit; }
  .problem-section { min-height: 0; }.problem-copy { padding-top: 95px; }.problem-copy h2 { font-size: 3.2rem; }.loss-board { margin: 30px var(--gutter) 80px; }.loss-board li { grid-template-columns: 55px 1fr; }.loss-board li small { grid-column: 2; }.loss-head { padding: 18px; }.loss-board li { padding: 18px; }
  .section-heading { margin-bottom: 65px; gap: 32px; }.section-heading h2 { font-size: 3.6rem; }
  .solution-card { grid-template-columns: 1fr; gap: 30px; padding: 50px 0; }.solution-card ul { grid-column: 1; grid-template-columns: 1fr; }.solution-icon { width: 86px; height: 86px; transform: scale(.82); transform-origin: left top; margin-bottom: -15px; }.solution-card h3 { font-size: 2.5rem; }
  .architecture-head h2, .sectors-head h2 { font-size: 3.5rem; }.system-map { grid-template-columns: 1fr; gap: 20px; min-height: 0; margin: 75px 0; }.map-column { display: grid; grid-template-columns: 1fr 1fr; }.map-label { grid-column: 1 / -1; }.map-flow { height: 50px; transform: rotate(90deg); }.map-flow-out { transform: rotate(90deg) scaleX(-1); }.map-core { justify-self: center; }.capability-grid { grid-template-columns: 1fr; }.capability-grid article { min-height: 230px; }.capability-grid h3 { margin-top: 48px; }
  .method-layout { gap: 65px; }.method-sticky h2 { font-size: 3.7rem; }.method-steps li { min-height: 200px; grid-template-columns: 44px 1fr; }
  .faq-layout { gap: 65px; }.faq-heading h2 { font-size: 3.7rem; }.faq-list summary { padding: 24px 0; font-size: 1.2rem; }.faq-list details p { margin-right: 0; }
  .marta-section { min-height: 0; }.marta-layout { gap: 60px; }.marta-copy h2 { font-size: clamp(3rem, 13vw, 4.2rem); }.marta-live { min-height: 590px; }.marta-widget-slot { min-height: 505px; padding: 12px; }.marta-orbit { width: 130vw; right: -80vw; }
  .sectors-head { margin-bottom: 60px; }.sector-examples { grid-template-columns: 1fr; margin-top: 60px; }.sector-examples article { min-height: 280px; }.sector-examples h3 { margin-top: 60px; }
  .final-cta { min-height: 720px; }.final-cta h2 { font-size: clamp(3rem, 14vw, 4.6rem); }.final-cta small { max-width: 33ch; }
  footer { padding-top: 60px; }.footer-top { align-items: flex-start; flex-direction: column; gap: 30px; }.footer-top p { text-align: left; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 45px 25px; }.footer-bottom { flex-direction: column; gap: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }.reveal, .loss-board li, .signal-journey i { opacity: 1; transform: none; transition: none; }.loss-board ol::before { transform: scaleY(1); }.signal-journey::after { transform: scaleX(1); }.loss-board.is-visible ol::before, .loss-board.is-visible li, .loss-board.is-visible li::before, .loss-board.is-visible .lost, .signal-journey.is-visible::after, .signal-journey.is-visible i, .marta-widget-loading::before, .marta-orbit i, .marta-orbit span, .sector-marquee > div, .ai-icon::after, .orbit, .map-flow i { animation: none; }
}

@keyframes signal-travel-mobile { to { transform: scaleY(1); } }