@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#101311;--panel:#191e1a;--line:#303a31;--text:#f4f6ef;--muted:#a5afa4;--green:#c6fa74;--red:#ff9c9c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans SC',system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);max-width:1280px;margin:auto;padding:0 40px}.brand{font-size:25px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand i{background:var(--green);color:#172010;font-size:19px;font-style:normal;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;transform:rotate(-8deg)}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a:hover,.textlink:hover{color:var(--green)}.nav-free{color:var(--green);border:1px solid #5c7739;border-radius:99px;padding:6px 14px}.wrap{max-width:1200px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:50px;align-items:center;padding:88px 0 70px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);font-weight:600}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #4b6235;border-radius:99px;padding:7px 13px;color:var(--green);font-size:12px}.dot{width:6px;height:6px;background:var(--green);border-radius:50%}h1{font-size:clamp(45px,5.1vw,70px);line-height:1.2;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;color:var(--green)}.intro{color:var(--muted);font-size:16px;max-width:460px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 16px}.btn{border:1px solid var(--line);border-radius:10px;padding:12px 22px;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:14px;font-weight:600;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px);background:#283226}.btn.primary{background:var(--green);color:#172010;border-color:var(--green)}.btn.primary:hover{background:#daff9f}.tiny{font-size:12px;color:var(--muted)}.free{font-size:16px;font-weight:800;color:var(--green)}.terminal{position:relative;background:linear-gradient(145deg,#222b20,#161c18);border:1px solid #49573e;border-radius:18px;padding:22px;box-shadow:0 28px 80px #0005;transform:rotate(1deg)}.term-head{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:14px}.term-head b{color:var(--text)}.token-top{display:flex;justify-content:space-between;align-items:center;padding:24px 0 5px}.token-name{display:flex;align-items:center;gap:10px}.coin{height:37px;width:37px;background:var(--green);color:#182310;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:24px}.token-name small{color:var(--muted);display:block;font-size:11px}.price{text-align:right;font-size:23px;font-weight:700}.price small{display:block;font-size:11px;color:var(--green)}.chart{width:100%;height:185px;display:block}.term-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0}.term-stats small{font-size:11px;display:block;color:var(--muted)}.term-stats b{font-size:20px;color:var(--green)}.demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-actions button{border:1px solid #52663f;border-radius:7px;background:#c6fa7420;color:var(--green);padding:10px;font-size:12px}.demo-actions button:last-child{color:#ffc9a7;border-color:#74553e;background:#ffc9a710}.demo-note{font-size:11px;color:var(--muted);min-height:36px;margin:12px 0 0}.float-label{position:absolute;right:-14px;top:-19px;background:var(--green);color:#233118;font-weight:800;transform:rotate(6deg);padding:8px 15px;border-radius:7px;font-size:13px}.chainbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;justify-content:space-between;padding:22px 0;flex-wrap:wrap}.chainbar span{font-size:13px;font-weight:600}.chainbar .tiny{font-weight:400}.section{padding:86px 0}.section h2{font-size:36px;line-height:1.35;letter-spacing:-1px;margin:12px 0 15px}.section-lead{color:var(--muted);max-width:600px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:var(--panel);padding:28px;border-radius:14px;border:1px solid var(--line)}.feature .icon{font-size:25px;color:var(--green);width:45px;height:45px;border:1px solid #435534;display:grid;place-items:center;border-radius:12px}.feature h3{font-size:19px;margin:24px 0 12px}.feature p{font-size:14px;color:var(--muted);margin:0}.feature .mini{margin-top:26px;border-top:1px solid var(--line);padding-top:18px;color:var(--green);font-size:12px}.practice{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;border-top:1px solid var(--line)}.report{background:#20291c;border:1px solid #4b5a3a;border-radius:15px;padding:30px;position:relative}.report-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.report h3{font-size:14px;font-weight:500;margin-top:32px}.report strong{display:block;color:var(--green);font-size:44px;letter-spacing:-2px}.report-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #46513b;margin-top:25px;padding-top:18px;font-size:12px;color:var(--muted)}.report-grid b{display:block;color:var(--text);font-size:18px}.report small{display:block;margin-top:30px;color:var(--muted);font-size:10px}.checklist{padding:0;list-style:none;color:var(--muted);font-size:14px}.checklist li{margin:14px 0}.checklist li:before{content:'↗';color:var(--green);margin-right:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.step-num{font-size:14px;color:var(--green);border-top:1px solid #50683a;padding-top:18px}.steps h3{font-size:18px}.steps p{color:var(--muted);font-size:14px}.faq{max-width:820px;margin:auto}.faq h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-size:16px;display:flex;justify-content:space-between;gap:20px}summary:after{content:'＋';color:var(--green)}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px}.cta{background:var(--green);color:#182310;border-radius:18px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:35px 0 75px}.cta h2{font-size:32px;margin:0 0 8px}.cta p{margin:0;font-size:14px}.cta .btn{color:var(--text);background:#172010;white-space:nowrap}footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.tutorial-title{padding:65px 0 35px;border-bottom:1px solid var(--line)}.tutorial-title h1{font-size:48px;letter-spacing:-2px}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;padding:45px 0 80px}.toc{position:sticky;top:25px;align-self:start;display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted)}.toc a{padding:7px 12px;border-left:2px solid var(--line)}.toc a:hover,.toc a.active{color:var(--green);border-color:var(--green);background:#c6fa7408}.article{max-width:760px;min-width:0}.article section{padding:0 0 40px;margin-bottom:30px;border-bottom:1px solid var(--line)}.article h2{font-size:27px;margin:0 0 20px}.article h3{font-size:18px;margin:27px 0 10px}.article p,.article li{font-size:15px;color:#c0c8bd;line-height:1.95}.article ol,.article ul{padding-left:24px}.article li{padding-left:5px;margin:9px 0}.article strong{color:var(--text)}.article a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.note{background:#c6fa740a;border-left:3px solid var(--green);padding:15px 20px;margin:20px 0;color:#c5d5b2;font-size:14px}.article code{background:#283022;border-radius:4px;padding:2px 5px;font-size:13px;overflow-wrap:anywhere}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;margin:20px 0}th,td{text-align:left;padding:12px;border:1px solid var(--line);color:#c0c8bd}th{color:var(--green);background:var(--panel)}.back-top{color:var(--green);font-size:13px}.mobile-only{display:none}@media(max-width:900px){.hero{gap:28px}.features{gap:10px}.feature{padding:20px}.guide-layout{gap:30px;grid-template-columns:180px minmax(0,1fr)}nav{gap:16px}.practice{gap:35px}}@media(max-width:700px){header{height:72px;padding:0 22px}.brand{font-size:22px}nav{gap:16px;font-size:12px}nav .desktop{display:none}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;padding:48px 0;gap:40px}h1{font-size:49px;letter-spacing:-2px}.intro{font-size:15px}.terminal{transform:none}.float-label{right:5px}.chainbar{gap:18px;justify-content:flex-start}.chainbar .tiny{width:100%}.section{padding:55px 0}.section h2{font-size:29px}.features,.practice,.steps{grid-template-columns:1fr}.feature{padding:25px}.feature h3{margin-top:15px}.feature .mini{margin-top:18px}.practice{gap:30px}.steps{gap:18px}.section-head{display:block}.cta{padding:30px 25px;display:block;margin-bottom:45px}.cta h2{font-size:26px}.cta .btn{margin-top:22px}footer{display:block}footer span{display:block;margin:7px 0}.guide-layout{display:block;padding-top:25px}.toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding-bottom:30px}.tutorial-title{padding-top:40px}.tutorial-title h1{font-size:36px}.article h2{font-size:24px}.article p,.article li{font-size:14px}.report strong{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){.brand .desktop{display:none}header nav a{white-space:nowrap}}

