:root{--ink:#060a12;--panel:#0b1120;--line:rgba(233,238,246,.08);--line-strong:rgba(233,238,246,.16);--text:#e9eef6;--muted:#94a1b5;--jade:#86bc25;--jade-dim:rgba(134,188,37,.12);--violet:#b8e86a;--coral:#FFD100;--display:'Sora',sans-serif;--body:'Albert Sans',sans-serif;--mono:'JetBrains Mono',monospace}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--ink);color:var(--text);font-family:var(--body);font-size:17.5px;line-height:1.75;-webkit-font-smoothing:antialiased}
::selection{background:var(--jade);color:var(--ink)}
a{color:inherit;text-decoration:none}
nav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(16px);background:rgba(6,10,18,.78);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1180px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:18px}
.logo svg{width:28px;height:28px}
.logo b{color:var(--jade)}
.nav-right{display:flex;gap:20px;align-items:center;font-size:14px}
.nav-right .back{color:var(--muted);transition:color .2s}
.nav-right .back:hover{color:var(--text)}
.nav-cta{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;padding:9px 18px;border:1px solid var(--jade);border-radius:100px;color:var(--jade);transition:all .25s}
.nav-cta:hover{background:var(--jade);color:var(--ink)}
.art{max-width:760px;margin:0 auto;padding:150px 28px 60px}
.type{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;padding:6px 14px;border-radius:100px;border:1px solid var(--line-strong);color:var(--jade);margin-bottom:26px}
h1{font-family:var(--display);font-size:clamp(30px,4.6vw,44px);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}
.meta{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.08em;padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:40px}
.meta em{font-style:normal;color:var(--jade)}
.art h2{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.01em;margin:44px 0 16px}
.art p{color:#c4cddb;margin-bottom:20px}
.art strong{color:var(--text)}
.art em{color:#c4cddb}
.art ul{margin:0 0 20px 22px;color:#c4cddb}
.art li{margin-bottom:10px}
.art li b{color:var(--text)}
.callout{border:1px solid rgba(134,188,37,.3);border-left:3px solid var(--jade);border-radius:12px;background:var(--jade-dim);padding:20px 24px;margin:28px 0;font-size:16px}
.stat-line{font-family:var(--mono);font-size:13px;color:var(--jade);letter-spacing:.04em;margin:28px 0;padding:16px 20px;border:1px dashed rgba(134,188,37,.35);border-radius:12px}
.src{font-family:var(--mono);font-size:11.5px;color:rgba(148,161,181,.6);letter-spacing:.04em;margin-top:44px;padding-top:22px;border-top:1px solid var(--line);line-height:1.9}
.cta-box{max-width:760px;margin:20px auto 90px;padding:0 28px}
.cta-inner{border:1px solid var(--line-strong);border-radius:22px;padding:42px 40px;text-align:center;background:radial-gradient(ellipse 60% 100% at 50% 120%,rgba(134,188,37,.1),transparent 70%),var(--panel)}
.cta-inner h2{font-family:var(--display);font-size:26px;font-weight:700;margin-bottom:10px}
.cta-inner p{color:var(--muted);margin-bottom:24px;font-size:16px}
.btn{display:inline-block;font-family:var(--display);font-weight:600;font-size:15px;padding:14px 28px;border-radius:100px;background:var(--jade);color:#1a2405;transition:all .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(134,188,37,.28)}
footer{border-top:1px solid var(--line);padding:34px 28px;text-align:center;font-family:var(--mono);font-size:11.5px;color:rgba(148,161,181,.6);letter-spacing:.06em}
footer a{color:var(--jade)}

/* ---- mobile ---- */
@media(max-width:760px){
  .nav-inner{padding:0 18px}
  .nav-right{gap:12px;font-size:12.5px}
  .nav-cta{padding:9px 12px;font-size:10.5px}
  .art{padding:118px 20px 44px}
  h1{font-size:clamp(26px,7.5vw,34px)!important}
  .art h2{font-size:21px;margin:36px 0 14px}
  .art p,.art li{font-size:15.5px}
  .callout,.stat-line{padding:14px 16px;font-size:12.5px}
  .cta-box{padding:0 20px;margin-bottom:64px}
  .cta-inner{padding:34px 22px}
  footer{padding:28px 20px}
}
@media(max-width:420px){
  .nav-right .back{display:none}
}