:root { --ink:#13251d; --cream:#f4f0e6; --paper:#fbf8ef; --acid:#c9ff45; --orange:#ff6b35; --line:#c9c8bd; --mono:"IBM Plex Mono",monospace; --sans:"Noto Sans SC",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:var(--sans); overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.25; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
select { font:inherit; }
.wrap { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.nav { height:78px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; font-weight:900; letter-spacing:-.03em; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; background:var(--ink); color:var(--acid); font:600 12px var(--mono); transform:rotate(-3deg); }
.nav nav { display:flex; gap:34px; font-size:14px; font-weight:600; }
.nav nav a:hover { color:var(--orange); }
.nav-cta { font:500 13px var(--mono); border-bottom:1px solid var(--ink); padding-bottom:4px; }
.hero { min-height:650px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:72px; padding-block:76px; }
.eyebrow { font:600 11px var(--mono); letter-spacing:.16em; text-transform:uppercase; display:flex; align-items:center; gap:9px; }
.eyebrow span { width:24px; height:2px; background:var(--orange); }
h1 { margin:23px 0 24px; font-size:clamp(58px,7vw,96px); line-height:.98; letter-spacing:-.075em; font-weight:900; }
h1 em { font-style:normal; color:var(--orange); }
.lead { max-width:580px; font-size:18px; line-height:1.8; color:#42564c; }
.hero-actions { display:flex; gap:12px; margin:35px 0 26px; }
.button { border:1px solid var(--ink); padding:14px 20px; cursor:pointer; font-weight:700; transition:.2s; }
.button.primary { background:var(--ink); color:white; box-shadow:5px 5px 0 var(--acid); }
.button.primary:hover { transform:translate(2px,2px); box-shadow:3px 3px 0 var(--acid); }
.button.ghost { background:transparent; }
.button.ghost:hover { background:var(--paper); }
.compat { display:flex; flex-wrap:wrap; gap:8px; }
.compat span { font:500 10px var(--mono); border:1px solid var(--line); padding:6px 9px; background:rgba(255,255,255,.25); }
.terminal { background:var(--ink); color:#dce8df; box-shadow:16px 18px 0 #a9b5ad; transform:rotate(1deg); }
.terminal-head { display:flex; justify-content:space-between; align-items:center; height:47px; border-bottom:1px solid #385044; padding:0 16px; font:11px var(--mono); }
.dots { display:flex; gap:6px; }.dots i { width:8px;height:8px;border-radius:50%;background:#587064; }.dots i:first-child{background:var(--orange)}.dots i:nth-child(2){background:#f8bd58}.dots i:last-child{background:var(--acid)}
.live { color:var(--acid); }.live i { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid);margin-right:6px; }
.terminal-body { padding:29px 30px 32px; font:13px/1.7 var(--mono); }
.terminal-body p { margin:0 0 11px; }.prompt{color:var(--acid);margin-right:10px}.muted{color:#789083}.pair-code{font-size:26px;color:white;letter-spacing:.1em;margin-bottom:6px!important}
.sync-line { display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:29px 0; }.sync-line b{height:1px;background:repeating-linear-gradient(90deg,var(--acid) 0 6px,transparent 6px 11px)}.route{border:1px solid #567064;padding:7px 9px}.lock{color:var(--acid)}
.events { border-left:2px solid #425d4e; padding-left:14px; margin-bottom:22px; }.events p{display:grid;grid-template-columns:72px 48px 1fr auto;gap:8px;color:#b9c9bf}.events time,.events small{color:#71887b}.events .ok{color:var(--acid)}
.cursor i{display:inline-block;width:8px;height:16px;background:var(--acid);vertical-align:middle;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}
.signal-band { background:var(--acid); border-block:1px solid var(--ink); }
.stats { display:grid;grid-template-columns:repeat(4,1fr); }.stats div { padding:27px 24px;border-right:1px solid var(--ink);display:flex;align-items:baseline;gap:13px}.stats div:first-child{border-left:1px solid var(--ink)}.stats strong{font:600 25px var(--mono)}.stats span{font-size:13px;font-weight:700}
.section { padding-block:120px; }.section-title { max-width:700px; }.section-title h2,.security-copy h2 { font-size:clamp(40px,5vw,64px);letter-spacing:-.055em;line-height:1.08;margin:16px 0 22px}.section-title>p:last-child{color:#52645a;line-height:1.8;max-width:580px}
.steps { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.step{position:relative;background:var(--paper);border:1px solid var(--line);padding:34px;min-height:330px;transition:.25s}.step:hover{transform:translateY(-7px);border-color:var(--ink)}.step>b{position:absolute;right:22px;top:18px;font:500 12px var(--mono);color:#87948d}.step-icon{font:500 28px var(--mono);width:54px;height:54px;display:grid;place-items:center;background:var(--ink);color:var(--acid);margin-bottom:39px}.step h3{font-size:22px;margin:0 0 13px}.step p{font-size:14px;line-height:1.8;color:#57675e}.step code{display:inline-block;margin-top:17px;padding:7px 9px;background:#e8e7dc;font:12px var(--mono)}
.feature-section{border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:56px}.feature-card{background:var(--paper);padding:36px;min-height:260px}.feature-card>span{font:10px var(--mono);letter-spacing:.12em;color:var(--orange)}.feature-card h3{font-size:25px;margin:30px 0 12px}.feature-card p{color:#586a60;font-size:14px;line-height:1.8;max-width:470px}.feature-card code{display:inline-block;margin-top:14px;background:#e9e8dd;padding:7px 9px;font:11px var(--mono)}
.security-section { background:var(--ink);color:#eef4ef;position:relative;overflow:hidden}.security-section::after{content:"";position:absolute;width:500px;height:500px;border:1px solid #456052;border-radius:50%;right:-200px;top:-250px;box-shadow:0 0 0 80px rgba(201,255,69,.025),0 0 0 160px rgba(201,255,69,.018)}.security-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center;position:relative;z-index:1}.eyebrow.light{color:var(--acid)}.security-copy>p{color:#a9b9b0;line-height:1.8}.security-copy ul{list-style:none;padding:0;margin:40px 0 0}.security-copy li{display:flex;gap:20px;padding:20px 0;border-top:1px solid #385044}.security-copy li i{font:12px var(--mono);color:var(--acid);font-style:normal}.security-copy li span{display:flex;flex-direction:column;gap:7px;color:#9caea4;font-size:13px}.security-copy li strong{color:white;font-size:16px}.crypto-map{border:1px solid #466052;padding:28px;background:#192d24}.node{border:1px solid #547062;padding:20px;display:flex;flex-direction:column;gap:5px;background:#14271e}.node small{font:9px var(--mono);letter-spacing:.13em;color:var(--acid)}.node strong{font:600 16px var(--mono)}.node span{font:11px var(--mono);color:#81958a}.node.relay{border-color:var(--acid);box-shadow:inset 4px 0 var(--acid)}.pipe{height:75px;display:flex;align-items:center;justify-content:center;position:relative}.pipe b{height:100%;border-left:1px dashed #6b8678}.pipe span{position:absolute;background:#192d24;padding:4px 9px;font:9px var(--mono);color:#91a59a}
.quickstart{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.commands{border:1px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 #b9beb4}.tabs{display:flex;border-bottom:1px solid var(--ink)}.tabs button{background:transparent;border:0;border-right:1px solid var(--ink);padding:14px 18px;cursor:pointer;font:500 12px var(--mono)}.tabs button.active{background:var(--acid)}.command-panel{position:relative;padding:29px}.command-panel pre{margin:0;font:13px/1.9 var(--mono);white-space:pre-wrap}.command-panel pre span{color:#8b968f}.hidden{display:none}.mini-copy{position:absolute;right:18px;top:18px;border:1px solid var(--line);background:transparent;padding:6px 10px;font:11px var(--mono);cursor:pointer}
.limitations{margin-bottom:110px;border:1px solid var(--orange);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:36px;background:#fff0e7}.limitations span{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--orange)}.limitations h2{font-size:27px;line-height:1.3;margin:12px 0 0}.limitations p{margin:0;color:#645c55;line-height:1.9;font-size:14px}.limitations code{background:#f2d8c9;padding:2px 5px;font:12px var(--mono)}
footer{border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner p{font-size:13px;color:#65746c}.footer-inner>a{font:12px var(--mono);border-bottom:1px solid}
.reveal{opacity:0;transform:translateY(18px);animation:reveal .7s ease forwards}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}@keyframes reveal{to{opacity:1;transform:none}}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-block:60px;gap:45px}.terminal{transform:none}.stats{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.security-grid,.quickstart{grid-template-columns:1fr;gap:55px}.section{padding-block:85px}.limitations{grid-template-columns:1fr;gap:22px}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.nav{height:66px}.nav-cta{font-size:0}.nav-cta span{font-size:18px}.hero{padding-top:45px}.hero-actions{flex-direction:column}.button{text-align:center;width:100%}.terminal-body{padding:22px 18px}.pair-code{font-size:20px}.events p{grid-template-columns:64px 42px 1fr}.events small{display:none}.stats div{padding:20px 14px;align-items:flex-start;flex-direction:column}.stats strong{font-size:21px}.section{padding-block:70px}.steps{margin-top:38px}.step{min-height:0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:28px}.security-copy h2{font-size:42px}.crypto-map{padding:16px}.quickstart{gap:30px}.tabs{overflow-x:auto}.tabs button{flex:0 0 auto;padding:12px 14px}.command-panel{padding:55px 18px 24px}.limitations{margin-bottom:70px;padding:26px}.footer-inner{align-items:flex-start;gap:24px;flex-direction:column}.footer-inner p{margin:0}}