/* Public pages: home (about.html), privacy.html, terms.html. Same colours as the journal. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#080a0e;--bg2:#0e1117;--bg3:#141820;--border:#ffffff12;--border2:#ffffff20;
  --text:#dde2f0;--text2:#9aa3bd;--text3:#5d6680;
  --accent:#00e5b8;--accent-dim:#00e5b81a;--gold:#f0a500;--purple:#a78bfa;
}
@media (prefers-color-scheme:light){
  :root{--bg:#f0f2f7;--bg2:#ffffff;--bg3:#f5f7fc;--border:#d0d6e8;--border2:#b8c0d8;
    --text:#0e1117;--text2:#4a5270;--text3:#7a8098;--accent:#009e80;--accent-dim:#009e8014;--gold:#a06000;--purple:#6b4fcf}
  .brand-badge{filter:invert(1)}
}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
.top{border-bottom:1px solid var(--border);background:var(--bg2)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand-badge{width:30px;height:30px;border-radius:50%;display:block;flex:none}
.brand b{font-family:'Syne',sans-serif;font-weight:800;font-size:15px;letter-spacing:.5px}
.brand span{font-family:'Syne',sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text2)}
.btn{display:inline-block;font-family:'Syne',sans-serif;font-weight:700;font-size:14px;text-decoration:none;border-radius:10px;padding:11px 18px;border:1px solid var(--border2);color:var(--text);white-space:nowrap}
.btn.hi{background:var(--accent);border-color:var(--accent);color:#04120e}
.hero{padding:64px 0 40px}
.hero h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(30px,6vw,46px);line-height:1.12;margin-bottom:16px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{color:var(--text2);font-size:18px;max-width:620px;margin-bottom:26px}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:8px 0 44px}
.card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:20px}
.card h3{font-family:'Syne',sans-serif;font-size:16px;margin-bottom:6px}
.card p{color:var(--text2);font-size:15px}
.card .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.card.pro .k{color:var(--accent)}.card.ult .k{color:var(--purple)}.card.free .k{color:var(--text2)}
h2.sec{font-family:'Syne',sans-serif;font-size:24px;margin:8px 0 14px}
.note{color:var(--text2);font-size:15px;margin:-28px 0 44px}
.doc{padding:44px 0 56px}
.doc h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(28px,5vw,38px);line-height:1.15;margin-bottom:6px}
.doc .upd{color:var(--text3);font-size:14px;margin-bottom:28px}
.doc h2{font-family:'Syne',sans-serif;font-size:20px;margin:34px 0 10px}
.doc h3{font-size:16px;margin:20px 0 6px}
.doc p,.doc li{color:var(--text2);margin-bottom:10px}
.doc ul{padding-left:22px;margin-bottom:10px}
.doc strong{color:var(--text)}
.doc .box{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:14px 16px;margin:14px 0 18px}
.doc .box p:last-child{margin-bottom:0}
.foot{border-top:1px solid var(--border);padding:26px 0 40px;color:var(--text3);font-size:14px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.foot a{color:var(--text2);text-decoration:none}
.foot a:hover{color:var(--accent)}
@media (max-width:520px){
  .top .btn{padding:9px 13px;font-size:13px}
  .brand span{display:none}
  .hero{padding:40px 0 28px}
  .hero p{font-size:16px}
}