.demo-holding{padding:9px 0 14px;border-top:1px solid var(--line);overflow-wrap:anywhere}.demo-holding small{display:block;font-size:11px;color:var(--muted)}.demo-holding b{font-size:13px;color:var(--green)}footer a{text-decoration:underline;text-underline-offset:3px}.article a{overflow-wrap:anywhere}

/* Homepage author shortcut; keep tutorial navigation unchanged. */
.home-header{gap:20px}.home-header .nav-author{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:#182310;font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 0 20px #c6fa7418;transition:background .15s,box-shadow .15s}.home-header .nav-author:hover{background:#d7ff99;box-shadow:0 0 24px #c6fa7430}.home-header .nav-author:focus-visible{outline:2px solid var(--text);outline-offset:4px}
@media(max-width:700px){.home-header{height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}.home-header nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;min-width:0}.home-header .nav-author{font-size:12px;padding:8px 10px}}
@media(max-width:480px){.home-header nav{width:100%;justify-content:space-between;gap:8px}.home-header .nav-author{margin-left:auto}}

/* Homepage real-use video: scoped styles, no changes to existing interactions. */
.video-section{padding:64px 0 20px}.video-section .section-head{margin-bottom:24px}.video-card{overflow:hidden;border:1px solid #49573e;border-radius:18px;background:#141a15;box-shadow:0 24px 65px #0003}.video-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.video-card-head>span:first-child{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-weight:600}.promo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0d130f;color-scheme:dark}.promo-video:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.video-card-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-top:1px solid var(--line)}.video-card-foot p{margin:0;color:var(--muted);font-size:12px}.video-card-foot a{color:var(--green);font-size:12px;white-space:nowrap}.video-card-foot a:focus-visible{outline:3px solid var(--green);outline-offset:4px}@media(max-width:700px){.video-section{padding:44px 0 0}.video-card{border-radius:13px}.video-card-head{padding:13px 15px;font-size:11px}.video-card-foot{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 15px}.video-card-foot p{font-size:11px}}