:root{--tech:#131a18;--electric:#c9ffad;--intro-ms:1450ms}body{background:#fff5e9}.hero{background:#f46b51}.hero-copy{z-index:3}.tech-kicker{display:flex;align-items:center;gap:9px;font-family:monospace;letter-spacing:1px}.status-light{display:inline-block;width:7px;height:7px;background:var(--ink);border-radius:50%;box-shadow:0 0 0 4px #24282215}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#2428220a 1px,transparent 1px),linear-gradient(90deg,#2428220a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,#000)}.hero-scene{height:540px;transform-style:preserve-3d}.scene-circle{background:radial-gradient(circle at 30% 30%,#ef9c72 0,#df5d45 65%);border:1px solid #24282225;box-shadow:inset 0 0 65px #24282212}.orbit-system{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}.orbit-ring{position:absolute;width:108%;aspect-ratio:1;border:1px solid #24282240;border-radius:50%;transform:rotateX(55deg) rotateZ(-24deg)}.orbit-two{width:92%;transform:rotateY(63deg) rotateZ(32deg);border-style:dashed}.orbit-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 4px #fff5e925;left:10%;top:22%}.scene-visible .orbit-system{animation:orbital-drift var(--orbitMs) linear infinite}.scene-coordinate{position:absolute;bottom:35px;right:0;font:9px/1.7 monospace;letter-spacing:1px;color:#242822a0}.scene-caption{bottom:6px}.scan-line{position:absolute;left:0;right:0;height:50px;top:0;pointer-events:none;background:linear-gradient(transparent,#f46b5118);border-bottom:1px solid #f46b5160;opacity:0}.scene-visible .scan-line{animation:receipt-scan var(--scanMs) ease-in-out infinite}.hero-scene .paper{rotate:var(--look-x,0deg) y;box-shadow:20px 25px 0 #24282212}.intro-playing .hero-scene{animation:engine-open var(--sceneMs) cubic-bezier(.2,.8,.2,1) var(--sceneDelay) both}.intro-playing .hero h1{animation:headline-resolve var(--headlineMs) cubic-bezier(.2,.8,.2,1) var(--headlineDelay) both}.intro-playing .hero-bird{animation:bird-arrival var(--sceneMs) cubic-bezier(.2,.8,.2,1) var(--sceneDelay) both}.intro-playing .orbit-system{animation:orbit-arrival var(--sceneMs) ease-out var(--sceneDelay) both}.intro-playing .paper{animation:paper-unseal var(--sceneMs) cubic-bezier(.2,.8,.2,1) var(--sceneDelay) both}.intro-playing header .brand{animation:intro-mark var(--markMs) cubic-bezier(.2,.8,.2,1) both}.how{background:var(--tech);color:var(--paper)}.how .steps p{color:#b9c9bf}.how .steps article{border-color:#fff5e930}.how .step-num{font-family:monospace;color:var(--electric);font-size:23px}.how.section.motion-scene::after{background:radial-gradient(circle,var(--electric) 2px,transparent 2.5px) center/12px 26px}.steps article{transition:border-color .3s,transform .3s}.steps article:hover{border-color:var(--electric);transform:translateY(-4px)}.pipeline-demo{margin-top:65px;border:1px solid #fff5e925;background:#ffffff03;border-radius:12px;overflow:hidden}.pipeline-top,.pipeline-bottom{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:10px/1.5 monospace;letter-spacing:1px}.pipeline-top{border-bottom:1px solid #fff5e91a}.demo-tag{border:1px solid #fff5e935;padding:4px 7px;font-size:9px}.pipeline-path{padding:38px 24px;display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center}.pipeline-node{background:transparent;border:1px solid #fff5e925;border-radius:8px;min-height:140px;padding:20px 14px;text-align:left;color:var(--paper);cursor:pointer;transition:border-color .25s,background .25s,transform .25s}.pipeline-node>span{display:block;font:9px monospace;color:#a5b6ac;letter-spacing:1px}.pipeline-node strong{display:block;font-size:17px;margin:18px 0 9px;letter-spacing:-.5px}.pipeline-node small{font-size:10px;line-height:1.5;color:#a5b6ac;display:block}.pipeline-node.active{border-color:var(--electric);background:#c9ffad09;box-shadow:0 0 24px #c9ffad05}.pipeline-node.active>span{color:var(--electric)}.pipeline-node:hover{transform:translateY(-3px);background:#ffffff06}.packet-track{height:1px;background:#fff5e925;position:relative;overflow:hidden}.packet-track i{position:absolute;height:3px;width:8px;top:-1px;background:var(--electric);transform:translateX(-10px)}.scene-visible .packet-track i{animation:packet-travel 2.4s linear infinite}.packet-track:nth-of-type(2) i{animation-delay:.6s}.packet-track:nth-of-type(3) i{animation-delay:1.2s}.pipeline-console{margin:0 24px;border:1px solid #fff5e920;border-radius:8px;background:#0a100e}.console-chrome{padding:12px 16px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #fff5e912}.console-chrome i{width:5px;height:5px;background:#697c70;border-radius:50%}.console-chrome span{margin-left:auto;color:#82978a;font:9px monospace;letter-spacing:1px}.console-body{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding:28px;min-height:200px}.console-label{font:10px monospace;color:var(--electric);letter-spacing:1px}.console-body h3{font-size:23px;letter-spacing:-.7px;margin:15px 0}.console-body p{color:#b9c9bf;font-size:13px;max-width:480px;margin-bottom:0}.console-code{align-self:center;border-left:1px solid #fff5e920;padding:10px 22px;font:12px/2 monospace;color:var(--electric);white-space:pre-line;overflow-wrap:anywhere}.console-code span{color:#859b8d}.pipeline-bottom{color:#91a697;letter-spacing:0}.pipeline-replay{background:var(--electric);border:0;border-radius:4px;color:var(--tech);padding:12px 16px;font:11px Arial,sans-serif;font-weight:bold;cursor:pointer;white-space:nowrap}.pipeline-replay:active{transform:scale(.98)}.console-updated{animation:console-refresh .35s ease-out}.checker{background:var(--tech);border-top:1px solid #c9ffad30}.checker input{background:#202c26;color:var(--paper);border-color:#78908066;font-family:monospace}.checker input::placeholder{color:#92a49a}.checker .button{border-radius:6px}.trade{background:#ffffff03;border-color:#a4c1ac30;border-radius:9px}.trade h4{border-bottom:1px solid #fff5e91a;padding-bottom:18px}.receipt-limits{border:1px solid #c9ffad20;background:#c9ffad04;padding:16px;border-radius:6px}.lab{background:#e9edde}.lab-header{display:flex;justify-content:space-between;gap:30px;align-items:end}.lab-header>p{max-width:360px}.lab-card{margin-top:35px;background:var(--tech);color:var(--paper);padding:28px;border-radius:12px}.lab-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lab-form label{font:11px monospace;letter-spacing:1px}.lab-form input{width:100%;margin-top:12px;background:#202c26;color:var(--paper);border-color:#fff5e930;font-size:12px;font-family:monospace}.lab-actions{display:flex;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}.lab-actions .secondary{color:var(--paper)}.lab-status{font-size:12px!important;color:#c5d6cb}.lab table{border-collapse:collapse;width:100%;font:12px/1.6 monospace}.lab th,.lab td{padding:16px 10px;text-align:left;border-bottom:1px solid #fff5e920;vertical-align:top;overflow-wrap:anywhere}.lab th{color:var(--electric);font-weight:normal}.lab table .delta{color:#ffc4b6}.lab-result{overflow-x:auto}.lab-result h3{font-size:22px}.lab-result small{display:block;color:#a6bbae;line-height:1.6;margin-top:12px}.lab-links{display:flex;gap:20px;margin-top:20px;font-size:12px}.lab-links a{color:var(--electric)}.lab-note{font-size:11px!important;color:#536353}.example-slip{border-radius:6px}.article-page h1{font-weight:800}.gallery .how{margin:25px 0}.gallery-header{background:var(--paper)}footer{background:var(--tech);color:var(--paper)}footer .brand img{filter:invert(95%) sepia(8%)}footer.scene-visible::before{background:var(--electric)}
@keyframes engine-open{from{opacity:0;transform:perspective(1000px) rotateY(-16deg) translate3d(40px,25px,-100px)}to{opacity:1;transform:perspective(1000px) rotateY(0) translate3d(0,0,0)}}@keyframes headline-resolve{from{opacity:0;filter:blur(5px);transform:translateY(20px);clip-path:inset(0 0 30% 0)}to{opacity:1;filter:blur(0);transform:translateY(0);clip-path:inset(0)}}@keyframes bird-arrival{from{opacity:0;transform:translate(-60px,35px) rotate(-30deg) scale(.8)}to{opacity:1;transform:translate(0,0) rotate(-12deg) scale(1)}}@keyframes paper-unseal{from{opacity:0;transform:perspective(900px) rotateX(35deg) rotateZ(10deg) scale(.88)}to{opacity:1;transform:perspective(900px) rotateX(0) rotateZ(7deg) scale(1)}}@keyframes orbit-arrival{from{opacity:0;transform:scale(.7) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes orbital-drift{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(8deg)}}@keyframes receipt-scan{0%,10%{transform:translateY(0);opacity:0}20%{opacity:1}75%{transform:translateY(340px);opacity:1}85%,100%{transform:translateY(340px);opacity:0}}@keyframes packet-travel{to{transform:translateX(38px)}}@keyframes console-refresh{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.pipeline-path{gap:0;grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr;padding:24px 16px}.pipeline-node{padding:14px 10px}.pipeline-node strong{font-size:14px}.scene-coordinate{font-size:8px}}@media(max-width:700px){.hero-scene{height:460px}.pipeline-path{grid-template-columns:1fr 1fr;gap:12px}.packet-track{display:none}.pipeline-node{min-height:120px}.console-body,.lab-form{grid-template-columns:1fr}.console-code{border-left:0;border-top:1px solid #fff5e920;padding:16px 0 0}.pipeline-top,.pipeline-bottom,.lab-header{align-items:flex-start;flex-direction:column}.lab th,.lab td{padding:12px 8px;font-size:10px}.lab-card{padding:20px}.scene-coordinate{bottom:35px}.orbit-ring{width:96%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;filter:none!important}.scan-line{display:none}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.community-actions{margin-top:22px}.community-buttons{display:flex;gap:10px;flex-wrap:wrap}.community-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 14px;border:1px solid #24282270;border-radius:5px;font:600 11px Arial,sans-serif;color:var(--ink);text-decoration:none;background:#fff5e915;cursor:pointer;transition:background .16s,transform .16s}.community-button:hover{background:#fff5e945;transform:translateY(-2px)}.community-button:active{transform:translateY(1px)}.community-button:focus-visible{outline:3px solid var(--ink)}.ca-status{font:11px/1.5 Arial,sans-serif;margin-top:10px;max-width:360px;min-height:17px}.ca-status input{display:block;width:100%;margin-top:7px;font-size:11px;padding:8px}.intro-playing .community-actions{animation:intro-text var(--ctaMs) ease-out var(--ctaDelay) both}@media(prefers-reduced-motion:reduce){.community-button{transition:none}}
.official-ca{display:block;font:11px/1.7 monospace;overflow-wrap:anywhere;margin-top:8px}.ca-button{background:#fff5e938}
