:root{
  --bg:#0a0e0c;
  --panel:#0f1512;
  --border:#1e2b24;
  --text:#d8f5e3;
  --muted:#6f8c7c;
  --green:#39ff9c;
  --amber:#ffb454;
  --cyan:#5ce1e6;
  --red:#ff6b6b;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'SF Mono','Fira Code','JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  background:
    linear-gradient(rgba(0,0,0,0) 95%, rgba(57,255,156,0.02) 100%),
    var(--bg);
  color:var(--text);line-height:1.7;font-size:15px;
}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

header{position:sticky;top:0;z-index:50;background:rgba(10,14,12,0.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1080px;margin:0 auto;}
.brand{font-weight:700;color:var(--green);font-size:1.05rem;}
.brand::before{content:'~/ ';color:var(--muted);}
nav ul{display:flex;gap:26px;list-style:none;font-size:0.88rem;}
nav a{color:var(--muted);}
nav a:hover{color:var(--green);}
nav a::before{content:'./';color:#2a4136;}
.btn{padding:9px 18px;border:1px solid var(--green);color:var(--green);border-radius:4px;font-size:0.85rem;font-weight:600;transition:all .15s;}
.btn:hover{background:var(--green);color:#04140b;}
.btn.solid{background:var(--green);color:#04140b;}
.btn.solid:hover{box-shadow:0 0 20px rgba(57,255,156,0.4);}
.btn.disabled{border-color:var(--border);color:var(--muted);cursor:default;pointer-events:none;opacity:0.7;}

.hero{padding:80px 24px 50px;}
.terminal{
  max-width:780px;margin:0 auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,0.5);
}
.term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0c1210;border-bottom:1px solid var(--border);}
.term-bar span{width:11px;height:11px;border-radius:50%;}
.term-bar span:nth-child(1){background:#ff5f56;}
.term-bar span:nth-child(2){background:#ffbd2e;}
.term-bar span:nth-child(3){background:#27c93f;}
.term-bar .path{margin-left:auto;color:var(--muted);font-size:0.78rem;}
.term-body{padding:28px 26px;font-size:0.95rem;}
.term-body .l{margin-bottom:6px;}
.prompt{color:var(--green);}
.prompt::before{content:'$ ';}
.out{color:var(--muted);padding-left:2px;}
.cursor{display:inline-block;width:8px;height:16px;background:var(--green);animation:blink 1s step-end infinite;vertical-align:middle;}
@keyframes blink{50%{opacity:0;}}

h1{text-align:center;font-size:clamp(1.8rem,4.2vw,2.8rem);font-weight:800;margin:44px auto 16px;max-width:780px;letter-spacing:-0.02em;}
h1 .hl{color:var(--green);}
.sub{text-align:center;color:var(--muted);max-width:600px;margin:0 auto 34px;}
.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

section{padding:60px 24px;}
.section-head{text-align:center;max-width:600px;margin:0 auto 44px;}
.section-head .tag-line{color:var(--muted);font-size:0.85rem;}
.section-head .tag-line::before{content:'// ';color:#2a4136;}
.section-head h2{font-size:1.8rem;font-weight:800;margin:8px 0;}

.apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px;max-width:1080px;margin:0 auto;}
.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:0;overflow:hidden;transition:border-color .2s, transform .2s;}
.card:hover{border-color:var(--green);transform:translateY(-3px);}
.card.upcoming:hover{border-color:var(--amber);}
.card-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#0c1210;}
.card-head .name{font-weight:700;color:var(--text);}
.card-head .name .prefix{color:var(--muted);}
.badge{font-size:0.68rem;font-weight:700;padding:4px 10px;border-radius:4px;letter-spacing:0.04em;text-transform:uppercase;border:1px solid;}
.badge.free{color:var(--green);border-color:var(--green);}
.badge.saas{color:var(--amber);border-color:var(--amber);}
.badge.soon{color:var(--muted);border-color:var(--border);}
.card-body{padding:22px 20px;}
.card-body p.desc{color:var(--muted);font-size:0.9rem;margin-bottom:18px;}
.kv{font-size:0.82rem;margin-bottom:4px;}
.kv .k{color:#2a4136;}
.kv .v{color:var(--cyan);}
.card-links{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;}
.link-btn{font-size:0.8rem;padding:7px 12px;border:1px solid var(--border);border-radius:5px;color:var(--muted);display:flex;align-items:center;gap:6px;transition:all .15s;}
.link-btn:hover{border-color:var(--green);color:var(--green);}
.link-btn svg{width:14px;height:14px;}

.pricing{background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;max-width:1000px;margin:0 auto;}
.price-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:28px;}
.price-card.featured{border-color:var(--green);}
.price-card h4{color:var(--muted);font-size:0.82rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:14px;}
.price-card .amount{font-size:2.1rem;font-weight:800;color:var(--text);margin-bottom:16px;}
.price-card .amount span{font-size:0.9rem;color:var(--muted);font-weight:500;}
.price-card ul{list-style:none;font-size:0.85rem;color:var(--muted);margin-bottom:20px;}
.price-card li{padding:6px 0;}
.price-card li::before{content:'✓ ';color:var(--green);}

footer{padding:44px 24px;text-align:center;color:var(--muted);font-size:0.82rem;border-top:1px solid var(--border);}
footer .foot-links{display:flex;justify-content:center;gap:22px;margin-bottom:16px;flex-wrap:wrap;}
footer a:hover{color:var(--green);}