:root{--green:#59ff83;--green2:#00c853;--ink:#020805;--panel:#09170f;--gold:#efc456;--white:#f4fff6;--muted:#a9b9ae;--line:rgba(89,255,131,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.loader{position:fixed;inset:0;z-index:1000;background:#020805;display:grid;place-content:center;text-align:center;gap:12px;transition:opacity .7s,visibility .7s}.loader.done{opacity:0;visibility:hidden}.loader strong{font-size:clamp(2rem,7vw,5rem);letter-spacing:.08em}.loader span{color:var(--green);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.flask{width:62px;height:74px;border:3px solid var(--green);border-radius:8px 8px 28px 28px;margin:0 auto 12px;position:relative;box-shadow:0 0 28px rgba(89,255,131,.5);overflow:hidden}.flask:before{content:"";position:absolute;left:15px;top:-18px;width:26px;height:22px;border:3px solid var(--green);background:#020805}.flask:after{content:"";position:absolute;inset:29px 4px 4px;background:linear-gradient(#41ff78,#00883b);border-radius:50% 50% 24px 24px;animation:liquid 1.5s ease-in-out infinite}.flask i{position:absolute;background:#d9ffe5;border-radius:50%;z-index:2;animation:bubble 1.8s infinite;bottom:10px}.flask i:nth-child(1){width:6px;height:6px;left:16px}.flask i:nth-child(2){width:9px;height:9px;left:36px;animation-delay:.5s}.flask i:nth-child(3){width:5px;height:5px;left:29px;animation-delay:1s}@keyframes bubble{to{transform:translateY(-34px);opacity:0}}@keyframes liquid{50%{transform:skewY(4deg)}}
.site-header{height:74px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:34px;padding:0 clamp(20px,5vw,76px);background:linear-gradient(#020805e8,#02080599);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-size:1.15rem;font-weight:900;letter-spacing:-.03em;margin-right:auto}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--green);color:#031008;border-radius:8px;margin-right:7px}.site-header nav{display:flex;gap:28px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.site-header nav a,.header-cta{transition:color .2s}.site-header nav a:hover{color:var(--green)}.header-cta{border:1px solid var(--green);padding:10px 16px;border-radius:4px;color:var(--green);text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.1em}.menu-toggle{display:none;background:none;color:var(--white);border:1px solid var(--line);padding:8px 11px;border-radius:4px}
.hero{min-height:780px;height:100svh;position:relative;display:flex;align-items:flex-end;padding:130px clamp(22px,7vw,110px) 9vh;isolation:isolate}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020805f5 0%,#020805c9 28%,#02080538 65%,#02080580 100%),linear-gradient(0deg,#020805 0%,transparent 40%);z-index:-2}.particles{position:absolute;inset:0;z-index:-1;opacity:.35;background-image:radial-gradient(circle,var(--green) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 65%);animation:drift 18s linear infinite}@keyframes drift{to{background-position:84px -42px}}.hero-content{max-width:710px}.eyebrow{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin:0 0 18px}.hero h1{font-size:clamp(4.2rem,10vw,9.5rem);line-height:.78;letter-spacing:-.085em;margin:0;text-shadow:0 0 35px #000}.hero h1 span{color:var(--green)}.hero h2{font-size:clamp(1.3rem,3vw,2.5rem);margin:28px 0 12px;letter-spacing:-.035em}.hero-content>p:not(.eyebrow){max-width:610px;color:#d8e5db;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;border:1px solid rgba(255,255,255,.35);border-radius:4px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;transition:.25s}.button:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}.button.primary{background:var(--green);border-color:var(--green);color:#041008;box-shadow:0 0 25px rgba(89,255,131,.25)}.button.primary:hover{background:#88ffa4;transform:translateY(-2px)}
.section{padding:clamp(80px,10vw,150px) clamp(22px,7vw,110px);position:relative}.section h2,.final-cta h2{font-size:clamp(2.8rem,6vw,6.2rem);letter-spacing:-.065em;line-height:.95;margin:0}.section-copy{max-width:730px}.section-copy>p:last-child,.token-copy>p{font-size:1.08rem;line-height:1.75;color:var(--muted)}.intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:9vw;background:radial-gradient(circle at 75% 50%,#0d321d,transparent 34%)}.pipeline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.pipeline span{border:1px solid var(--line);background:#07150e;padding:15px 18px;text-transform:uppercase;font-weight:900;font-size:.78rem;letter-spacing:.14em}.pipeline span.active{color:#031008;background:var(--green)}.pipeline b{color:var(--green);transform:rotate(-90deg)}.process{background:#061009}.section-heading{margin-bottom:55px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lab-card{min-height:285px;padding:30px;background:linear-gradient(145deg,rgba(19,51,31,.88),rgba(5,16,9,.8));border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden;transition:.3s}.lab-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--green);filter:blur(80px);opacity:.12;right:-30px;bottom:-30px}.lab-card:hover{transform:translateY(-7px);border-color:var(--green)}.lab-card>b{color:var(--green);font-size:.72rem;letter-spacing:.16em}.lab-card h3{text-transform:uppercase;font-size:1.5rem;margin:75px 0 14px}.lab-card p{color:var(--muted);line-height:1.65}.token{display:grid;grid-template-columns:minmax(320px,600px) minmax(0,1fr);gap:8vw;align-items:center;overflow:hidden}.specimen{aspect-ratio:1;position:relative;border:1px solid var(--line);border-radius:50%;padding:8%;background:radial-gradient(circle,#0b3d21,#020805 68%);box-shadow:inset 0 0 60px rgba(89,255,131,.12),0 0 80px rgba(0,0,0,.7)}.specimen img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:2}.specimen-ring{position:absolute;inset:5%;border:1px dashed var(--green);border-radius:50%;animation:spin 24s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ticker{font-size:clamp(4.5rem,10vw,10rem);font-weight:950;color:var(--green);letter-spacing:-.09em;line-height:.85;margin:28px 0}.token-copy dl{border-top:1px solid var(--line);margin:35px 0}.token-copy dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0}.token-copy dt{color:var(--muted)}.token-copy dd{margin:0;font-weight:800}.contract{display:flex;align-items:center;gap:12px;background:#0b1a10;border:1px solid var(--line);padding:14px;border-radius:8px;max-width:100%}.contract span{min-width:0;flex:1}.contract small{display:block;color:var(--muted);margin-bottom:6px}.contract code{display:block;color:var(--green);white-space:normal;overflow-wrap:anywhere;font-size:.9rem}.contract button{flex:0 0 auto;background:var(--green);color:#031008;border:0;border-radius:4px;font-weight:900;text-transform:uppercase;padding:12px 16px;cursor:pointer}
.terminal-section{background:linear-gradient(#061009,#020805)}.terminal{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#030b06;box-shadow:0 35px 80px #000}.terminal-top{display:flex;justify-content:space-between;padding:15px 20px;background:#0b1b11;border-bottom:1px solid var(--line);font:700 .7rem ui-monospace,monospace;letter-spacing:.15em}.online{color:var(--green)}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:7px}.terminal-body{min-height:380px;padding:30px;display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:35px;align-items:end;background-image:linear-gradient(rgba(89,255,131,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(89,255,131,.045) 1px,transparent 1px);background-size:28px 28px}.readings{align-self:stretch;display:grid;gap:8px}.readings span{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--line);text-transform:uppercase;font:700 .7rem ui-monospace,monospace}.readings b{color:var(--green)}.chart{height:230px;display:flex;align-items:end;gap:5%;padding:0 5%;border-bottom:1px solid var(--green)}.chart i{width:8%;background:linear-gradient(var(--green),#075322);box-shadow:0 0 16px rgba(89,255,131,.2);animation:reading 3s ease-in-out infinite alternate}.chart i:nth-child(1){height:30%}.chart i:nth-child(2){height:48%;animation-delay:.2s}.chart i:nth-child(3){height:40%;animation-delay:.6s}.chart i:nth-child(4){height:72%;animation-delay:.3s}.chart i:nth-child(5){height:58%;animation-delay:.8s}.chart i:nth-child(6){height:84%;animation-delay:.5s}.chart i:nth-child(7){height:75%;animation-delay:1s}.chart i:nth-child(8){height:100%;animation-delay:.4s}@keyframes reading{to{transform:scaleY(.72);filter:brightness(1.4)}}.scan>div{height:160px;border-radius:50%;border:1px solid var(--green);background:repeating-radial-gradient(circle,transparent 0 18px,rgba(89,255,131,.18) 19px 20px);box-shadow:inset 0 0 30px rgba(89,255,131,.15)}.scan p{font:700 .68rem/1.9 ui-monospace,monospace;text-transform:uppercase;color:var(--green)}
.access{background:radial-gradient(circle at 50% 100%,#0a3c1c,transparent 42%)}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.link-grid a{min-height:150px;border:1px solid var(--line);background:rgba(8,25,14,.8);padding:25px;display:grid;grid-template-columns:1fr auto;align-content:center;transition:.25s;border-radius:10px}.link-grid a:hover{background:var(--green);color:#031008;transform:translateY(-3px)}.link-grid small{grid-column:1/-1;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:10px}.link-grid strong{font-size:clamp(1.5rem,3vw,2.5rem)}.link-grid span{font-size:2rem}.final-cta{text-align:center;padding:clamp(100px,15vw,200px) 22px;background:linear-gradient(rgba(2,8,5,.82),rgba(2,8,5,.92)),url(../images/payofflab-banner-1500x500.png) center/cover no-repeat}.final-cta p:not(.eyebrow){color:var(--muted);font-size:1.1rem;margin:22px auto 30px}footer{padding:40px clamp(22px,7vw,110px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;color:var(--muted);font-size:.78rem}footer div{display:grid;gap:6px}footer strong{color:var(--white);font-size:1rem}footer p{text-transform:uppercase;letter-spacing:.12em}footer nav{justify-self:end;display:flex;flex-wrap:wrap;gap:18px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:66px;padding:0 18px}.header-cta{display:none}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:66px;left:0;right:0;padding:20px;background:#031008;border-bottom:1px solid var(--line);flex-direction:column}.site-header nav.open{display:flex}.hero{height:auto;min-height:0;padding:clamp(280px,42vw,410px) 22px 85px;align-items:start}.hero-image{top:66px;bottom:auto;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;object-position:center top;background:#031008}.hero-shade{background:linear-gradient(0deg,#020805 0%,#020805 54%,#0208054d 78%,transparent 100%)}.hero-content{padding-top:0}.intro,.token{grid-template-columns:1fr}.pipeline{margin-top:30px}.card-grid{grid-template-columns:repeat(2,1fr)}.token{gap:65px}.specimen{max-width:560px;margin:auto}.terminal-body{grid-template-columns:1fr}.chart{order:3}.scan>div{max-width:220px;margin:auto}.link-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer nav{justify-self:center}}
@media(max-width:560px){.section{padding-left:18px;padding-right:18px}.hero h1{font-size:4rem}.hero h2{font-size:1.35rem}.hero{padding:235px 22px 70px}.actions{display:grid}.button{width:100%}.card-grid{grid-template-columns:1fr}.lab-card{min-height:220px}.lab-card h3{margin-top:45px}.pipeline{display:grid;grid-template-columns:1fr;text-align:center}.pipeline b{transform:none}.ticker{font-size:4.5rem}.contract{align-items:stretch;flex-direction:column}.terminal-body{padding:18px}.terminal-top{font-size:.58rem}.section h2,.final-cta h2{font-size:2.8rem}footer nav{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}