*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#07110c;--panel:#0c1a12;--green:#8cffb0;--green2:#42dc76;--text:#edf7ef;--muted:#94aa9a;--line:#284632;--red:#ff7777}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:"Space Grotesk",sans-serif;line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 4px;opacity:.22}
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:19;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:50}.progress span{display:block;height:100%;width:0;background:var(--green)}
a{color:inherit;text-decoration:none}
.hero{min-height:100vh;padding:28px 6vw 38px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}
nav{display:flex;justify-content:space-between;align-items:center;font-family:"DM Mono",monospace;font-size:12px}
.brand{font-size:18px;letter-spacing:.08em}.brand span{color:var(--green)}.project-code{color:var(--muted)}
.hero-content{width:min(1250px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.kicker,.label{font:500 11px "DM Mono",monospace;letter-spacing:.16em;color:var(--green);margin-bottom:20px}
h1{font-size:clamp(50px,7vw,102px);line-height:.92;letter-spacing:-.055em;font-weight:600}
h1 span,h2 em{color:var(--green);font-style:normal}
.lead{color:var(--muted);font-size:18px;max-width:600px;margin:30px 0}
.hero-actions{display:flex;gap:22px;align-items:center}.button{border:1px solid var(--green2);padding:13px 18px;font:500 11px "DM Mono",monospace;color:var(--green);transition:.2s}.button:hover{background:var(--green);color:var(--bg)}.text-link{font:11px "DM Mono",monospace;color:var(--muted)}
.hero-card{border:1px solid var(--line);background:#06100a;padding:10px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.hero-card img{display:block;width:100%;aspect-ratio:1280/507;object-fit:cover}.photo-caption{display:flex;justify-content:space-between;padding:12px 4px 3px;font:10px "DM Mono",monospace;color:var(--muted)}.photo-caption span:last-child{color:var(--green)}
.hero-stats{width:min(1250px,100%);margin:45px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.hero-stats div{padding:18px 12px;border-right:1px solid var(--line)}.hero-stats div:last-child{border-right:0}.hero-stats strong{display:block;font:500 28px "DM Mono",monospace;color:var(--green)}.hero-stats span{font:10px "DM Mono",monospace;color:var(--muted)}
.section{padding:125px 7vw;border-bottom:1px solid var(--line)}.dark{background:var(--panel)}
.split{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.split h2,h2{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.045em;font-weight:500}.copy{color:var(--muted);font-size:16px}.copy p{margin-bottom:20px}.flow{display:flex;gap:20px;align-items:center;color:var(--green);font:500 30px "DM Mono",monospace;margin:30px 0}.flow b{color:var(--muted)}.mono{font:11px "DM Mono",monospace;color:var(--green)}
.build-layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.image-frame{border:1px solid var(--line);padding:12px;background:#06100a}.image-frame img{width:100%;display:block}.image-frame p{font:10px "DM Mono",monospace;color:var(--muted);padding:12px 3px 0}.feature-list{margin-top:30px}.feature-list>div{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding:17px 0;border-top:1px solid var(--line)}.feature-list span{font:11px "DM Mono",monospace;color:var(--green)}.feature-list strong{font-size:14px}.feature-list small{grid-column:2;color:var(--muted);font-size:12px}
.wide-title{max-width:850px;margin:0 auto 55px}.steps{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}.steps article{background:var(--bg);padding:25px;min-height:250px}.steps b{font:12px "DM Mono",monospace;color:var(--green)}.steps h3{font-size:18px;margin:55px 0 10px}.steps p{color:var(--muted);font-size:13px}
.electronics{align-items:center}.diagram{text-align:center}.node{display:inline-block;border:1px solid var(--green2);padding:18px 35px;color:var(--green);font:500 14px "DM Mono",monospace}.node.laptop{background:var(--green);color:var(--bg)}.line{height:55px;width:1px;background:var(--green2);margin:auto}.branches{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.branches span{border:1px solid var(--line);padding:11px;font:9px "DM Mono",monospace;color:var(--muted)}
.journal-intro{max-width:800px;margin:0 auto 45px;text-align:center}.journal-intro p{color:var(--muted);margin-top:18px}.video-card{max-width:1000px;margin:auto;border:1px solid var(--line);background:#050b07;padding:10px}.video-card video{width:100%;display:block;max-height:650px;object-fit:contain;background:#000}.video-caption{display:flex;justify-content:space-between;align-items:center;padding:15px 5px 5px}.video-caption div span{display:block;color:var(--green);font:10px "DM Mono",monospace}.video-caption strong{font-size:15px}.mono{font-family:"DM Mono",monospace}.timeline{max-width:850px;margin:70px auto 0;border-left:1px solid var(--line)}.timeline>div{display:grid;grid-template-columns:70px 1fr;padding:20px 0 20px 30px;border-bottom:1px solid var(--line)}.timeline span{font:12px "DM Mono",monospace;color:var(--green)}.timeline strong{font-size:17px}.timeline p{color:var(--muted);font-size:13px;margin-top:4px}
.problem{padding:20px 0;border-top:1px solid var(--line)}.problem span{display:block;font:10px "DM Mono",monospace;color:var(--red)}.problem strong{display:block;margin:8px 0}.problem p{font-size:13px;margin:0}
.transaction-head{max-width:750px;margin:0 auto 45px;text-align:center}.transaction-head p{color:var(--muted);margin-top:15px}.atm{max-width:440px;margin:auto;border:1px solid var(--line);padding:14px;background:#050b07}.atm-top{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line);font:11px "DM Mono",monospace;color:var(--green)}.atm-top span:last-child{color:var(--muted)}.screen{border:1px solid var(--green2);margin:20px;padding:35px 10px;text-align:center;color:var(--green);font-family:"DM Mono",monospace}.screen p{font-size:15px}.screen strong{display:block;font-size:58px;line-height:1.2;margin:8px 0}.screen small{color:var(--muted);font-size:8px}.atm button{display:block;margin:auto;border:0;background:var(--green);color:var(--bg);padding:14px 24px;font:600 11px "DM Mono",monospace;cursor:pointer}.atm button:disabled{opacity:.45}.atm-status{text-align:center;padding:16px 0 6px;font:9px "DM Mono",monospace;color:var(--muted)}
.receipt{display:none;max-width:440px;margin:22px auto 0;border:1px dashed var(--line);padding:25px;font:11px "DM Mono",monospace;color:var(--muted)}.receipt-title{color:var(--green);font-size:16px}.receipt hr{border:0;border-top:1px dashed var(--line);margin:12px 0}.receipt strong{color:var(--green)}
.conclusion{text-align:center;background:var(--green);color:var(--bg)}.conclusion .label{color:var(--bg)}.conclusion-box{max-width:950px;margin:auto}.big-quote{font-size:clamp(32px,5vw,65px);line-height:1.05;letter-spacing:-.04em}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(7,17,12,.25);margin:55px 0}.result-grid div{padding:25px;background:var(--green)}.result-grid span{display:block;font:10px "DM Mono",monospace}.result-grid strong{display:block;font:500 38px "DM Mono",monospace;margin-top:5px}.conclusion h2{font-size:clamp(40px,6vw,80px);color:var(--bg)}.conclusion h2 em{color:var(--bg);text-decoration:underline}
footer{padding:30px 7vw;display:flex;justify-content:space-between;align-items:center;font:10px "DM Mono",monospace;color:var(--muted)}footer div{display:flex;gap:25px;align-items:center}footer strong{color:var(--green);font-size:15px}footer a{color:var(--green)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.hero{padding:22px 5vw 50px}.hero-content,.split,.build-layout{grid-template-columns:1fr}.hero-content{gap:45px}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(n+3){border-top:1px solid var(--line)}.section{padding:90px 5vw}.steps{grid-template-columns:1fr}.steps article{min-height:170px}.steps h3{margin-top:30px}.branches{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:18px;align-items:flex-start}footer div{flex-direction:column;align-items:flex-start;gap:6px}}