:root{
  --bg:#050707;--panel:#0a0e0d;--panel2:#0d1211;--line:#1a2522;--line2:#253631;
  --text:#f4f7f5;--muted:#899590;--green:#9cff35;--mint:#44f6ae;--cyan:#15d9f4;--warning:#ffd568;--danger:#ff7171;
  --max:1240px;--rail:70px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.012em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.app{min-height:100vh;background:radial-gradient(circle at 78% 12%,rgba(21,217,244,.04),transparent 24%),radial-gradient(circle at 18% 42%,rgba(156,255,53,.035),transparent 22%)}
::selection{background:var(--mint);color:#02110a}
.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);border-right:1px solid var(--line);background:rgba(4,7,7,.94);backdrop-filter:blur(16px);z-index:40;display:flex;flex-direction:column;align-items:center;padding:14px 0}.rail-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid #21302c;background:#08100e;overflow:hidden}.rail-logo img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(68,246,174,.14))}.rail nav{display:grid;gap:8px;margin-top:28px}.rail-link{width:42px;height:42px;display:grid;place-items:center;border:1px solid transparent;border-radius:12px;color:#64716d;transition:.22s;position:relative;overflow:hidden}.rail-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.rail-link:hover,.rail-link.active{color:var(--green);background:#0c1512;border-color:#20382f;transform:translateY(-1px)}.rail-link.active:before{content:"";position:absolute;left:-1px;width:2px;height:18px;background:linear-gradient(var(--green),var(--cyan));box-shadow:0 0 12px rgba(68,246,174,.5)}.rail-spacer{flex:1}
.main{margin-left:var(--rail);min-width:0;animation:pageIn .42s cubic-bezier(.2,.8,.2,1) both}.topbar{height:74px;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(5,7,7,.82);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.top-left,.top-actions{display:flex;align-items:center;gap:11px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;font-size:19px;letter-spacing:-.05em}.brand-icon{width:30px;height:30px;object-fit:contain}.tag,.pill,.btn{border:1px solid var(--line);background:#0a0e0d;border-radius:11px}.tag{font-size:11px;color:#9ba6a1;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}.pill{padding:10px 13px;font-size:13px;color:#bdc5c2;cursor:pointer;transition:.22s;position:relative;overflow:hidden}.pill:hover{border-color:#315047;transform:translateY(-1px)}.wallet-btn,.btn.primary{background:linear-gradient(90deg,var(--green),var(--mint) 52%,var(--cyan));color:#03100b;border:0;font-weight:900}.wallet-btn{min-width:132px}.content{width:min(var(--max),calc(100% - 56px));margin:0 auto}
.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:15px}.gradient{background:linear-gradient(92deg,var(--green),var(--mint) 52%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}
.hero{min-height:710px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;position:relative}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#23342f,transparent)}.hero h1,.page-hero h1{font-size:clamp(52px,7vw,96px);line-height:.88;letter-spacing:-.07em;margin:0;font-weight:950;text-transform:uppercase}.hero-copy,.page-hero p{font-size:17px;line-height:1.65;color:#9ba5a1;max-width:700px;margin:24px 0 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;color:#d1d7d5;font-weight:820;cursor:pointer;transition:.22s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);border-color:#355047;box-shadow:0 12px 30px rgba(0,0,0,.24)}.btn:active{transform:translateY(0) scale(.985)}.btn.primary:after,.wallet-btn:after{content:"";position:absolute;inset:-2px auto -2px -40%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:skewX(-18deg);transition:left .55s}.btn.primary:hover:after,.wallet-btn:hover:after{left:115%}.mini-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#6f7a76;font-size:12px}.mini-note span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#3e514a;margin:0 7px 2px 0}
.lab-visual{min-height:535px;position:relative;border:1px solid #1c2926;border-radius:25px;overflow:hidden;background:#070b0a}.lab-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,7,.2),transparent 40%,rgba(5,7,7,.26)),linear-gradient(0deg,rgba(5,7,7,.6),transparent 50%),url('assets/fourlab-banner.webp') center/cover no-repeat;opacity:.78}.lab-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(68,246,174,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(68,246,174,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,black 32%,black)}.hero-mark{position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%);width:min(62%,360px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(68,246,174,.15);background:rgba(0,0,0,.70);border-radius:26px;backdrop-filter:blur(8px)}.hero-mark img{width:91%;height:91%;object-fit:contain;filter:drop-shadow(0 0 24px rgba(68,246,174,.11))}.float-chip{position:absolute;z-index:3;border:1px solid #24332f;background:rgba(7,11,10,.93);border-radius:12px;padding:11px 13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#899691;line-height:1.5}.float-chip b{display:block;color:#e7ece9;font-size:11px}.float-chip.c1{left:24px;top:28px}.float-chip.c2{right:24px;bottom:28px}.float-chip.c3{right:22px;top:38px;color:var(--mint)}
.section{padding:86px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr .65fr;gap:55px;align-items:end;margin-bottom:34px}.section h2,.page-hero h2{font-size:clamp(34px,4.5vw,62px);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:920}.section-head p{margin:0;color:#8e9995;line-height:1.65;font-size:15px}.grid{display:grid;gap:12px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card,.panel,.preview-card,.terminal,.pair-result,.template-card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#0c1110,#090d0c);border-radius:16px}.card{padding:23px;min-height:210px;overflow:hidden;transition:.26s}.card:hover{transform:translateY(-3px);border-color:#2c443b}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(68,246,174,.5),rgba(21,217,244,.32),transparent);opacity:.5}.card .num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#56635e}.kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--green);margin:26px 0 10px}.card h3{margin:0 0 10px;font-size:20px;letter-spacing:-.035em}.card p{margin:0;color:#84908b;line-height:1.6;font-size:14px}
.lab-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin-top:18px}.flow-step{border:1px solid var(--line);background:#080c0b;border-radius:14px;padding:18px}.flow-step b{display:block;font-size:15px;margin-bottom:8px}.flow-step span{display:block;color:#7f8b86;font-size:12px;line-height:1.5}.flow-arrow{display:grid;place-items:center;color:#4e625a;font-size:18px}.formula{margin-top:14px;border:1px dashed #294139;border-radius:14px;padding:18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9aa7a2;background:#07100d}.formula strong{color:var(--mint)}
.terminal{overflow:hidden}.terminal-head{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#7f8c87}.lights{display:flex;gap:6px}.lights i{width:7px;height:7px;border-radius:50%;background:#26332f}.lights i:first-child{background:var(--green)}.terminal-body{padding:18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.85;color:#87958f;min-height:280px;background:linear-gradient(rgba(68,246,174,.02),rgba(0,0,0,0)),repeating-linear-gradient(0deg,transparent 0 27px,rgba(255,255,255,.018) 28px)}.terminal-body .cmd{color:var(--green)}.terminal-body .ok{color:var(--mint)}.terminal-body .cyan{color:var(--cyan)}.terminal-body .dim{color:#53615c}.cursor{display:inline-block;width:7px;height:13px;background:var(--green);vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.cta{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #21332d;background:linear-gradient(110deg,rgba(156,255,53,.05),rgba(21,217,244,.035));border-radius:18px;padding:30px}.cta h2{font-size:clamp(32px,4vw,52px)}.cta p{color:#89948f;max-width:750px;line-height:1.6}.footer{padding:27px 0 94px;display:flex;justify-content:space-between;color:#58645f;font-size:12px}.footer-links{display:flex;gap:18px}.footer a:hover{color:var(--text)}
.page-hero{padding:82px 0 42px;display:grid;grid-template-columns:1fr .46fr;gap:44px;align-items:end;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(48px,6vw,82px)}.hero-side{border:1px solid var(--line);border-radius:14px;background:#090d0c}.hero-side-row{display:flex;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.hero-side-row:last-child{border-bottom:0}.hero-side-row span{color:#71807a}.hero-side-row b{color:#dce3e0;font-weight:600;text-align:right}
.form-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;padding:34px 0 86px}.panel{padding:24px}.panel h3{font-size:22px;margin:0 0 22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.field label{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7c8883;margin:0 0 8px}.field input,.field textarea,.field select{width:100%;border:1px solid #1b2824;background:#070b0a;color:#e4e9e7;border-radius:11px;padding:13px 13px;outline:none;transition:.2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#3a6657;box-shadow:0 0 0 3px rgba(68,246,174,.05)}.field textarea{min-height:112px;resize:vertical}.field small{display:block;color:#596660;margin-top:7px;font-size:11px}.pair-input{display:grid;grid-template-columns:1fr auto;gap:8px}.pair-input .btn{padding:11px 13px}.launch-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.notice{border-left:2px solid #345146;padding:10px 0 10px 13px;color:#6d7974;font-size:12px;line-height:1.6;margin:20px 0 0}.preview{position:sticky;top:96px;height:max-content}.preview-card{overflow:hidden}.preview-visual{height:260px;background:linear-gradient(rgba(4,7,7,.22),rgba(4,7,7,.72)),url('assets/fourlab-bg.webp') center/cover no-repeat;display:grid;place-items:center;border-bottom:1px solid var(--line)}.preview-logo{width:155px;height:155px;border:1px solid #22312c;border-radius:22px;background:rgba(0,0,0,.72);display:grid;place-items:center;overflow:hidden}.preview-logo img{width:92%;height:92%;object-fit:contain}.preview-body{padding:20px}.token-line{display:flex;align-items:center;justify-content:space-between;gap:15px}.token-name{font-size:24px;font-weight:900;letter-spacing:-.04em}.ticker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--green);font-size:12px}.preview-desc{color:#83908a;line-height:1.55;font-size:13px}.pair-box{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:18px}.asset{border:1px solid var(--line);background:#070b0a;border-radius:12px;padding:12px}.asset small{display:block;color:#64716c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.12em;margin-bottom:5px}.asset b{font-size:13px;word-break:break-word}.pair-x{color:#53615c}.preview-img img{width:100%;height:100%;object-fit:cover}
.toolbar{padding:26px 0 14px;display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.search{display:flex;align-items:center;border:1px solid var(--line);background:#080c0b;border-radius:11px;padding:0 12px;min-width:min(460px,100%)}.search input{width:100%;border:0;outline:0;background:transparent;color:#e6ebe9;padding:12px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{font-size:11px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#080c0b;color:#7e8a85}.filter.active{color:#04100b;background:var(--green);border-color:var(--green);font-weight:800}.table-wrap{border:1px solid var(--line);border-radius:15px;overflow:auto;background:#080c0b}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#66736e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;background:#0a0f0e}.table td{font-size:13px;color:#aeb7b3}.table tr:last-child td{border-bottom:0}.status{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;padding:6px 8px;border-radius:99px;border:1px solid #263831;color:#91a098}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:#65716c}.status.draft{color:var(--warning);border-color:#4e4428}.status.draft:before{background:var(--warning)}.empty-state{padding:66px 24px;text-align:center}.empty-icon{width:58px;height:58px;border:1px solid #253a32;border-radius:15px;margin:0 auto 17px;display:grid;place-items:center;color:var(--green);font-size:22px}.empty-state h3{margin:0 0 8px}.empty-state p{color:#6f7d77;max-width:550px;margin:0 auto;line-height:1.6;font-size:13px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-card{padding:20px}.template-card .template-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--green),var(--cyan));color:#03100b;display:grid;place-items:center;font-weight:950;margin-bottom:35px}.template-card h3{margin:0 0 7px}.template-card p{margin:0;color:#7e8b85;line-height:1.55;font-size:13px}
.inspector{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;padding:34px 0}.pair-result{padding:20px;min-height:260px}.pair-result h3{margin:0 0 16px}.result-list{display:grid;gap:8px}.result-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:8px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#070b0a;font-size:12px}.result-row span{color:#78857f}.result-row b{color:#dce3e0}.result-row a{color:var(--cyan)}.error-box{color:#d9a4a4;border:1px solid #4b2d2d;background:#120a0a;border-radius:10px;padding:12px;font-size:12px}.loading{color:var(--mint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.docs-layout{display:grid;grid-template-columns:240px 1fr;gap:34px;padding:34px 0 90px}.docs-nav{position:sticky;top:100px;height:max-content;border:1px solid var(--line);border-radius:14px;padding:10px;background:#080c0b}.docs-nav a{display:block;padding:10px 11px;border-radius:8px;color:#76837d;font-size:12px}.docs-nav a:hover{background:#0d1512;color:var(--text)}.docs{max-width:850px}.doc-section{padding:6px 0 52px;border-bottom:1px solid var(--line);margin-bottom:40px}.doc-section:last-child{border-bottom:0}.doc-section h2{font-size:36px;letter-spacing:-.05em;margin:0 0 16px}.doc-section h3{font-size:20px;margin:28px 0 10px}.doc-section p,.doc-section li{color:#88958f;line-height:1.72;font-size:14px}.doc-section code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--mint);background:#07100d;border:1px solid #1f332b;padding:2px 6px;border-radius:6px}.codebox{border:1px solid var(--line);background:#07100d;border-radius:12px;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.75;color:#809088;overflow:auto}.codebox .g{color:var(--green)}.codebox .c{color:var(--cyan)}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}.toast{position:fixed;right:20px;bottom:20px;z-index:10000;max-width:420px;background:#0c1210;border:1px solid #2a3d36;border-radius:12px;padding:12px 14px;color:#dce4e0;font-size:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);transform:translateY(18px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.page-transition{position:fixed;inset:0;z-index:9999;pointer-events:none;background:#050707;transform:scaleX(0);transform-origin:right center;transition:transform .33s cubic-bezier(.76,0,.24,1)}.page-transition:after{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(var(--green),var(--mint),var(--cyan));box-shadow:0 0 22px rgba(68,246,174,.5)}body.is-leaving .page-transition{transform:scaleX(1);transform-origin:left center}@keyframes pageIn{from{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
.mobile-nav{display:none}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding:72px 0}.lab-visual{min-height:440px}.section-head{grid-template-columns:1fr;gap:16px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.form-shell,.page-hero,.inspector{grid-template-columns:1fr}.preview{position:relative;top:auto}.docs-layout{grid-template-columns:1fr}.docs-nav{position:relative;top:auto;display:flex;overflow:auto}.docs-nav a{white-space:nowrap}.template-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){:root{--rail:0px}.rail{display:none}.main{margin-left:0}.topbar{padding:0 16px;height:66px}.tag,.top-actions .pill:not(.wallet-btn){display:none}.content{width:min(100% - 28px,var(--max))}.hero h1,.page-hero h1{font-size:48px}.hero{padding:55px 0 40px}.lab-visual{min-height:360px}.hero-mark{width:230px}.float-chip{font-size:9px;padding:9px}.section{padding:62px 0}.grid-4,.grid-3,.grid-2,.template-grid{grid-template-columns:1fr}.lab-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);height:26px}.page-hero{padding:54px 0 32px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.pair-input{grid-template-columns:1fr}.result-row{grid-template-columns:1fr 1fr}.footer{padding-bottom:82px;flex-direction:column;gap:14px}.cta{align-items:flex-start;flex-direction:column}.mobile-nav{position:fixed;z-index:35;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;border:1px solid #20312b;background:rgba(7,11,10,.94);backdrop-filter:blur(14px);border-radius:14px;padding:5px}.mobile-nav a{text-align:center;padding:9px 3px;border-radius:9px;font-size:10px;color:#68756f}.mobile-nav a.active{background:#101a16;color:var(--green)}.docs-layout{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.main,.reveal,.cursor{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.page-transition{display:none!important}}