:root{
  --bg:#07080a; --card:#0f110d; --line:#242822;
  --green:#9fe870; --amber:#e2b13c; --text:#e7e7e2; --dim:#9a9c94;
  color-scheme: dark;
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:'Share Tech Mono', ui-monospace, Menlo, monospace;
  line-height:1.6;
}
.hero{
  padding:72px 20px 56px; text-align:center;
  background:radial-gradient(ellipse at 50% -10%, rgba(159,232,112,0.08), transparent 60%);
  border-bottom:1px solid var(--line);
}
.hero-inner{max-width:720px; margin:0 auto;}
.tag{color:var(--green); letter-spacing:0.12em; font-size:0.8rem; margin-bottom:10px;}
h1{
  font-size:clamp(2.6rem, 9vw, 4.5rem); margin:0 0 18px; letter-spacing:0.06em;
  color:var(--green); text-shadow:0 0 24px rgba(159,232,112,0.45);
}
.lede{color:var(--text); font-size:1.05rem; max-width:560px; margin:0 auto 32px;}
.cta-row{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.btn{
  display:inline-block; padding:13px 26px; border-radius:8px; text-decoration:none;
  background:var(--green); color:#07080a; font-weight:bold; letter-spacing:0.03em;
  border:1px solid var(--green);
}
.btn.ghost{background:transparent; color:var(--green);}
main{max-width:1000px; margin:0 auto; padding:56px 20px;}
.shots{
  display:flex; gap:16px; overflow-x:auto; padding-bottom:12px; margin-bottom:56px;
  scroll-snap-type:x mandatory;
}
.shots img{
  height:460px; border-radius:14px; border:1px solid var(--line); scroll-snap-align:start;
  flex:0 0 auto;
}
.features{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:28px;}
.feature{
  background:var(--card); border:1px solid var(--line); border-radius:12px; padding:22px 24px;
}
.feature h2{font-size:1.05rem; color:var(--amber); margin:0 0 10px;}
.feature p{margin:0; color:var(--dim); font-size:0.92rem;}
footer{
  border-top:1px solid var(--line); padding:32px 20px 60px; text-align:center; color:var(--dim); font-size:0.85rem;
}
footer nav a{color:var(--green); text-decoration:none; margin:0 4px;}
footer .sep{color:var(--line);}
footer .copyright{margin-top:10px;}

/* support page */
.doc{max-width:640px; margin:0 auto; padding:56px 20px 80px;}
.doc h1{font-size:1.8rem; margin-bottom:4px; text-align:left; text-shadow:none;}
.doc .tag{text-align:left; margin-bottom:32px;}
.doc h2{font-size:1.1rem; margin-top:36px; color:var(--green);}
.doc a{color:var(--green);}
.card{background:var(--card); border:1px solid var(--line); border-radius:10px; padding:16px 20px; margin-top:14px;}
.back{display:inline-block; margin-bottom:24px; color:var(--dim); text-decoration:none; font-size:0.85rem;}