/* Deep emerald surfaces, shared by marketing and catalogue. */
.light-section,.protocol-section,.api-pricing{--paper:#07130f;background-color:#07130f;background-image:linear-gradient(115deg,#060f0dfa,#0a1b15f5 60%,#081710f2),url('/assets/atmosphere.webp');background-size:cover;color:#eef6ef;border-block:1px solid #a4caba19}
.light-section:before{background-image:linear-gradient(#b0cbb00c 1px,transparent 1px),linear-gradient(90deg,#b0cbb00c 1px,transparent 1px)}
.light-section h2,.light-section h3,.light-section strong,.light-section .dark-link{color:#eff7ef}
.light-section p,.light-section .section-heading p,.light-section .statement-bottom p,.light-section .flow-stage p,.light-section .pricing-layout p,.catalogue-proof span{color:#b6cbbf}
.light-section h2 span{color:#b4da9f}
.light-section .dark-link:hover{color:#c6f39f}
.light-section :focus-visible{outline-color:#c6f39f}
.ecosystem-strip p{color:#b6cbbf}.ecosystem-strip{border-bottom:0}
.statement-section{border-top:0}
.statement-mark img{height:auto;object-fit:contain}
.protocol-section .flow-stage,.protocol-section .protocol-foot,.price-tiers>div,.price-tiers>div:first-child{border-color:#b5d5bb29}
.protocol-section .flow-stage.is-active{border-color:#b7e48d}
.protocol-section .flow-stage.is-active h3{color:#c6ef9f}
.protocol-section .flow-stage code{color:#a3c6b5}
.protocol-section .circuit-terminal>rect:first-child{fill:#102e26;stroke:#a6ceb044}
.protocol-section .circuit-terminal text{fill:#e9f5e9}
.protocol-section .circuit-terminal path,.protocol-section .circuit-terminal>rect:not(:first-child){stroke:#b8dda1}
.protocol-circuit>svg>path{stroke:#9abfa52d}
.protocol-section .circuit-packet rect{fill:#b8df9e;stroke:#daf5c4}
.protocol-section .circuit-packet text{fill:#102718}
.protocol-circuit{perspective:1000px}
.protocol-circuit>svg{transform:rotateX(7deg);transform-origin:center;transition:transform .7s}
.protocol-circuit:hover>svg{transform:rotateX(0)}
.protocol-receipt{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #afd0b52b;padding-top:15px;margin-top:8px;font:11px var(--mono);color:#a9c4b4;min-height:40px}
.protocol-receipt strong{font-weight:500;color:#d9f6c4;white-space:nowrap}
.protocol-receipt span{transition:opacity .3s}
.flow-stage{position:relative}
.protocol-section .flow-stage:before{content:'';position:absolute;top:-1px;left:0;height:2px;width:100%;transform-origin:left;transform:scaleX(var(--flow-progress,0));background:#b9e28f}
.autonomy-network{isolation:isolate}
.machine-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}
.machine-wire{fill:none;stroke:#a6c5b533;stroke-width:1;vector-effect:non-scaling-stroke}
.machine-signal{fill:none;stroke:#b9e691;stroke-width:2;stroke-dasharray:0.07 .93;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .6s}
.autonomy-network .network-node{transition:border-color .6s,background .6s,box-shadow .6s}
.autonomy-network .network-node.is-current{border-color:#b9e69188;background:#173127;box-shadow:0 12px 35px #0003}
.autonomy-network .network-node.is-current .icon{color:#c8f0a7}
.machine-signal.is-current{opacity:1;animation:machine-transfer 3.8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes machine-transfer{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
section:not(.is-inview) .machine-signal,.page-hidden .machine-signal{animation-play-state:paused}
@media(max-width:599px){.protocol-receipt{font-size:10px;gap:8px}.protocol-circuit>svg{transform:none}}
@media(prefers-reduced-motion:reduce){.protocol-circuit>svg{transform:none;transition:none}.machine-signal{animation:none!important;stroke-dasharray:none;opacity:.4}.autonomy-network .network-node{transition:none}}

.ecosystem-set img[src$="x402.svg"]{background:#dfe8df;padding:7px 12px;border-radius:5px}

/* Editorial instruments: terms, verification and settlement. */
.title-arrived{animation:none!important;filter:none!important;clip-path:none!important;transform:none!important}
.scroll-word{opacity:var(--word-opacity,1);transition:opacity .12s linear}
.editorial-diagram{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,8vw,120px);align-items:center;padding-block:100px}
.diagram-copy h2{font-size:clamp(32px,3.6vw,50px);line-height:1.12;max-width:16ch}
.diagram-copy p{font-size:15px;line-height:1.85;color:#b4c5ba;max-width:44ch;margin-top:25px}
.diagram-copy p+p{margin-top:14px}.diagram-copy .text-link{margin-top:27px;min-height:44px}
.quote-instrument{position:relative;padding:30px 34px;background:linear-gradient(145deg,#16251f,#0c1411);border:1px solid #b7cfbf30;border-radius:12px;box-shadow:0 24px 65px #0003;transform:perspective(1100px) rotateY(-5deg) rotateX(3deg)}
.instrument-top{display:flex;justify-content:space-between;gap:15px;font:11px var(--mono);color:#b7ccbc;border-bottom:1px solid #b7cfbf26;padding-bottom:20px}
.instrument-top b{font-weight:500;color:#d9f2c8}
.quote-price{display:flex;align-items:baseline;gap:16px;padding:26px 0 24px}.quote-price strong{font:500 clamp(38px,4vw,58px) var(--font);letter-spacing:-.04em;color:#edf5e9;font-variant-numeric:tabular-nums}.quote-price>span{font:11px var(--mono);color:#b3c6b8}
.quote-instrument dl{margin:0}.quote-instrument dl>div{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid #b7cfbf1c;transition:color .5s,background .5s;color:#a9bcaf;position:relative}
.quote-instrument dt{font-size:13px}.quote-instrument dd{margin:0;font:12px var(--mono);color:#dee9dd}
.quote-instrument dl>div:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#b5df91;transform:scaleX(0);transform-origin:left;transition:transform 2.5s linear}
.quote-instrument dl>div.is-reading{color:#d5f0be;background:#b9e79c06}.quote-instrument dl>div.is-reading:after{transform:scaleX(1)}
.quote-readout{display:flex;align-items:center;gap:10px;margin-top:25px;font:11px var(--mono);color:#b6d89e;min-height:22px}.quote-indicator{width:5px;height:5px;background:#b9e49b;border-radius:50%}.quote-readout svg{width:80px;height:18px;margin-left:auto;fill:none;stroke:#b9e49b33}.quote-trace{stroke:#b9e49b;stroke-dasharray:.15 .85;animation:quote-trace 3s linear infinite}@keyframes quote-trace{to{stroke-dashoffset:-1}}
.facilitator-feature{background:linear-gradient(110deg,#07110dfa,#091911ec),url('/assets/atmosphere.webp') center/cover;border-block:1px solid #b7cfbf15}
.settlement-instrument{max-width:480px;width:100%;margin-inline:auto}
.settlement-source{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid #b5c9b92a;border-radius:10px;background:#0e1c16;color:#e4eee2}.settlement-source .icon{color:#b8d99e}.settlement-source code{margin-left:auto;font:10px var(--mono);color:#9cb6a4}
.settlement-conduit{height:58px;width:1px;background:#acc7b72b;margin:auto;position:relative;overflow:hidden}.settlement-conduit span{position:absolute;inset:-30px 0 auto;height:30px;background:#c8e9a5;animation:conduit-send 3.8s ease-in-out infinite}@keyframes conduit-send{to{transform:translateY(100px)}}
.settlement-engine{padding:32px 24px 24px;border:1px solid #b7dd9e44;border-radius:12px;background:linear-gradient(140deg,#1a3024,#0e1c16);box-shadow:0 24px 45px #0003}.settlement-engine>img{width:145px;height:auto;display:block;margin:0 auto 28px}
.settlement-phases{display:flex;justify-content:space-between;gap:10px}.settlement-phases span{flex:1;border-top:1px solid #b8cbbb30;padding-top:14px;font:12px var(--mono);color:#a6baac;transition:color .45s,border-color .45s}.settlement-phases span.is-current{border-color:#c1e59f;color:#d8f3bd}
.settlement-networks{display:flex;justify-content:space-between;margin-top:25px;padding:20px 12px;border-top:1px solid #adc1b52b;gap:20px}.settlement-networks>span{display:flex;align-items:center;gap:13px;font-size:13px;color:#cbdccc}.settlement-networks img{object-fit:contain}.settlement-networks small{font:10px var(--mono);color:#9ab29f}
section:not(.is-inview) .quote-trace,section:not(.is-inview) .settlement-conduit span,.page-hidden .quote-trace,.page-hidden .settlement-conduit span{animation-play-state:paused}
@media(max-width:759px){.editorial-diagram{grid-template-columns:1fr;gap:38px;padding-block:62px}.diagram-copy h2{font-size:34px;max-width:18ch}.quote-instrument{padding:24px 22px;transform:none}.facilitator-feature .diagram-copy{grid-row:1}.settlement-source{padding:16px}.settlement-source code{font-size:9px}.settlement-networks{padding-inline:0}.settlement-networks>span{gap:8px}.diagram-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.scroll-word{opacity:1!important;transition:none}.quote-trace,.settlement-conduit span{animation:none}.quote-instrument dl>div:after,.settlement-phases span{transition:none}.quote-instrument{transform:none}}

h2 .scroll-word{color:inherit!important}

@media(min-width:760px){#platform>.section-heading{flex-direction:row-reverse}#platform>.section-heading>h2{text-align:right}#platform>.section-heading>p{text-align:left}}

.statement-section{padding-block:65px}
.statement-section .statement-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:35px;align-items:center}
.statement-copy h2{font-size:clamp(34px,3.8vw,56px);line-height:1.12;max-width:17ch}
.statement-section .statement-bottom{display:block;margin-top:28px}.statement-bottom p{max-width:43ch}.statement-bottom .text-link{margin-top:23px;display:inline-flex}
.exchange-scene{position:relative;min-width:0;height:480px;touch-action:pan-y}
.exchange-scene canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .6s;cursor:grab;touch-action:pan-y}
.exchange-scene.is-ready canvas{opacity:1}.exchange-scene.is-ready .exchange-fallback{opacity:0}
.exchange-fallback{position:absolute;inset:0;display:flex;flex-direction:column;gap:25px;justify-content:center;align-items:center;transition:opacity .6s}
.exchange-fallback img{width:55%;height:auto}.exchange-fallback span{color:#b4cbbd;font-size:13px}
.exchange-labels{position:absolute;inset:0;pointer-events:none;opacity:0}.is-ready .exchange-labels{opacity:1}
.exchange-labels>span{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font:11px var(--mono);color:#c3d5c9;text-shadow:0 2px 7px #06100c;letter-spacing:.01em}
@media(max-width:899px){.statement-section .statement-layout{gap:15px}.exchange-scene{height:390px}.statement-copy h2{font-size:36px}}
@media(max-width:759px){.statement-section .statement-layout{grid-template-columns:1fr;gap:12px}.statement-copy h2{font-size:35px;max-width:19ch}.exchange-scene{height:360px;margin-inline:-12px}.statement-section{padding-block:52px 24px}.exchange-labels>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.exchange-scene canvas,.exchange-fallback{transition:none}}

@media(max-width:759px){.statement-copy h2{font-size:31px}.exchange-scene{height:320px}}

/* Dedicated callout space keeps every label off the 3D surfaces. */
.exchange-labels{z-index:3}
.exchange-labels>span{font:600 12px/1.4 var(--font);letter-spacing:0;color:#e4eee4;text-shadow:none;padding:4px 8px;background:#081710ed;border-radius:4px}
.exchange-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:2}
.is-ready .exchange-leaders{opacity:1}.exchange-leaders path{fill:none;stroke:#b6ceb458;stroke-width:1}.exchange-leaders circle{fill:#b7d99a}
@media(max-width:599px){.exchange-labels>span{font-size:11px;padding:3px 6px}}

/* A larger, grounded showcase with light behind the silhouette. */
.statement-section .statement-layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.24fr);gap:28px}
.statement-copy{position:relative;z-index:2}.statement-copy h2{font-size:clamp(34px,3.5vw,52px)}
.exchange-scene{height:540px;isolation:isolate}
.exchange-scene:before{content:'';position:absolute;z-index:-1;inset:3% -6% 0;pointer-events:none;background:radial-gradient(ellipse at 54% 47%,#8ed27b38 0%,#4b9e6630 24%,#2d6c4715 46%,transparent 70%);filter:blur(18px);opacity:calc(.65 + var(--core-energy,0)*.65);transform:scale(calc(1 + var(--core-energy,0)*.08))}
.exchange-scene:after{content:'';position:absolute;z-index:-1;left:12%;right:5%;bottom:13%;height:19%;border-radius:50%;background:#0008;filter:blur(25px);transform:rotate(-10deg);pointer-events:none}
.exchange-scene canvas{cursor:default}
 .exchange-callout{position:absolute;display:flex;align-items:center;gap:9px;transform:translate(-50%,-50%);padding:10px 12px;white-space:nowrap;pointer-events:none;font:600 12px/1.4 var(--font);color:#d5e3d8;border:1px solid #bfd7c32b;background:linear-gradient(145deg,#1c3026ed,#09170fe8);border-radius:8px;box-shadow:0 8px 22px #0003;backdrop-filter:blur(12px);transition:color .6s,border-color .6s,background .6s}
.exchange-callout>.icon{width:17px;height:17px;color:#abc39f}.exchange-callout>i{display:block;width:4px;height:4px;margin-left:2px;border-radius:50%;background:#637c66;transition:background .6s}
.exchange-callout.is-selected{color:#f0ffe5;border-color:#c3e7a76b;background:linear-gradient(145deg,#28432fed,#102417e8)}
.exchange-callout.is-selected>.icon{color:#d3f7b4}.exchange-callout.is-selected>i{background:#d5fca9;box-shadow:0 0 7px #b9e68755}
.exchange-leaders path{stroke:#a4c6a34d;transition:stroke .25s}.exchange-leaders .is-selected{stroke:#ccefa8;stroke-width:1.2}
@media(min-width:1400px){.exchange-scene{height:580px}}
@media(min-width:760px) and (max-width:1050px){.statement-section .statement-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}.exchange-scene{height:450px}.statement-copy h2{font-size:35px}.exchange-callout{font-size:11px;padding-inline:8px}}
@media(max-width:759px){.statement-section .statement-layout{grid-template-columns:1fr;gap:6px}.statement-copy h2{font-size:31px}.exchange-scene{height:370px;margin-inline:-12px}.exchange-callout{font-size:11px;padding:8px;gap:6px}.exchange-callout>.icon{width:15px;height:15px}.exchange-scene:before{inset:8% 0 0}.exchange-scene:after{bottom:16%}}

@media(min-width:760px) and (max-width:1050px){.statement-copy h2{font-size:31px}}