@font-face{font-family:JetBrains;src:url('/assets/jetbrains-mono.ttf') format('truetype');font-weight:400;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#050806;color:#ecf3ed;font-family:JetBrains,'Courier New',monospace;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body::before{content:'';position:absolute;inset:0 0 auto;height:850px;z-index:-1;background:radial-gradient(ellipse at 78% 27%,#0c201225,transparent 62%)}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #a394ff;outline-offset:6px}::selection{background:#5dff8f;color:#050806}.site-shell{max-width:1440px;margin:0 auto;padding:0 64px}.header{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #203327}.brand{display:flex;gap:12px;align-items:center;font-size:19px;line-height:1.2;letter-spacing:-.8px}.brand-sub{display:block;color:#91a497;font-size:10px;letter-spacing:3.8px;margin-top:5px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#5dff8f;color:#051108;font-size:29px;font-weight:bold;line-height:1;clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%)}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{color:#bbc8bd}.header nav a:hover,.text-link:hover,footer a:hover{color:#5dff8f}.header nav span{color:#5dff8f;margin-left:10px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:66px 0 62px}.eyebrow{display:flex;align-items:center;gap:10px;color:#9fb0a4;font-size:12px;letter-spacing:1.25px;margin:0 0 24px}.status-dot{width:6px;height:6px;background:#5dff8f;box-shadow:0 0 12px #5dff8f66}h1{font-size:clamp(58px,6.15vw,88px);letter-spacing:-5.5px;line-height:1.08;font-weight:400;margin:0 0 28px}h1>span,.green{color:#5dff8f}.cursor{animation:blink 1.8s step-end infinite}@keyframes blink{0%,65%,100%{opacity:1}66%,99%{opacity:0}}.intro{font-size:16px;line-height:1.85;color:#9dac9f;max-width:450px;margin:0 0 28px}.intro::first-line{color:#e5eee8}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;min-height:50px;transition:background .15s,transform .15s}.primary{background:#5dff8f;color:#051008}.primary:hover{background:#97ffb7;transform:translateY(-2px)}.text-link{font-size:14px;line-height:44px;color:#b6c4ba}.parameters{margin-top:43px;display:flex;gap:0}.parameters>div{padding:0 24px;border-right:1px solid #26362b;display:flex;flex-direction:column;gap:6px}.parameters>div:first-child{padding-left:0}.parameters>div:last-child{border:0;padding-right:0}.parameters strong{font-size:27px;line-height:1.25;font-weight:400;color:#ddede1}.parameters span{font-size:10px;letter-spacing:.5px;color:#8ba292;white-space:nowrap}.art-terminal{border:1px solid #294333;background:#030604;position:relative;margin-bottom:24px}.terminal-top{border-bottom:1px solid #203327;display:flex;justify-content:space-between;align-items:center;padding:13px 17px;color:#92ad9a;font-size:11px;letter-spacing:1px}.terminal-top i{display:inline-block;width:5px;height:5px;background:#5dff8f;margin-right:7px}.terminal-symbol{color:#5dff8f}.art-stage{position:relative;aspect-ratio:1.08;background:#000;overflow:hidden;isolation:isolate}.art-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0px,transparent 3px,#00000016 3px,#00000016 4px)}.art-stage>img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.corner{position:absolute;width:13px;height:13px;border-color:#4d785a;border-style:solid;z-index:1}.tl{top:17px;left:17px;border-width:1px 0 0 1px}.tr{top:17px;right:17px;border-width:1px 1px 0 0}.bl{bottom:17px;left:17px;border-width:0 0 1px 1px}.br{bottom:17px;right:17px;border-width:0 1px 1px 0}.art-coordinate{position:absolute;bottom:18px;left:37px;font-size:10px;letter-spacing:1px;color:#a2b6a7;z-index:1}.art-controls{border-top:1px solid #203327;display:flex;justify-content:space-between;align-items:center;padding:17px;gap:12px}.art-caption>span{display:block;font-size:11px;letter-spacing:.8px;line-height:1.5;color:#bbc9be}.art-caption>a{display:inline-block;color:#8f9b92;font-size:12px;margin-top:7px;text-underline-offset:4px}.art-caption>a:hover{text-decoration:underline;color:#5dff8f}.art-picker{display:flex;gap:8px}.art-picker button{background:#000;border:1px solid #293a2e;width:52px;height:52px;padding:0;cursor:pointer;transition:border-color .15s}.art-picker img{width:100%;height:100%;image-rendering:pixelated}.art-picker button:hover{border-color:#9cad9f}.art-picker button[aria-pressed=true]{border-color:#5dff8f;box-shadow:0 0 0 2px #5dff8f19}.art-note{position:absolute;left:0;top:100%;margin:11px 0 0;font-size:10px;color:#8a9b90;white-space:nowrap}.strategy{padding-bottom:38px}.section-header{border-top:1px solid #294333;display:flex;align-items:center;justify-content:space-between;padding:23px 0}.section-header h2{font-size:13px;font-weight:400;letter-spacing:1.2px;margin:0}.section-header h2 span{margin-right:16px}.section-sub{font-size:11px;letter-spacing:1px;color:#8b9e91}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;border:1px solid #294333}.steps li{padding:25px 23px 27px;border-right:1px solid #294333}.steps li:last-child{border:0;background:#0d1a10}.step-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.8px;color:#87a58f;margin-bottom:28px}.step-top>span:last-child{font-size:19px;color:#5dff8f}.steps h3{font-size:18px;letter-spacing:-.5px;font-weight:400;margin:0 0 12px}.steps p{font-size:14px;line-height:1.85;color:#9eada3;margin:0}.steps li:last-child h3{color:#5dff8f}.cycle-end{display:flex;align-items:center;gap:18px;color:#94a69b;padding:20px 0 0}.cycle-icon{color:#5dff8f;font-size:24px}.cycle-end p{margin:0;font-size:12px}.cycle-end strong{color:#c2d6c8;font-weight:400}.cycle-return{margin-left:auto;font-size:22px;color:#5dff8f}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0 35px;border-top:1px solid #203327}footer>div{display:flex;align-items:center;gap:20px}.footer-brand{font-size:11px;letter-spacing:.5px}.footer-domain{color:#81958a;font-size:11px}footer nav{display:flex;gap:23px;font-size:12px;color:#a8b9ad}.skip{position:fixed;top:-80px;left:20px;padding:10px;background:#5dff8f;color:#000;z-index:20}.skip:focus{top:10px}@media(min-width:1440px){.hero{gap:100px}.art-terminal{max-width:490px}}@media(max-width:1100px){.site-shell{padding:0 36px}.hero{gap:38px}.parameters>div{padding:0 16px}.parameters span{font-size:9px}.hero-actions{gap:14px}.button{font-size:12px;gap:15px}.text-link{font-size:12px}.steps li{padding:20px 17px}.steps h3{font-size:16px}.footer-domain{display:none}h1{letter-spacing:-4px}}@media(max-width:800px){.site-shell{padding:0 24px}.header{height:88px}.header nav{gap:22px;font-size:12px}.hero{grid-template-columns:1fr;gap:48px;padding:46px 0}.hero-copy{max-width:600px}h1{font-size:clamp(60px,11vw,84px);letter-spacing:-4px}.intro{max-width:520px}.art-terminal{width:100%;max-width:520px;justify-self:center}.parameters{margin-top:30px;gap:0}.parameters>div{padding:0 24px}.parameters span{font-size:10px}.steps{grid-template-columns:repeat(2,1fr)}.steps li:nth-child(2){border-right:0}.steps li:nth-child(-n+2){border-bottom:1px solid #294333}.steps li{padding:24px}.steps h3{font-size:18px}.step-top{margin-bottom:20px}.cycle-end{align-items:flex-start}.cycle-return{display:none}footer{align-items:flex-start}.footer-brand{font-size:10px}footer nav{gap:14px;font-size:11px}.section-sub{font-size:10px}.button,.text-link{font-size:14px}.button{gap:24px}}@media(max-width:480px){.site-shell{padding:0 20px}.brand{font-size:16px;gap:8px}.brand-mark{width:30px;height:32px;font-size:25px}.brand-sub{font-size:8px;letter-spacing:3px}.header nav{gap:16px}.header nav a:first-child{display:none}.header nav span{margin-left:3px}.eyebrow{font-size:10px;letter-spacing:.6px}h1{font-size:62px}.intro{font-size:15px}.hero-actions{gap:12px 20px}.parameters>div{padding:0 15px}.parameters span{font-size:8px;letter-spacing:0}.parameters strong{font-size:25px}.art-controls{padding:13px}.art-picker{gap:5px}.art-picker button{width:46px;height:46px}.art-note{font-size:8px}.art-caption>span{font-size:10px}.section-header{align-items:flex-start;gap:16px}.section-header h2{font-size:11px;white-space:nowrap}.section-header h2 span{margin-right:8px}.section-sub{font-size:9px;max-width:95px;text-align:right}.steps{grid-template-columns:1fr}.steps li{border-right:0;border-bottom:1px solid #294333;padding:24px}.steps h3{font-size:20px}.steps p{font-size:15px}.step-top{margin-bottom:14px}.cycle-end p{font-size:12px}footer{flex-direction:column;gap:18px}footer nav{width:100%;justify-content:space-between;font-size:12px}.footer-brand{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{animation:none}*{transition:none!important}}/* Keep small terminal labels readable at every breakpoint. */
.eyebrow,.terminal-top,.art-caption>span,.section-header h2,.section-sub,.step-top,.footer-brand,.footer-domain,.art-note,.art-coordinate{font-size:12px}.parameters span{font-size:12px;white-space:normal;max-width:145px;line-height:1.5}.header nav,footer nav,.art-caption>a{font-size:14px}.art-note{position:static;padding:12px 17px;margin:0;border-top:1px solid #203327;white-space:normal;line-height:1.7}.art-terminal{margin-bottom:0}.section-sub{letter-spacing:0}.steps p{font-size:16px}.cycle-end p{font-size:14px}.parameters>div{flex:1}.art-caption>span{letter-spacing:0}.terminal-top{letter-spacing:.5px}.art-coordinate{background:#0009;padding:0 4px}@media(max-width:1100px){.parameters>div{padding:0 14px}.art-controls{flex-wrap:wrap}.eyebrow{letter-spacing:.5px}}@media(max-width:480px){.eyebrow{font-size:12px;letter-spacing:0;gap:7px}h1{font-size:clamp(49px,14.5vw,62px);letter-spacing:-3px}.parameters>div{padding:0 10px}.parameters span{font-size:12px}.parameters strong{font-size:25px}.section-sub{max-width:105px;font-size:12px}.section-header h2{font-size:12px;white-space:normal}.art-controls{gap:16px}.art-picker button{width:48px;height:48px}.art-caption>span{font-size:12px}footer nav{flex-wrap:wrap;justify-content:flex-start;gap:18px}.hero-actions{gap:8px 20px}.intro{font-size:16px}}

/* zkSNARKs.net-inspired refinement: restrained texture and terminal framing. */
body{background:#030504;color:#e3eee6}
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0 -24px;pointer-events:none;z-index:-1;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.terminal-prompt{color:#5dff8f;font-size:16px;letter-spacing:-1px}
.eyebrow{color:#a9b9ae}
.hero-copy h1{color:#dcebe1;text-shadow:0 1px 0 #ffffff0a}
.header{border-bottom-color:#24382b}
.art-terminal{border-color:#36523e;box-shadow:6px 6px 0 #0b150e}
.terminal-top{color:#a5b7aa;background:#09100b;letter-spacing:1px}
.terminal-symbol{color:#90ae99}
.art-controls{background:#050906}
.collection-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:12px 17px;border-top:1px solid #294333;color:#bceaca;font-size:14px;background:#0b180f;transition:background .15s,color .15s}
.collection-link:hover{background:#122b1a;color:#5dff8f}
.art-note{color:#91a398;background:#050906}
.steps{border-color:#304737}
.steps li{border-color:#304737}
.steps li:last-child{background:#0a170e}
.section-header{border-top-color:#36523e}
.section-header h2{color:#d1e0d5}
footer{flex-wrap:wrap;row-gap:20px}
footer>div,footer nav{flex-wrap:wrap}
footer nav{gap:16px 24px}
@media(max-width:1100px){.terminal-top{letter-spacing:.4px}.hero-actions{gap:10px 18px}}
@media(max-width:800px){.hero::before{inset:0 -16px}.art-terminal{box-shadow:4px 4px 0 #0b150e}}
@media(prefers-reduced-motion:reduce){.collection-link{transition:none}}