*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#0a0a0a;color:#e5e5e5;line-height:1.65;font-size:15px;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
ul{list-style:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.mono,.cli-nav,.logo,.cli-cta,.btn-primary,.btn-ghost,.code-bar,.foot-logo,.copyright,.price-num,.price-name,.price-cycle,.doc-num{font-family:"SF Mono","Cascadia Code","Consolas",monospace}
.accent{color:#f43f5e}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;margin-right:6px;vertical-align:middle}

.header-cli{background:#0a0a0a;border-bottom:1px solid rgba(244,63,94,.25);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:4px;font-size:20px;color:#fff;font-weight:700}
.logo-prompt{color:#f43f5e}
.logo-cursor{color:#f43f5e;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.cli-nav{display:flex;gap:28px}
.nav-item{color:#a3a3a3;font-size:13px;position:relative;transition:.2s;letter-spacing:.4px}
.nav-item .under{color:transparent;transition:.2s}
.nav-item:hover,.nav-item.active{color:#f43f5e}
.nav-item:hover .under,.nav-item.active .under{color:#f43f5e}
.cli-cta{display:inline-block;padding:10px 18px;background:transparent;color:#f43f5e;border:1px solid rgba(244,63,94,.5);border-radius:4px;font-size:13px;transition:.25s}
.cli-cta:hover{background:#f43f5e;color:#0a0a0a;box-shadow:0 0 20px rgba(244,63,94,.4)}

.hero-terminal{padding:80px 0 90px;background:radial-gradient(circle at 20% 30%,rgba(244,63,94,.08),transparent 60%),#0a0a0a;position:relative;overflow:hidden}
.hero-terminal::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,63,94,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(244,63,94,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-tag{display:inline-block;font-family:"SF Mono","Consolas",monospace;color:#a3a3a3;font-size:12px;padding:6px 12px;border:1px solid rgba(244,63,94,.3);border-radius:4px;margin-bottom:24px;letter-spacing:1px}
.hero-left h1{font-size:56px;font-weight:800;color:#fff;line-height:1.18;letter-spacing:-1px;margin-bottom:22px}
.hero-left h1 .mono{color:#f43f5e;font-family:"SF Mono","Consolas",monospace;font-weight:700}
.lead{font-size:16px;color:#a3a3a3;margin-bottom:32px;max-width:520px}
.hero-cta{display:flex;gap:14px;margin-bottom:42px}
.btn-primary{display:inline-flex;align-items:center;padding:13px 22px;background:#f43f5e;color:#0a0a0a;font-weight:700;border-radius:4px;font-size:14px;transition:.25s;border:1px solid #f43f5e}
.btn-primary:hover{box-shadow:0 0 28px rgba(244,63,94,.55);transform:translateY(-1px)}
.btn-primary .cursor{margin-left:6px;animation:blink 1s steps(2) infinite}
.btn-ghost{display:inline-flex;align-items:center;padding:13px 22px;background:transparent;color:#e5e5e5;border:1px solid rgba(229,229,229,.25);border-radius:4px;font-size:14px;transition:.25s}
.btn-ghost:hover{border-color:#f43f5e;color:#f43f5e}
.btn-ghost.full,.btn-primary.full{width:100%;justify-content:center}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:32px;border-top:1px dashed rgba(244,63,94,.2)}
.stat b{display:block;font-family:"SF Mono","Consolas",monospace;color:#f43f5e;font-size:26px;font-weight:700;margin-bottom:4px}
.stat span{font-size:12px;color:#737373}
.hero-right{position:relative}
.hero-right img{border:1px solid rgba(244,63,94,.3);border-radius:6px;box-shadow:0 0 40px rgba(244,63,94,.15)}

section{padding:90px 0}
.sec-head{text-align:center;margin-bottom:54px}
.sec-tag{display:inline-block;font-family:"SF Mono","Consolas",monospace;color:#f43f5e;font-size:12px;letter-spacing:2px;margin-bottom:14px}
.sec-head h2{font-size:38px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:14px}
.sec-head p{color:#a3a3a3;font-size:15px;max-width:580px;margin:0 auto}

.protocols{background:#0a0a0a;border-top:1px solid rgba(244,63,94,.1)}
.proto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.proto-card{background:#141414;border:1px solid rgba(244,63,94,.15);border-radius:6px;padding:30px;transition:.25s}
.proto-card:hover{border-color:rgba(244,63,94,.5);box-shadow:0 0 30px rgba(244,63,94,.2);transform:translateY(-2px)}
.proto-card img{margin-bottom:18px}
.proto-card h3{font-family:"SF Mono","Consolas",monospace;color:#fff;font-size:18px;margin-bottom:10px;font-weight:700}
.proto-card p{color:#a3a3a3;font-size:13px;margin-bottom:18px;min-height:48px}
.proto-meta{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;border-top:1px dashed rgba(244,63,94,.2);font-family:"SF Mono","Consolas",monospace;font-size:13px}
.proto-meta span{color:#737373}
.proto-meta b{color:#f43f5e;font-size:18px}

.benchmark{background:#0f0f0f;border-top:1px solid rgba(244,63,94,.08);border-bottom:1px solid rgba(244,63,94,.08)}
.bench-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}
.bench-text .sec-tag{text-align:left;margin-bottom:14px}
.bench-text h2{font-size:36px;color:#fff;font-weight:800;margin-bottom:16px;letter-spacing:-.5px}
.bench-text p{color:#a3a3a3;margin-bottom:22px}
.bench-list li{color:#d4d4d4;font-size:14px;padding:10px 0;border-bottom:1px dashed rgba(244,63,94,.15);display:flex;align-items:center;gap:10px}
.bench-list b{color:#f43f5e;font-family:"SF Mono","Consolas",monospace;margin-left:auto}
.li-dot{width:6px;height:6px;border-radius:50%;background:#f43f5e;box-shadow:0 0 6px #f43f5e}
.bench-chart img{border:1px solid rgba(244,63,94,.2);border-radius:6px;background:#0a0a0a}

.code-samples{background:#0a0a0a}
.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.code-card{background:#111;border:1px solid rgba(244,63,94,.2);border-radius:6px;overflow:hidden;transition:.25s}
.code-card:hover{border-color:rgba(244,63,94,.5);box-shadow:0 0 24px rgba(244,63,94,.15)}
.code-bar{background:#1a1a1a;padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(244,63,94,.15);font-size:12px;color:#a3a3a3}
.bar-dot{width:10px;height:10px;border-radius:50%}
.bar-dot.r{background:#f43f5e}
.bar-dot.y{background:#fbbf24}
.bar-dot.g{background:#22c55e}
.bar-title{margin-left:14px}
.code-card img{width:100%}
.code-card p{padding:18px;color:#a3a3a3;font-size:13px;border-top:1px dashed rgba(244,63,94,.15)}

.pricing{background:#0f0f0f}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.price-card{background:#141414;border:1px solid rgba(244,63,94,.2);border-radius:6px;padding:30px 22px;position:relative;transition:.25s}
.price-card:hover{border-color:rgba(244,63,94,.5);transform:translateY(-3px)}
.price-card.hot{border-color:#f43f5e;box-shadow:0 0 30px rgba(244,63,94,.25)}
.price-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#f43f5e;color:#0a0a0a;font-family:"SF Mono","Consolas",monospace;font-size:11px;padding:4px 10px;border-radius:4px;letter-spacing:1px;font-weight:700}
.price-name{color:#a3a3a3;font-size:14px;margin-bottom:14px}
.price-num{font-size:26px;color:#fff;font-weight:700;margin-bottom:6px}
.price-num.accent-num{color:#f43f5e}
.price-cycle{font-size:12px;color:#737373;margin-bottom:22px}
.price-card ul{margin-bottom:24px;border-top:1px dashed rgba(244,63,94,.2);padding-top:18px}
.price-card li{padding:7px 0;color:#d4d4d4;font-size:13px;position:relative;padding-left:18px}
.price-card li::before{content:">";color:#f43f5e;position:absolute;left:0;font-family:"SF Mono","Consolas",monospace}

.docs{background:#0a0a0a;border-top:1px solid rgba(244,63,94,.08)}
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.doc-card{display:block;background:#141414;border:1px solid rgba(244,63,94,.15);border-radius:6px;padding:28px;transition:.25s;position:relative;overflow:hidden}
.doc-card:hover{border-color:rgba(244,63,94,.5);background:#181818}
.doc-num{display:inline-block;font-size:13px;color:#f43f5e;margin-bottom:14px;letter-spacing:1px}
.doc-card h3{color:#fff;font-size:17px;margin-bottom:8px}
.doc-card p{color:#a3a3a3;font-size:13px}

.footer-cli{background:#0a0a0a;border-top:1px solid rgba(244,63,94,.2);padding:64px 0 0}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1.3fr;gap:50px;padding-bottom:40px}
.foot-logo{font-size:22px;color:#fff;font-weight:700;margin-bottom:14px}
.foot-logo .cursor{color:#f43f5e;animation:blink 1s steps(2) infinite}
.foot-col p{color:#a3a3a3;font-size:13px;margin-bottom:16px}
.foot-meta{color:#737373;font-size:12px;line-height:1.9}
.foot-col h4{color:#f43f5e;font-family:"SF Mono","Consolas",monospace;font-size:13px;margin-bottom:16px;letter-spacing:1px}
.foot-col a{display:block;color:#a3a3a3;font-size:13px;padding:5px 0;transition:.2s}
.foot-col a:hover{color:#f43f5e}
.links{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 14px}
.copyright{border-top:1px dashed rgba(244,63,94,.2);padding:22px 24px;text-align:center;font-size:12px;color:#737373;max-width:1240px;margin:0 auto}

@media (max-width:900px){
.hero-grid,.bench-grid,.code-grid,.foot-grid{grid-template-columns:1fr;gap:30px}
.proto-grid,.docs-grid{grid-template-columns:repeat(2,1fr)}
.price-grid{grid-template-columns:repeat(2,1fr)}
.hero-left h1{font-size:36px}
.hero-stats{grid-template-columns:repeat(2,1fr)}
.cli-nav{display:none}
section{padding:60px 0}
}