:root{
  --green:#00e676; --green-dark:#00b25c;
  --navy:#080d0a; --surface:#0f1710; --surface2:#141f16;
  --light:#f4f7f5; --light2:#ffffff; --ink:#0c1410; --ink-soft:#52605a;
  --gray:#94a3b8; --border:rgba(0,230,118,0.15);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',system-ui,sans-serif;color:#f1f5f9;background:var(--navy);-webkit-font-smoothing:antialiased;}
a{text-decoration:none;}
svg{display:block;}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(8,13,10,0.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;}
.logo img{height:30px;width:auto;display:block;}
.nav-links{display:flex;gap:28px;list-style:none;}
.nav-links a{color:var(--gray);font-size:14px;font-weight:500;transition:color .2s;}
.nav-links a:hover{color:var(--green);}
.nav-cta{background:var(--green);color:var(--navy);padding:8px 18px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap;}
@media(max-width:768px){nav{padding:0 16px;} .nav-links{display:none;}}

/* BLOG INDEX */
.blog-hero{padding:72px 24px 40px;text-align:center;position:relative;overflow:hidden;}
.blog-hero .glow{position:absolute;bottom:-120px;left:50%;transform:translateX(-50%);width:600px;height:380px;background:radial-gradient(ellipse,rgba(0,230,118,0.14) 0%,transparent 70%);pointer-events:none;}
.blog-hero .label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--green);margin-bottom:14px;display:block;position:relative;}
.blog-hero h1{font-size:clamp(30px,5vw,46px);font-weight:900;letter-spacing:-1.5px;line-height:1.08;max-width:760px;margin:0 auto 16px;position:relative;}
.blog-hero h1 em{font-style:normal;color:var(--green);}
.blog-hero p{color:rgba(255,255,255,0.6);font-size:17px;max-width:560px;margin:0 auto;line-height:1.7;position:relative;}

.posts{max-width:1000px;margin:0 auto;padding:40px 24px 90px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.post-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;transition:transform .25s,border-color .25s;display:flex;flex-direction:column;}
.post-card:hover{transform:translateY(-4px);border-color:rgba(0,230,118,.4);}
.post-card .tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--green);margin-bottom:12px;}
.post-card h2{font-size:21px;font-weight:800;color:#fff;line-height:1.25;margin-bottom:10px;letter-spacing:-.5px;}
.post-card p{font-size:14px;color:var(--gray);line-height:1.6;margin-bottom:18px;flex:1;}
.post-card .more{font-size:14px;font-weight:700;color:var(--green);}
@media(max-width:700px){.posts{grid-template-columns:1fr;}}

/* ARTICLE */
.article{max-width:760px;margin:0 auto;padding:56px 24px 80px;}
.article .crumb{font-size:13px;color:var(--gray);margin-bottom:22px;}
.article .crumb a{color:var(--green);}
.article .tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--green);margin-bottom:14px;display:block;}
.article h1{font-size:clamp(28px,4.5vw,42px);font-weight:900;line-height:1.12;letter-spacing:-1.2px;color:#fff;margin-bottom:18px;}
.article .meta{font-size:13px;color:var(--gray);margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--border);}
.article .lead{font-size:19px;line-height:1.7;color:rgba(255,255,255,0.82);margin-bottom:28px;}
.article h2{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px;margin:38px 0 14px;}
.article h3{font-size:18px;font-weight:700;color:#fff;margin:26px 0 10px;}
.article p{font-size:16px;line-height:1.8;color:rgba(255,255,255,0.72);margin-bottom:18px;}
.article ul{margin:0 0 20px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.article ul li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.65;color:rgba(255,255,255,0.72);}
.article ul li::before{content:"";width:8px;height:8px;margin-top:8px;flex-shrink:0;background:var(--green);border-radius:2px;}
.article strong{color:#fff;}
.article a{color:var(--green);}
.article .callout{background:rgba(0,230,118,0.06);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:12px;padding:20px 24px;margin:28px 0;font-size:16px;line-height:1.7;color:#fff;}

.cta-box{margin:44px 0 0;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center;}
.cta-box h3{font-size:22px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.5px;}
.cta-box h3 em{font-style:normal;color:var(--green);}
.cta-box p{color:var(--gray);font-size:15px;margin-bottom:22px;}
.cta-box a{display:inline-block;background:var(--green);color:var(--navy);padding:14px 30px;border-radius:10px;font-weight:800;font-size:15px;}

footer{background:var(--navy);color:rgba(255,255,255,0.3);padding:28px 24px;text-align:center;border-top:1px solid rgba(255,255,255,0.05);}
.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:12px;flex-wrap:wrap;}
.footer-links a{color:rgba(255,255,255,0.35);font-size:13px;}
.footer-links a:hover{color:var(--green);}
.footer-copy{font-size:12px;}